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
99
JQuery Plugin Publish
Avatar for JasonNi jasonni
1
260

Other Decks in Technology

See All in Technology
Oracle Base Database Service 技術詳細
Avatar for oracle4engineer oracle4engineer
PRO
8
65k
人とAIとの共創を夢見た2か月 #共創AIミートアップ / Co-Creation with Keito-chan
Avatar for kondoyuko kondoyuko
1
580
新卒から4年間、20年もののWebサービスと向き合って学んだソフトウェア考古学 - PHPカンファレンス新潟2025 / new graduate 4year software archeology
Avatar for guri oguri
2
320
ITエンジニアを取り巻く環境とキャリアパス / A career path for Japanese IT engineers
Avatar for 高玉 広和 / TAKATAMA Hirokazu takatama
3
1.5k
オープンソースのハードウェアのコンテストに参加している話
Avatar for misoji engineer iotengineer22
0
300
Node−RED で Ollama を使ったローカルLLM（node-red-contrib-ollamaを利用） / ビジュアルプログラミングIoTLT vol.20
Avatar for you（@youtoy） you
PRO
0
110
【５分でわかる】セーフィー エンジニア向け会社紹介
Avatar for Safie safie_recruit
0
24k
SmartHRの複数のチームにおけるMCPサーバーの活用事例と課題
Avatar for Yuki Horikoshi yukisnow1823
2
1k
RDRA3.0を知ろう
Avatar for 神崎 kanzaki
2
370
Project Referencesを活用した実行環境ごとのtsconfig最適化
Avatar for Toshiki Itai itatchi3
1
240
What's Next in OpenShift Q2 CY2025
Avatar for Red Hat Livestreaming redhatlivestreaming
0
260
Okayama WordPress Meetup #12 | そのバックアップ、本当に復元できますか？ リストアやってみた！
Avatar for Takeshi FURUSATO takeshifurusato
0
110

Featured

See All Featured
Scaling GitHub
Avatar for Zach Holman holman
459
140k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.6k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
298
21k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
61k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
69
4.7k
Side Projects
Avatar for Sacha Greif sachag
453
42k
Building an army of robots
Avatar for Kyle Neath kneath
306
45k
Designing for Performance
Avatar for Lara Hogan lara
608
69k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
30
2.4k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
46
14k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
368
19k

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