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

Mobile Design

Mobile Design

Projektowanie mobilne w praktyce.

Adam Jodłowski

April 27, 2013
Tweet

More Decks by Adam Jodłowski

Other Decks in Design

Transcript

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

    View Slide

  2. adaptatywne interfejsy
    adaptatywne interfejsy

    View Slide

  3. rozmiar ma znaczenie
    rozmiar ma znaczenie

    View Slide

  4. widok pionowy
    widok pionowy

    View Slide

  5. widok poziomy
    widok poziomy

    View Slide

  6. multi-pane layout
    multi-pane layout

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  10. 9-patch drawables
    9-patch drawables

    View Slide

  11. grupy wymiarów
    grupy wymiarów

    View Slide

  12. marginesy
    marginesy

    View Slide

  13. typografia i kolory
    typografia i kolory

    View Slide

  14. fonty
    fonty

    View Slide

  15. nietypowe czcionki
    nietypowe czcionki

    View Slide

  16. stonowane kolory
    stonowane kolory

    View Slide

  17. palety kolorów
    palety kolorów

    View Slide

  18. ikonografia
    ikonografia

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  22. nawigacja
    nawigacja

    View Slide

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

    View Slide

  24. dashboard
    dashboard

    View Slide

  25. tabs
    tabs

    View Slide

  26. sliding/ribbon menu
    sliding/ribbon menu

    View Slide

  27. karty
    karty

    View Slide

  28. grid view
    grid view

    View Slide

  29. carousel
    carousel

    View Slide

  30. flip/swipe
    flip/swipe

    View Slide

  31. showcase
    showcase

    View Slide

  32. guided your
    guided your

    View Slide

  33. dotyk i gesty
    dotyk i gesty

    View Slide

  34. gesty dotykowe
    gesty dotykowe

    View Slide

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

    View Slide

  36. usuwanie elementów
    usuwanie elementów

    View Slide

  37. pull to refresh
    pull to refresh

    View Slide

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

    View Slide

  39. Samsung Air View
    Samsung Air View

    View Slide

  40. komunikacja zwrotna
    komunikacja zwrotna

    View Slide

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

    View Slide

  42. potwierdzanie akcji
    potwierdzanie akcji

    View Slide

  43. powiadomienia
    powiadomienia

    View Slide

  44. powiadomienia kontekstowe
    powiadomienia kontekstowe

    View Slide

  45. rozwijane powiadomienia, akcje
    rozwijane powiadomienia, akcje

    View Slide

  46. undo bar
    undo bar

    View Slide

  47. look & feel
    look & feel

    View Slide

  48. integracja z platformą
    integracja z platformą

    View Slide

  49. integracja z platformą
    integracja z platformą

    View Slide

  50. skeuomorphism
    skeuomorphism

    View Slide

  51. skeuomorphism
    skeuomorphism

    View Slide

  52. skeuomorphism
    skeuomorphism

    View Slide

  53. skeuomorphism
    skeuomorphism

    View Slide

  54. narzędzia
    narzędzia

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  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

    View Slide

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

    View Slide

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

    View Slide

  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/

    View Slide

  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

    View Slide

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

    View Slide