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
56
Google Mobile Design Codelab.pdf
Avatar for JasonNi jasonni
1
97
JQuery Plugin Publish
Avatar for JasonNi jasonni
1
260

Other Decks in Technology

See All in Technology
意思決定を支える検索体験を目指してやってきたこと
Avatar for Taisuke Hinata hinatades
PRO
0
390
Cross Data Platforms Meetup LT 20250422
Avatar for タロウ tarotaro0129
1
920
Web Intelligence and Visual Media Analytics
Avatar for webLyzard technology weblyzard
PRO
1
6k
AIによるコードレビューで開発体験を向上させよう！
Avatar for Atsushi Nakatsugawa moongift
PRO
0
360
Databricksで完全履修！オールインワンレイクハウスは実在した！
Avatar for Akihiro Kuwano akuwano
0
140
今日からはじめるプラットフォームエンジニアリング
Avatar for Kazuto Kusama jacopen
8
1.9k
LT Slide 2025-04-22
Avatar for Shigeki Shoji takesection
0
110
C++26アップデート 2025-03
Avatar for Akira Takahashi faithandbrave
0
1.2k
より良い開発者体験を実現するために～開発初心者が感じた生成AIの可能性～
Avatar for モブエンジニア masakiokuda
0
230
ここはMCPの夜明けまえ
Avatar for nwiizo nwiizo
32
13k
社会人力と研究力ー博士号をキャリアの武器にするー
Avatar for Kentaro Kuribayashi kentaro
2
100
3D生成AIのための画像生成
Avatar for 伊藤光祐 kosukeito
2
590

Featured

See All Featured
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
430
65k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
2.9k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
233
17k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.7k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
133
9.2k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
42
7.5k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
49k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
5
590
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
268
20k

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