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

Android UI Design Pattern

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
ループエンジニアリングでE2Eテストを実践
Avatar for Noriyuki TAKEI noriyukitakei
0
260
Keeping applications secure by evolving OAuth 2.0 and OpenID Connect
Avatar for Alexander Schwartz ahus1
PRO
1
140
AIをフル活用してオンコール機能のプロトタイプを2日で作った話 / Building an AI-Powered On-Call Prototype in Just Two Days
Avatar for Narimichi Takamura nari_ex
0
180
cccccc
Avatar for moznion moznion
0
1.7k
飲食店もAIで。レジ締めやハンディシステムをつくってる話 / Using AI for restaurant management
Avatar for VTRyo vtryo
0
240
LiDAR SLAMの実装とセンサ融合 ~Lie群からContinuous-Time LIOまで~
Avatar for Naoki Akai naokiakai
1
950
#エンジニアBooks 30分でわかる
「技術記事を書く技術」 / engineer-books 2026-06-30
Avatar for Junichi Ito jnchito
1
190
そのタスクオンスケですか？
Avatar for フクイ poropinai1966
0
130
Oracle Exadata Database Service on Cloud@Customer X11M (ExaDB-C@C) サービス概要
Avatar for oracle4engineer oracle4engineer
PRO
2
8.3k
End-to-Endで考える信頼性 — LINEアプリにおける クライアント開発×SRE連携の実践
Avatar for maru maruloop
1
260
「ちゃんとやっている」は独りよがりだった ― 不安に寄り添うインシデント対応へ / Towards incident response that addresses anxieties
Avatar for mekka chmikata
1
500
AI時代のエンジニアキャリアについて今一度考える
Avatar for Sakamoto sakamoto_582
1
1.2k

Featured

See All Featured
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
3k
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
1.1k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.5k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7.1k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.9k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.8k
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
230
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.7k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
30k
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
1
280
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
56k

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