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

Android UI Design Pattern

JasonNi
October 04, 2013
Technology
0
140

Android UI Design Pattern

JasonNi

October 04, 2013
Tweet

More Decks by JasonNi

See All by JasonNi
RxDialog
jasonni
3
400
Google Mobile Developer Summit Overview
jasonni
1
53
Google Mobile Design Codelab.pdf
jasonni
1
95
JQuery Plugin Publish
jasonni
1
260

Other Decks in Technology

See All in Technology
DevFest 2024 Incheon / Songdo - Compose UI 조합 심화
wisemuji
0
120
フロントエンド設計にモブ設計を導入してみた / 20241212_cloudsign_TechFrontMeetup
bengo4com
0
1.9k
KnowledgeBaseDocuments APIでベクトルインデックス管理を自動化する
iidaxs
1
270
統計データで2024年の クラウド・インフラ動向を眺める
ysknsid25
2
850
日本版とグローバル版のモバイルアプリ統合の開発の裏側と今後の展望
miichan
1
130
1等無人航空機操縦士一発試験 合格までの道のり ドローンミートアップ@大阪 2024/12/18
excdinc
0
170
Amazon VPC Lattice 最新アップデート紹介 - PrivateLink も似たようなアップデートあったけど違いとは
bigmuramura
0
200
Opcodeを読んでいたら何故かphp-srcを読んでいた話
murashotaro
0
280
ブラックフライデーで購入したPixel9で、Gemini Nanoを動かしてみた
marchin1989
1
540
ハイテク休憩
sat
PRO
2
170
Google Cloud で始める Cloud Run 〜AWSとの比較と実例デモで解説〜
risatube
PRO
0
110
10分で学ぶKubernetesコンテナセキュリティ/10min-k8s-container-sec
mochizuki875
3
360

Featured

See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
5
450
The Pragmatic Product Professional
lauravandoore
32
6.3k
Building Applications with DynamoDB
mza
91
6.1k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.9k
How to Ace a Technical Interview
jacobian
276
23k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
365
25k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Code Reviewing Like a Champion
maltzj
520
39k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
How STYLIGHT went responsive
nonsquared
95
5.2k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
26
1.9k
StorybookのUI Testing Handbookを読んだ
zakiyama
27
5.3k

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