Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

Android Layout

Avatar for Furkan Tektas Furkan Tektas
February 13, 2016
Technology
1
230

Android Layout

Layout design principles for Android and other mobile platforms.

Avatar for Furkan Tektas

Furkan Tektas

February 13, 2016
Tweet

More Decks by Furkan Tektas

See All by Furkan Tektas
A Brief History of Android
Avatar for Furkan Tektas furkantektas
1
220
Android UI Basics
Avatar for Furkan Tektas furkantektas
1
240
Introduction to Lisp
Avatar for Furkan Tektas furkantektas
0
210

Other Decks in Technology

See All in Technology
re:Invent 2025 ふりかえり 生成AI版
Avatar for TakaakiKakei takaakikakei
1
190
日本Rubyの会の構造と実行とあと何か / hokurikurk01
Avatar for Masayoshi Takahashi takahashim
4
1k
ChatGPTで論⽂は読めるのか
Avatar for Spatial AI Network spatial_ai_network
2
4.3k
[デモです] NotebookLM で作ったスライドの例
Avatar for Takaaki Tanaka kongmingstrap
0
130
Edge AI Performance on Zephyr Pico vs. Pico 2
Avatar for misoji engineer iotengineer22
0
130
チーリンについて
Avatar for ぐっち hirotomotaguchi
6
1.8k
品質のための共通認識
Avatar for KAKEHASHI kakehashi
PRO
3
240
新 Security HubがついにGA！仕組みや料金を深堀り #AWSreInvent #regrowth / AWS Security Hub Advanced GA
Avatar for MasahiroKawahara masahirokawahara
1
1.7k
MapKitとオープンデータで実現する地図情報の拡張と可視化
Avatar for ZOZO Developers zozotech
PRO
1
130
モダンデータスタック (MDS) の話とデータ分析が起こすビジネス変革
Avatar for suto sutotakeshi
0
450
WordPress は終わったのか ～今のWordPress の制作手法ってなにがあんねん？～ / Is WordPress Over? How We Build with WordPress Today
Avatar for tbshiki tbshiki
1
670
生成AI時代におけるグローバル戦略思考
Avatar for Takaaki Yayoi taka_aki
0
120

Featured

See All Featured
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
5.7k
Visualization
Avatar for Eitan Lees eitanlees
150
16k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
38
3k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
37
2.6k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.3k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.8k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k

Transcript

  1. Android Layout Gebze, Feb 2016

  2. Furkan Tektaş furkantektas.com github.com/furkantektas

  3. https://design.google.com/articles/design-from-ios-to-android/

  4. DPI/PPI DP/SP

  5. https://www.google.com/design/spec/layout/units-measurements.html High-density screen

  6. Low-density screen https://www.google.com/design/spec/layout/units-measurements.html

  7. dp = (width in pixels * 160) / screen density

  8. http://sebastien-gabriel.com/designers-guide-to-dpi/

  9. Ref: https://speakerdeck.com/yemyat91/android-design Use SP for font sizes, you must.

  10. Ref: https://speakerdeck.com/yemyat91/android-design Use DP for everything else, you must.

  11. http://sebastien-gabriel.com/designers-guide-to-dpi/

  12. http://sebastien-gabriel.com/designers-guide-to-dpi/

  13. http://sebastien-gabriel.com/designers-guide-to-dpi/

  14. http://sebastien-gabriel.com/designers-guide-to-dpi/

  15. http://sebastien-gabriel.com/designers-guide-to-dpi/

  16. http://sebastien-gabriel.com/designers-guide-to-dpi/

  17. http://sebastien-gabriel.com/designers-guide-to-dpi/

  18. http://sebastien-gabriel.com/designers-guide-to-dpi/

  19. 9-patch http://sebastien-gabriel.com/designers-guide-to-dpi/

  20. 9-patch http://sebastien-gabriel.com/designers-guide-to-dpi/

  21. 9-patch http://sebastien-gabriel.com/designers-guide-to-dpi/

  22. Touchable Areas http://sebastien-gabriel.com/designers-guide-to-dpi/

  23. Touchable Areas http://sebastien-gabriel.com/designers-guide-to-dpi/