Mobile Design

Mobile Design

Projektowanie mobilne w praktyce.

572884b36b9538ad273ef7dd7e23b228?s=128

Adam Jodłowski

April 27, 2013
Tweet

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