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
350
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
250
Android Code Lab 01
adamjodlowski
0
260
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
530
Other Decks in Design
See All in Design
今更聞けないデザイン思考 - 高専キャリア2024冬 / imasara-design-thinking
chige
5
870
急成長中のWINTICKETにおける ちいさくはじめるライティング改善 / winticket-writing
cyberagentdevelopers
PRO
1
270
入社3ヶ月目のプロダクトデザイナー視点で見たヤプリ / Joining Yappli as a Product Designer: My Perspective After 90 Days
yappli_developers
0
120
Managing Design Systems (Antwerp 2024)
nathanacurtis
1
380
The Very Small Creatures - dressing up warm sequence
lizziestoryboards
0
190
Masked shaman-Storyboard 2025
ashley0521
0
160
portfolio2025_kanakoohata
kanako106
0
660
ネーミングの極意 - その名は体を現していますか? -
kakukoki
2
470
ネットワークセキュリティ科 学科紹介
sklbj_unz
0
160
今日からできる実践アクセシビリティSNSというかXでaltをつけよう
securecat
1
140
[Designship2024] デザインの力でサービスの価値を追求していたら、組織全体をデザインしていた話
okakasoysauce
2
1.1k
発表資料テンプレート / My slide template
thatblue
0
200
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
Designing Experiences People Love
moore
139
23k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
How to Ace a Technical Interview
jacobian
276
23k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Producing Creativity
orderedlist
PRO
343
39k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Build your cross-platform service in a week with App Engine
jlugia
229
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