Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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
81
Google Mobile Design Codelab.pdf
Avatar for JasonNi jasonni
1
140
JQuery Plugin Publish
Avatar for JasonNi jasonni
1
300

Other Decks in Technology

See All in Technology
Devin プロモコードの受け取りと適用(2026.10.27)
Avatar for kinopee kinopeee
1
710
AIコーディングエージェント開発_全体像
Avatar for コロッケそば happysamurai294
0
120
Agent × Maestro で始める モバイル E2E　端末準備からテスト実行・結果確認まで
Avatar for SansanTech sansantech
PRO
0
230
Maestro MCPとClaude Code Skillsによる自律的なE2Eテスト支援
Avatar for asmz asmz
0
360
Flutter Widget Previewerで始めるUIプレビューとVRTの自動化
Avatar for Aokiti sakusaku3939
0
160
正解のない研修に放り出されて / Being thrown into a training program with no right answers
Avatar for akira ohno ohnoeight
1
160
生き様としてのSRE
Avatar for Yutaro Sugai hokkai7go
0
130
これだけは抑えておきたい！後悔しない re:Invent の過ごし方 / AWS re:Invent 2026 prestudy
Avatar for Masanori Yamaguchi kinunori
2
550
素人でもできた！AIを使った短編小説創作入門
Avatar for delhi09 delhi09
PRO
0
200
Adversary Infrastructure Hunting101
Avatar for DiscoNinja disconinja
0
170
Flutter Webを「SDK」として配る — 50以上のゲームを支える埋め込みアーキテクチャ
Avatar for Masayuki Suda masayukisuda
0
160
シンプルな設定ファイルで実現する AWS IAM Identity Center の ユーザー管理Terraformフレームワークを公開しました / Simplifying AWS IAM Identity Center User Management: An Open-Source Terraform Framework
Avatar for Takashi Yamaguchi yamaguchitk333
1
340

Featured

See All Featured
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
530
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.8k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.6k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
220k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
550
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
2
310
How to make the Groovebox
Avatar for あそなす asonas
2
2.5k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
580
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.6k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
7k
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
6
1.2k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
720

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