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

Android UI Design Pattern

Avatar for JasonNi JasonNi
October 04, 2013
Technology
160
0

Android UI Design Pattern

Avatar for JasonNi

JasonNi

October 04, 2013

More Decks by JasonNi

See All by JasonNi
RxDialog
Avatar for JasonNi jasonni
3
440
Google Mobile Developer Summit Overview
Avatar for JasonNi jasonni
1
71
Google Mobile Design Codelab.pdf
Avatar for JasonNi jasonni
1
130
JQuery Plugin Publish
Avatar for JasonNi jasonni
1
290

Other Decks in Technology

See All in Technology
Agent Development Kit (ADK)で学ぶ実践Context Engineeringと社内での応用例
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
140
SDDで⾒える、AIコーディングの"内訳"
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
150
JTCでRedmine利用者2700人を実現した手法　第二部
Avatar for Silvers.Rayleigh nobuonakamura
0
150
TypeScriptとAngular Signal で実現する保守性の高いアプリケーション設計 - 3層アーキテクチャによる責務分離の実践（たつかわ） https://2026.tskaigi.org/talks/10
Avatar for Nealle nealle
1
150
社内RAGの導入で気を付けたポイント
Avatar for やくも yakumo
1
140
GitHub Copilot CLI の Rubber Duck 機能を使ってコーディングの品質をあげよう #techbaton_findy
Avatar for すてにゃん stefafafan
1
270
ECSのTerraformモジュールにコントリビュートした話
Avatar for Haruka Sakihara harukasakihara
0
280
Slack MCPでインシデント対応とFAQ生成を加速する：社内ワークショップの実践
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
120
Claude Code x Accounting
Avatar for Yasunobu Kawaguchi kawaguti
PRO
0
230
AIAgentと取り組むKaggle
Avatar for shuto goya 508shuto
2
480
JaSSTに関わることで変わった人生観 #jasstnano
Avatar for Makky makky_tyuyan
0
170
TSKaigi 2026 - enumよ、さようなら
Avatar for teamLab teamlab
PRO
2
300

Featured

See All Featured
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
2
1.4k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.6k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
5.3k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
330
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
1
320
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon Słowik szymonslowik
1
1.1k
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
2
1.5k
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
780
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
61
44k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
150
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k

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