Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Android UI Design Pattern

Avatar for JasonNi JasonNi
October 04, 2013
Technology
0
140

Android UI Design Pattern

Avatar for JasonNi

JasonNi

October 04, 2013
Tweet

More Decks by JasonNi

See All by JasonNi
RxDialog
Avatar for JasonNi jasonni
3
410
Google Mobile Developer Summit Overview
Avatar for JasonNi jasonni
1
57
Google Mobile Design Codelab.pdf
Avatar for JasonNi jasonni
1
100
JQuery Plugin Publish
Avatar for JasonNi jasonni
1
270

Other Decks in Technology

See All in Technology
Snowflake のアーキテクチャは本当に筋がよかったのか / Data Engineering Study #30
Avatar for Yoshi Matsuzaki indigo13love
0
260
TypeScript 上達の道
Avatar for Kanon ysknsid25
9
1.1k
ObsidianをLLM時代のナレッジベースに！ クリッピング→Markdown→CLI連携の実践
Avatar for Reiki Hattori srvhat09
7
9.1k
AI Ready API ─ AI時代に求められるAPI設計とは？/ AI-Ready API - Designing MCP and APIs in the AI Era
Avatar for Yoichi Kawasaki yokawasa
21
5.8k
Data Engineering Study#30 LT資料
Avatar for tetsuroito tetsuroito
1
570
FAST導入1年間のふりかえり〜現実を直視し、さらなる進化を求めて〜 / Review of the first year of FAST implementation
Avatar for Kyosuke Awata wooootack
1
120
P2P ではじめる WebRTC のつまづきどころ
Avatar for tnoho tnoho
1
220
スプリントレビューを効果的にするために
Avatar for Miho Nagase miholovesq
9
1.6k
Step Functions First - サーバーレスアーキテクチャの新しいパラダイム
Avatar for Taiki Sugawara taikis
1
280
Webの技術とガジェットで那須の子ども達にワクワクを！ / IoTLT_20250720
Avatar for you（@youtoy） you
PRO
0
120
経験がないことを言い訳にしない、 AI時代の他領域への染み出し方
Avatar for Yuki Harayama parayama0625
0
160
Talk to Someone At Delta Airlines™️ USA Contact Numbers
Avatar for seahorse75930 travelcarecenter
0
170

Featured

See All Featured
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
337
57k
Adopting Sorbet at Scale
Avatar for Ufuk Kayserilioglu ufuk
77
9.5k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
134
9.4k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
160
23k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.7k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.4k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
50k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
71
11k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
524
40k

Transcript

  1. Android Design Pattern JasonNi miiiCasa

  2. Design Pattern?

  3. Design Pattern?

  4. Design Pattern Design the Fashion Behave Pattern

  5. Why Design Pattern is Important? before this ….

  6. Why Design Pattern is Important? Famous...But not Follow Our Design

    Pattern...

  7. Why Design Pattern is Important? 讓 我 進 去 ！

  8. Follow Design Pattern • Action Bar • Notification • Navigation

    Drawer • Multi-pane layouts

  9. Notification

  10. Navigation Drawer

  11. Multi-pane layouts

  12. Multi-pane layouts

  13. Action Bar Many Types • General

  14. Action Bar Many Types • Split Action Bar Main action

    bar Top bar Bottom bar

  15. Action Bar Many Types • Contextual Bar

  16. 48dp Pattern

  17. What Problem ?

  18. What Problem ? • Thumb need center corp • More

    spacing • Ellipsized text • Limited, Fixed number of lines • All caps • Deemphasized colour for sub headings

  19. Action Bar Resource Action Bar Style Generator Action Bar and

    Tab Icon Generator Reference Android Developer Teach Google Codelab
  20. None