Mobile Design

Transcript

1. 1.

   Mobile Design Mobile Design projektowanie mobilne w praktyce projektowanie mobilne

   w praktyce
2. 2.

   adaptatywne interfejsy adaptatywne interfejsy

3. 3.

   rozmiar ma znaczenie rozmiar ma znaczenie

4. 4.

   widok pionowy widok pionowy

5. 5.

   widok poziomy widok poziomy

6. 6.

   multi-pane layout multi-pane layout

7. 7.

   metryki i układy metryki i układy

8. 8.

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

9. 9.

   metryki, zasada 48dp metryki, zasada 48dp

10. 10.

    9-patch drawables 9-patch drawables

11. 11.

    grupy wymiarów grupy wymiarów

12. 12.

    marginesy marginesy

13. 13.

    typografia i kolory typografia i kolory

14. 14.

    fonty fonty

15. 15.

    nietypowe czcionki nietypowe czcionki

16. 16.

    stonowane kolory stonowane kolory

17. 17.

    palety kolorów palety kolorów

18. 18.

    ikonografia ikonografia

19. 19.

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

20. 20.

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

21. 21.

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

22. 22.

    nawigacja nawigacja

23. 23.

    action bar – Frequent, Important, Typical action bar – Frequent,

    Important, Typical
24. 24.

    dashboard dashboard

25. 25.

    tabs tabs

26. 26.

    sliding/ribbon menu sliding/ribbon menu

27. 27.

    karty karty

28. 28.

    grid view grid view

29. 29.

    carousel carousel

30. 30.

    flip/swipe flip/swipe

31. 31.

    showcase showcase

32. 32.

    guided your guided your

33. 33.

    dotyk i gesty dotyk i gesty

34. 34.

    gesty dotykowe gesty dotykowe

35. 35.

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

36. 36.

    usuwanie elementów usuwanie elementów

37. 37.

    pull to refresh pull to refresh

38. 38.

    swipe/longpress list menu swipe/longpress list menu

39. 39.

    Samsung Air View Samsung Air View

40. 40.

    komunikacja zwrotna komunikacja zwrotna

41. 41.

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

42. 42.

    potwierdzanie akcji potwierdzanie akcji

43. 43.

    powiadomienia powiadomienia

44. 44.

    powiadomienia kontekstowe powiadomienia kontekstowe

45. 45.

    rozwijane powiadomienia, akcje rozwijane powiadomienia, akcje

46. 46.

    undo bar undo bar

47. 47.

    look & feel look & feel

48. 48.

    integracja z platformą integracja z platformą

49. 49.

    integracja z platformą integracja z platformą

50. 50.

    skeuomorphism skeuomorphism

51. 51.

    skeuomorphism skeuomorphism

52. 52.

    skeuomorphism skeuomorphism

53. 53.

    skeuomorphism skeuomorphism

54. 54.

    narzędzia narzędzia

55. 55.

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

56. 56.

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

57. 57.

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

58. 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. 59.

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

60. 60.

    źródła inspiracji źródła inspiracji

61. 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. 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. 63.

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

    jodlowski.net jodlowski.net