Mobile Design

Projektowanie mobilne w praktyce.

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