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
150

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
58
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
【実演版】カンファレンス登壇者・スタッフにこそ知ってほしいマイクの使い方 / 大吉祥寺.pm 2025
Avatar for Arthur arthur1
1
670
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
8.7k
おやつは300円まで！の最適化を模索してみた
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
0
290
dbt開発 with Claude Codeのためのガードレール設計
Avatar for 10xinc 10xinc
2
1.1k
現場で効くClaude Code ─ 最新動向と企業導入
Avatar for TakaakiKakei takaakikakei
1
210
Rustから学ぶ 非同期処理の仕組み
Avatar for skanehira skanehira
1
130
Django's GeneratedField by example - DjangoCon US 2025
Avatar for Paolo Melchiorre pauloxnet
0
110
「どこから読む？」コードとカルチャーに最速で馴染むための実践ガイド
Avatar for ZOZO Developers zozotech
PRO
0
280
S3アクセス制御の設計ポイント
Avatar for tommy tommy0124
2
190
MCPで変わる Amebaデザインシステム「Spindle」の開発
Avatar for Ameba Spindle spindle
PRO
3
3.2k
データアナリストからアナリティクスエンジニアになった話
Avatar for hatsu hiyokko_data
2
440
OCI Oracle Database Services新機能アップデート(2025/06-2025/08)
Avatar for oracle4engineer oracle4engineer
PRO
0
110

Featured

See All Featured
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.1k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.7k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
4k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.4k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
111
20k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
90
590k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
70
4.8k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
51
5.6k
Fireside Chat
Avatar for paigeccino paigeccino
39
3.6k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
83
9.2k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
339
57k

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