Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

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
430
Google Mobile Developer Summit Overview
Avatar for JasonNi jasonni
1
62
Google Mobile Design Codelab.pdf
Avatar for JasonNi jasonni
1
110
JQuery Plugin Publish
Avatar for JasonNi jasonni
1
280

Other Decks in Technology

See All in Technology
Snowflakeでデータ基盤を もう一度作り直すなら / rebuilding-data-platform-with-snowflake
Avatar for pei0804 pei0804
5
1.5k
Gemini でコードレビュー知見を見える化
Avatar for ZOZO Developers zozotech
PRO
1
250
MLflowで始めるプロンプト管理、評価、最適化
Avatar for Databricks Japan databricksjapan
1
210
寫​了​幾年​ Code，​然後​呢？​軟體​工程師​必須重新​認識​的​ DevOps
Avatar for Cheng-Wei Chen cheng_wei_chen
1
1.4k
グレートファイアウォールを自宅に建てよう
Avatar for 綿糸てせ ctes091x
0
150
CARTAのAI CoE が挑む「事業を進化させる AI エンジニアリング」 / carta ai coe evolution business ai engineering
Avatar for CARTA Engineering carta_engineering
0
1.2k
Sansanが実践する Platform EngineeringとSREの協創
Avatar for SansanTech sansantech
PRO
2
850
生成AI活用の型ハンズオン〜顧客課題起点で設計する7つのステップ
Avatar for Nakao Yushin yushin_n
0
150
形式手法特論：CEGAR を用いたモデル検査の状態空間削減 #kernelvm / Kernel VM Study Hokuriku Part 8
Avatar for y_taka_23 ytaka23
2
460
Haskell を武器にして挑む競技プログラミング ─ 操作的思考から意味モデル思考へ
Avatar for Naoya Ito naoya
6
1.5k
AWS re:Invent 2025で見たGrafana最新機能の紹介
Avatar for 濱田孝治 hamadakoji
0
370
品質のための共通認識
Avatar for KAKEHASHI kakehashi
PRO
3
260

Featured

See All Featured
Done Done
Avatar for chrislema chrislema
186
16k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
41k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
84
9.3k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
9.8k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.7k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
7.8k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
38
3k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.4k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k

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