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
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
3
2.9k
富山デザイン勉強会_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
140
Tableau曲線表現講座(2024.11.21)
cielo1985
0
250
The Very Small Creatures - dressing up warm sequence
lizziestoryboards
0
190
20241019-CUD友の会「困った!を解決するデザイン改訂版」交流会
majimasachi
0
320
Managing Design Systems (Antwerp 2024)
nathanacurtis
1
380
aya_murakami_portfolio
ayakaimi1101
0
1.1k
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜
tak073
0
240
HCDフォーラム2024 「HCDとHAI ~人間とAIが共存する世界の実現~」
kamechi7222222
0
280
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
190
(第1回) アーキテクト・テックリード育成講座
masakaya
0
160
Rayout Pattern 01
one0
0
1.5k
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
Become a Pro
speakerdeck
PRO
26
5.1k
4 Signs Your Business is Dying
shpigford
182
22k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
310
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
Designing Experiences People Love
moore
139
23k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Docker and Python
trallard
44
3.3k
KATA
mclloyd
29
14k
Visualization
eitanlees
146
15k
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