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
LLMによるRAG評価用合成テストデータの生成
licux
6
600
aya_murakami_portfolio
ayakaimi1101
0
930
The One
chinweanimation
0
130
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
tkhr_kws
2
260
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 移動・不動産領域の取り組み
tmtgtkhs
0
190
デザイナーのマネジメント職、 身構えずにやっていこう
fumink7
0
750
20241204_UI/UXデザイナーLT会 - vol.10_DMM
motokoishida
0
240
【pmconf2024】ユーザーになりきる「コスプレUX」で リサーチ解像度を上げる
kamechi7222222
1
8.2k
ビジョン実現を加速させるデザインプログラムマネージャーの視座とキャリア/ Designship2024_Sato
root_recruit
0
240
なぜ今必要?Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
hilokifigma
0
520
成長する組織のナレッジベースのつくりかた_知識基盤のデザインとメタデザイン
gaussbeam
0
840
Charcoal 2.0: デザインシステムの基盤を再構築
godlingkogami
1
790
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.1k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
600
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.4k
Embracing the Ebb and Flow
colly
84
4.5k
Bash Introduction
62gerente
610
210k
Code Reviewing Like a Champion
maltzj
521
39k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.3k
Unsuck your backbone
ammeep
669
57k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Making Projects Easy
brettharned
116
6k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.4k
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