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

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
230
Introduction to Lisp
Avatar for Furkan Tektas furkantektas
0
210

Other Decks in Technology

See All in Technology
AWS Summit Japan 2025 Community Stage - App workflow automation by AWS Step Functions
Avatar for matsuihidetoshi matsuihidetoshi
1
290
AWS Organizations 新機能！マルチパーティ承認の紹介
Avatar for yhana yhana
1
160
Amazon S3標準/ S3 Tables/S3 Express One Zoneを使ったログ分析
Avatar for ShigeruOda shigeruoda
4
560
Clineを含めたAIエージェントを 大規模組織に導入し、投資対効果を考える / Introducing AI agents into your organization
Avatar for Masato Ishigaki / 石垣雅人 i35_267
4
1.7k
2025-06-26_Lightning_Talk_for_Lightning_Talks
Avatar for hashimo2 _hashimo2
2
100
5min GuardDuty Extended Threat Detection EKS
Avatar for takakuni takakuni
0
160
TechLION vol.41～MySQLユーザ会のほうから来ました / techlion41_mysql
Avatar for sakaik sakaik
0
190
Model Mondays S2E03: SLMs & Reasoning
Avatar for Nitya Narasimhan, PhD nitya
0
110
Kotlin Coroutine Mechanisms: A Surprisingly Deep Rabbithole
Avatar for mvndy_hd amanda_hinchman
2
100
監視のこれまでとこれから/sakura monitoring seminar 2025
Avatar for FUJIWARA Shunichiro fujiwara3
11
4k
【５分でわかる】セーフィー エンジニア向け会社紹介
Avatar for Safie safie_recruit
0
26k
フィンテック養成勉強会#54
Avatar for フィンテック養成コミュニティ finengine
0
180

Featured

See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
30
2.1k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
44
2.4k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
72
4.9k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
90
590k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
207
24k
It's Worth the Effort
Avatar for 3n 3n
185
28k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
267
13k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
5.8k
A better future with KSS
Avatar for Kyle Neath kneath
239
17k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
8
670
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
45
7.5k

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/