Mobile Design

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