Android Layout

69d15064ba6945f3a9050766f07e7847?s=47 Furkan Tektas
February 13, 2016
Technology
1
140

Android Layout

Layout design principles for Android and other mobile platforms.

69d15064ba6945f3a9050766f07e7847?s=128

Furkan Tektas

February 13, 2016
Tweet

More Decks by Furkan Tektas

See All by Furkan Tektas
69d15064ba6945f3a9050766f07e7847?s=48 furkantektas
1
180
69d15064ba6945f3a9050766f07e7847?s=48 furkantektas
1
180
69d15064ba6945f3a9050766f07e7847?s=48 furkantektas
0
190

Other Decks in Technology

See All in Technology
Cb4d62dd7c1d325863696c45e9b6484d?s=48 yaminoma
2
170
Cb88f765dd38cd942c39aacb5abbea06?s=48 ufoo68
0
110
344128574661d939ea4cfe969823b774?s=48 syamauchi
0
250
55c9804c185f493816433678393cbe92?s=48 sumihiro3
0
180
A857277d74d4719f7f7751dca5ed553e?s=48 cmusudakeisuke
0
390
7602f2751868682b296171f58589c851?s=48 lyrixx
3
1.1k
26173c2f52b5aa5d06e6806c7a9478d3?s=48 laprasdrum
0
930
Df739988f32c42e8c318ef844d6e902b?s=48 oliver_diary
2
110
467edb2e221a47426f19405f53aa51ca?s=48 nakaly
5
2.6k
9e7a653ed313b3da4b263a772bfc5026?s=48 clustervr
0
450
88f4e84b94fe07cddbd9e6479d689192?s=48 soudai
1
370
0f993881fa8709dbe986bcade6c1fbad?s=48 satonaoki
0
120

Featured

See All Featured
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
26
870
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
769
190k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
391
60k
4394ceb8b277f35ee3da7030384efb5d?s=48 davidbonilla
68
3.4k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
184
14k
A9179349dd2bdc67f377719f56d85656?s=48 garrettdimon
284
110k
7fa6101cd43067653cf4ac6c7ca54305?s=48 akmur
252
19k
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
87
3.2k
79acae287842acf29084005533a7fb3b?s=48 hursman
103
9.1k
1f74b13f1e5c6c69cb5d7fbaabb1e2cb?s=48 sferik
607
54k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
366
42k
Ba530e786553390f3fb271848485681c?s=48 3n
160
22k

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/