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
From Prompt to Product @ How to Web 2025, Bucharest, Romania
Avatar for Jan Werner janwerner
0
120
動画データのポテンシャルを引き出す！ Databricks と AI活用への奮闘記（現在進行形）
Avatar for Databricks Japan databricksjapan
0
160
後進育成のしくじり〜任せるスキルとリーダーシップの両立〜
Avatar for mtskhs matsu0228
7
3.1k
extension 現場で使えるXcodeショートカット一覧
Avatar for とんとんぼ ktombow
0
220
生成AIで「お客様の声」を ストーリーに変える 新潮流「Generative ETL」
Avatar for Satoru Ishikawa ishikawa_satoru
1
350
いまさら聞けない ABテスト入門
Avatar for 木村彩恵（skmr2348） skmr2348
1
220
Goに育てられ開発者向けセキュリティ事業を立ち上げた僕が今向き合う、AI × セキュリティの最前線 / Go Conference 2025
Avatar for GMO Flatt Security flatt_security
0
360
オープンソースでどこまでできる？フォーマル検証チャレンジ
Avatar for msyksphinz msyksphinz
0
120
from Sakichi Toyoda to Agile
Avatar for Yasunobu Kawaguchi kawaguti
PRO
1
100
"プロポーザルってなんか怖そう"という境界を超えてみた＠TSUDOI by giftee Tech #1
Avatar for shilo shilo113
0
150
プロポーザルのコツ ~ Kaigi on Rails 2025 初参加で3名の登壇を実現 ~
Avatar for naro143 naro143
1
160
PLaMo2シリーズのvLLM実装 / PFN LLM セミナー
Avatar for Preferred Networks pfn
PRO
2
1k

Featured

See All Featured
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
KATA
Avatar for Megan Lloyd mclloyd
32
15k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
54
3k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.2k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Code Review Best Practice
Avatar for Trisha Gee trishagee
72
19k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.2k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
358
30k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.8k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
209
24k

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