Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Mobile Design
Search
Adam Jodłowski
April 27, 2013
Design
1
330
Mobile Design
Projektowanie mobilne w praktyce.
Adam Jodłowski
April 27, 2013
Tweet
Share
More Decks by Adam Jodłowski
See All by Adam Jodłowski
Android Code Lab 02
adamjodlowski
0
200
Android Code Lab 01
adamjodlowski
0
240
Android School 08
adamjodlowski
0
160
Android School 07
adamjodlowski
0
230
Android School 06
adamjodlowski
0
410
Android School 05
adamjodlowski
0
430
Android School 04
adamjodlowski
0
370
Android School 03
adamjodlowski
1
360
Android School 02
adamjodlowski
0
520
Other Decks in Design
See All in Design
Minuto de Aventura
olgastoryboard
0
110
コラボレーションを小さくはじめ、大きく広める - 相互理解のためのデザイン&開発交流会, Friends of Figma Tokyo by Yasuhiro Yokota
yasuhiroyokota
2
1.5k
Speed Design
sergeychernyshev
9
270
UXデザイナーが肩書きの私がいまUXデザインにそんなに興味がない理由 #uxd2024(字幕入り配布版)
versionfive
7
2k
Sunny Day Storyboard
ctagulao98
0
190
デザイナー採用 3社目で学び中のこと / Learnings of Designer Recruitment | Yasuhiro Yokota
yasuhiroyokota
1
1.4k
プロジェクトを成功に導く、デザイナーの仕事
akaneyoshikawa
1
290
Design for disaster preparedness
norinity1103
0
120
3 Reasons Why I Got into Design
harukausui
1
130
Designing and Automating Component Specifications
nathanacurtis
3
310
業務システムのUX/UI設計ノウハウを解説。デザイナー不在で失敗しないために身につけるべき基本とは?
ncdc
2
720
Blender 4.1 で レッツ Vket Cloud!
kamera25
0
200
Featured
See All Featured
Scaling GitHub
holman
458
140k
For a Future-Friendly Web
brad_frost
173
9.2k
The Cult of Friendly URLs
andyhume
75
5.9k
Fireside Chat
paigeccino
25
2.8k
The Language of Interfaces
destraynor
151
23k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
149
45k
The Pragmatic Product Professional
lauravandoore
29
6.1k
RailsConf 2023
tenderlove
16
720
Learning to Love Humans: Emotional Interface Design
aarron
269
39k
Adopting Sorbet at Scale
ufuk
71
8.8k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
248
20k
Infographics Made Easy
chrislema
238
18k
Transcript
Mobile Design Mobile Design projektowanie mobilne w praktyce projektowanie mobilne
w praktyce
adaptatywne interfejsy adaptatywne interfejsy
rozmiar ma znaczenie rozmiar ma znaczenie
widok pionowy widok pionowy
widok poziomy widok poziomy
multi-pane layout multi-pane layout
metryki i układy metryki i układy
rozdzielczości/gęstości ekranów rozdzielczości/gęstości ekranów
metryki, zasada 48dp metryki, zasada 48dp
9-patch drawables 9-patch drawables
grupy wymiarów grupy wymiarów
marginesy marginesy
typografia i kolory typografia i kolory
fonty fonty
nietypowe czcionki nietypowe czcionki
stonowane kolory stonowane kolory
palety kolorów palety kolorów
ikonografia ikonografia
http://www.androidicons.com/ http://www.androidicons.com/
spójne rozmiary, kształty, marginesy, style spójne rozmiary, kształty, marginesy, style
spójne rozmiary, kształty, marginesy, style spójne rozmiary, kształty, marginesy, style
nawigacja nawigacja
action bar – Frequent, Important, Typical action bar – Frequent,
Important, Typical
dashboard dashboard
tabs tabs
sliding/ribbon menu sliding/ribbon menu
karty karty
grid view grid view
carousel carousel
flip/swipe flip/swipe
showcase showcase
guided your guided your
dotyk i gesty dotyk i gesty
gesty dotykowe gesty dotykowe
różne stany interakcji z komponentami różne stany interakcji z komponentami
usuwanie elementów usuwanie elementów
pull to refresh pull to refresh
swipe/longpress list menu swipe/longpress list menu
Samsung Air View Samsung Air View
komunikacja zwrotna komunikacja zwrotna
brak treści brak treści http://emptystat.es/ http://emptystat.es/
potwierdzanie akcji potwierdzanie akcji
powiadomienia powiadomienia
powiadomienia kontekstowe powiadomienia kontekstowe
rozwijane powiadomienia, akcje rozwijane powiadomienia, akcje
undo bar undo bar
look & feel look & feel
integracja z platformą integracja z platformą
integracja z platformą integracja z platformą
skeuomorphism skeuomorphism
skeuomorphism skeuomorphism
skeuomorphism skeuomorphism
skeuomorphism skeuomorphism
narzędzia narzędzia
http://www.uistencils.com/ http://www.uistencils.com/
http://proto.io/ http://proto.io/
https://www.fluidui.com/ https://www.fluidui.com/
http://android-ui-utils.googlecode.com/hg/asset-studio/dist/index.html http://android-ui-utils.googlecode.com/hg/asset-studio/dist/index.html
http://jgilfelt.github.io/android-actionbarstylegenerator/ http://jgilfelt.github.io/android-actionbarstylegenerator/
źródła inspiracji źródła inspiracji
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.mobilepatterns.com/ http://www.mobilepatterns.com/ • http://iosicongallery.com/ http://iosicongallery.com/
warto używać warto używać • http://androiduiux.com/2013/01/01/wireframescreenflow http://androiduiux.com/2013/01/01/wireframescreenflow templatefreedownload/ templatefreedownload/ •
http://androiduiux.com/2013/04/15/androiduidesignkit http://androiduiux.com/2013/04/15/androiduidesignkit pptx10freedownload/ pptx10freedownload/ • http://androiduiux.com/2013/03/12/androiduidesignkit http://androiduiux.com/2013/03/12/androiduidesignkit psd42freedownload/ psd42freedownload/ • http://iconmonstr.com/ http://iconmonstr.com/ • http://www.bongizmo.com/blog/androidresourceseach http://www.bongizmo.com/blog/androidresourceseach developershouldknow/ developershouldknow/ • http://androiduiux.com/2012/06/27/newtoandroid http://androiduiux.com/2012/06/27/newtoandroid designdevelopmentheresalistofgreatresourcesand designdevelopmentheresalistofgreatresourcesand referencesavailable/ referencesavailable/ • http://www.androidviews.net/ http://www.androidviews.net/ • http://jgilfelt.github.io/androidactionbarstylegenerator/ http://jgilfelt.github.io/androidactionbarstylegenerator/ • http://developer.android.com/design/downloads/index.html http://developer.android.com/design/downloads/index.html
Dziękuję za uwagę Dziękuję za uwagę Adam Jodłowski Adam Jodłowski
jodlowski.net jodlowski.net