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
370
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
270
Android Code Lab 01
adamjodlowski
0
280
Android School 08
adamjodlowski
0
160
Android School 07
adamjodlowski
0
230
Android School 06
adamjodlowski
0
410
Android School 05
adamjodlowski
0
440
Android School 04
adamjodlowski
0
370
Android School 03
adamjodlowski
1
370
Android School 02
adamjodlowski
0
530
Other Decks in Design
See All in Design
Flow, Not Stock 知識触媒としてのIA
5kaichi
1
280
ポートフォリオ_藤田歩希(ほまれ)
akifujita_homarecreate
0
570
Cards | Storyboards
giofortuna_story
0
260
デザイナーとPMの両ロール_3つのポイント
toy1618
1
310
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
shingo2000
1
1.5k
How to get a Tiger to Tulsa
mcduckyart
0
100
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
bebe
0
540
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.4k
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
0
310
無自覚なランクとその影響を紐解くワークショップ / Unpacking Unconscious Privilege Workshop
spring_aki
4
280
誰もがAIエージェントを"操作"したがる〜AIエージェントに求められるUX〜
ikeyatsu
2
1.7k
今日から意識できるアクセシビリティ
fumiko
0
240
Featured
See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.5k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.3k
We Have a Design System, Now What?
morganepeng
52
7.6k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
Fireside Chat
paigeccino
37
3.5k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Balancing Empowerment & Direction
lara
1
300
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.3k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
16
920
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