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
バイブスに「型」を！Kent Beckに学ぶ、AI時代のテスト駆動開発
Avatar for amixedcolor amixedcolor
2
540
[ JAWS-UG 東京 CommunityBuilders Night #2 ]SlackとAmazon Q Developerで 運用効率化を模索する
Avatar for sh_fk2 sh_fk2
3
400
スマートファクトリーの第一歩 〜AWSマネージドサービスで 実現する予知保全と生成AI活用まで
Avatar for wanda ganota
2
210
Android Audio: Beyond Winning On It
Avatar for Atsushi Eno atsushieno
0
110
Obsidian応用活用術
Avatar for 松濤Vimmer onikun94
2
490
複数サービスを支える マルチテナント型 Batch MLプラットフォーム
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
330
AWSで始める実践Dagster入門
Avatar for キタガワ kitagawaz
1
610
現場で効くClaude Code ─ 最新動向と企業導入
Avatar for TakaakiKakei takaakikakei
1
240
機械学習を扱うプラットフォーム開発と運用事例
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
230
サンドボックス技術でAI利活用を促進する
Avatar for k-nagase koh_naga
0
200
BPaaSにおける人と協働する前提のAIエージェント-AWS登壇資料
Avatar for KentaroFujii kentarofujii
0
140
Codeful Serverless / 一人運用でもやり抜く力
Avatar for kensh _kensh
7
400

Featured

See All Featured
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
3
620
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
9
810
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
3.1k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
53
8.9k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.5k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
87
4.8k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
1.1k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
6k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
36
2.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/