Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Mobile Design

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Adam Jodłowski Adam Jodłowski
April 27, 2013
Design
420
1

Mobile Design

Projektowanie mobilne w praktyce.

Avatar for Adam Jodłowski

Adam Jodłowski

April 27, 2013

More Decks by Adam Jodłowski

See All by Adam Jodłowski
Android Code Lab 02
Avatar for Adam Jodłowski adamjodlowski
0
320
Android Code Lab 01
Avatar for Adam Jodłowski adamjodlowski
0
320
Android School 08
Avatar for Adam Jodłowski adamjodlowski
0
190
Android School 07
Avatar for Adam Jodłowski adamjodlowski
0
260
Android School 06
Avatar for Adam Jodłowski adamjodlowski
0
420
Android School 05
Avatar for Adam Jodłowski adamjodlowski
0
460
Android School 04
Avatar for Adam Jodłowski adamjodlowski
0
380
Android School 03
Avatar for Adam Jodłowski adamjodlowski
1
390
Android School 02
Avatar for Adam Jodłowski adamjodlowski
0
540

Other Decks in Design

See All in Design
次世代のクリエイティブ体験！Photoshopの最新機能で新しい未来を切り開こう
Avatar for コネクリ connecre
0
130
Build for the Web, Build on the Web, Build With the Web
Avatar for Harry Roberts csswizardry
0
330
kintone_aroma
Avatar for kintone kintone
0
1.9k
公開スライド）熊本市様-電子申請中級編
Avatar for @Garyuten garyuten
0
1.1k
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
Avatar for ぽん designer_no_pon
1
1.4k
CULTURE DECK／Frontend Engineer
Avatar for M-HAND,Inc. mhand01
0
1.1k
Signull 団体説明資料
Avatar for Signull signull
0
510
デザインするために「多様性」について考える
Avatar for なつ iflection
0
260
爆速開発でAIプロダクトが40万インプレッションになった話
Avatar for つぶら tsubura
0
220
改正JISを見据えた、企業のアクセシビリティ対応ロードマップ
Avatar for Yu Morita securecat
1
320
絵や写真から学ぶ、要素がもたらす副作用
Avatar for keigo kspace
0
250
なぜ、インサイトを貯めるのか？
Avatar for 田島佳穂 tajima_kaho
1
220

Featured

See All Featured
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
210
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.4k
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
97
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
800
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
440
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.5k
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
200
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
160
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
160
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9k

Transcript

  1. Mobile Design Mobile Design projektowanie mobilne w praktyce projektowanie mobilne

    w praktyce

  2. adaptatywne interfejsy adaptatywne interfejsy

  3. rozmiar ma znaczenie rozmiar ma znaczenie

  4. widok pionowy widok pionowy

  5. widok poziomy widok poziomy

  6. multi-pane layout multi-pane layout

  7. metryki i układy metryki i układy

  8. rozdzielczości/gęstości ekranów rozdzielczości/gęstości ekranów

  9. metryki, zasada 48dp metryki, zasada 48dp

  10. 9-patch drawables 9-patch drawables

  11. grupy wymiarów grupy wymiarów

  12. marginesy marginesy

  13. typografia i kolory typografia i kolory

  14. fonty fonty

  15. nietypowe czcionki nietypowe czcionki

  16. stonowane kolory stonowane kolory

  17. palety kolorów palety kolorów

  18. ikonografia ikonografia

  19. http://www.androidicons.com/ http://www.androidicons.com/

  20. spójne rozmiary, kształty, marginesy, style spójne rozmiary, kształty, marginesy, style

  21. spójne rozmiary, kształty, marginesy, style spójne rozmiary, kształty, marginesy, style

  22. nawigacja nawigacja

  23. action bar – Frequent, Important, Typical action bar – Frequent,

    Important, Typical

  24. dashboard dashboard

  25. tabs tabs

  26. sliding/ribbon menu sliding/ribbon menu

  27. karty karty

  28. grid view grid view

  29. carousel carousel

  30. flip/swipe flip/swipe

  31. showcase showcase

  32. guided your guided your

  33. dotyk i gesty dotyk i gesty

  34. gesty dotykowe gesty dotykowe

  35. różne stany interakcji z komponentami różne stany interakcji z komponentami

  36. usuwanie elementów usuwanie elementów

  37. pull to refresh pull to refresh

  38. swipe/longpress list menu swipe/longpress list menu

  39. Samsung Air View Samsung Air View

  40. komunikacja zwrotna komunikacja zwrotna

  41. brak treści brak treści http://emptystat.es/ http://emptystat.es/

  42. potwierdzanie akcji potwierdzanie akcji

  43. powiadomienia powiadomienia

  44. powiadomienia kontekstowe powiadomienia kontekstowe

  45. rozwijane powiadomienia, akcje rozwijane powiadomienia, akcje

  46. undo bar undo bar

  47. look & feel look & feel

  48. integracja z platformą integracja z platformą

  49. integracja z platformą integracja z platformą

  50. skeuomorphism skeuomorphism

  51. skeuomorphism skeuomorphism

  52. skeuomorphism skeuomorphism

  53. skeuomorphism skeuomorphism

  54. narzędzia narzędzia

  55. http://www.uistencils.com/ http://www.uistencils.com/

  56. http://proto.io/ http://proto.io/

  57. https://www.fluidui.com/ https://www.fluidui.com/

  58. http://android-ui-utils.googlecode.com/hg/asset-studio/dist/index.html http://android-ui-utils.googlecode.com/hg/asset-studio/dist/index.html

  59. http://jgilfelt.github.io/android-actionbarstylegenerator/ http://jgilfelt.github.io/android-actionbarstylegenerator/

  60. źródła inspiracji źródła inspiracji

  61. warto odwiedzać warto odwiedzać • http://androiduiux.com/ http://androiduiux.com/ • http://meer.li/ http://meer.li/

    • http://mycolorscreen.com/ http://mycolorscreen.com/ • http://www.androiduipatterns.com/ http://www.androiduipatterns.com/ • http://emptystat.es/ http://emptystat.es/ • http://developer.android.com/design/index.html http://developer.android.com/design/index.html • http://androidniceties.tumblr.com/ http://androidniceties.tumblr.com/ • http://www.mobile­patterns.com/ http://www.mobile­patterns.com/ • http://iosicongallery.com/ http://iosicongallery.com/

  62. warto używać warto używać • http://androiduiux.com/2013/01/01/wireframe­screen­flow­ http://androiduiux.com/2013/01/01/wireframe­screen­flow­ template­free­download/ template­free­download/ •

    http://androiduiux.com/2013/04/15/android­ui­design­kit­ http://androiduiux.com/2013/04/15/android­ui­design­kit­ pptx­1­0­free­download/ pptx­1­0­free­download/ • http://androiduiux.com/2013/03/12/android­ui­design­kit­ http://androiduiux.com/2013/03/12/android­ui­design­kit­ psd­4­2­free­download/ psd­4­2­free­download/ • http://iconmonstr.com/ http://iconmonstr.com/ • http://www.bongizmo.com/blog/android­resources­each­ http://www.bongizmo.com/blog/android­resources­each­ developer­should­know/ developer­should­know/ • http://androiduiux.com/2012/06/27/new­to­android­ http://androiduiux.com/2012/06/27/new­to­android­ designdevelopment­heres­a­list­of­great­resources­and­ designdevelopment­heres­a­list­of­great­resources­and­ references­available/ references­available/ • http://www.androidviews.net/ http://www.androidviews.net/ • http://jgilfelt.github.io/android­actionbarstylegenerator/ http://jgilfelt.github.io/android­actionbarstylegenerator/ • http://developer.android.com/design/downloads/index.html http://developer.android.com/design/downloads/index.html

  63. Dziękuję za uwagę Dziękuję za uwagę Adam Jodłowski Adam Jodłowski

    jodlowski.net jodlowski.net