Android Layout

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

Android Layout

Layout design principles for Android and other mobile platforms.

69d15064ba6945f3a9050766f07e7847?s=128

Furkan Tektas

February 13, 2016
Tweet

Want more?

69d15064ba6945f3a9050766f07e7847?s=48 furkantektas
1
180
69d15064ba6945f3a9050766f07e7847?s=48 furkantektas
1
180
69d15064ba6945f3a9050766f07e7847?s=48 furkantektas
0
190
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
12
660
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
3
340
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
0
230
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
8
440
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
8
260
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
3
320
C35e01544a0dd94a2cf1619ee8a42ebb?s=48 clairelew
4
670
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
1
190
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
4
270

Transcript

  1. 1.

    Android Layout Gebze, Feb 2016

  2. 2.

    Furkan Tektaş furkantektas.com github.com/furkantektas

  3. 3.

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

  4. 4.

    DPI/PPI DP/SP

  5. 5.

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

  6. 6.

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

  7. 7.

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

  8. 8.

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

  9. 9.

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

  10. 10.

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

  11. 11.

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

  12. 12.

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

  13. 13.

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

  14. 14.

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

  15. 15.

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

  16. 16.

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

  17. 17.

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

  18. 18.

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

  19. 19.

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

  20. 20.

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

  21. 21.

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

  22. 22.

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

  23. 23.

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