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
190
69d15064ba6945f3a9050766f07e7847?s=48 furkantektas
0
190

Other Decks in Technology

See All in Technology
A64ac825509279a770c13c6fc517f11a?s=48 kawaguti
6
2k
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
130
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
230
4778efaf773e22787dee8ca84f44ed37?s=48 torisankanasan
0
350
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
150
88964b936e864ca7d326272eaa70fa9a?s=48 hgsgtk
2
280
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
160
0d29d155ce5c5a93ed46363626da3ea7?s=48 ocise
0
620
E91a24de5f8858932171b35bd47c8485?s=48 rueian
0
350
9e7a653ed313b3da4b263a772bfc5026?s=48 clustervr
0
240
744a38d972036c3bd0bcdaddafdd5f26?s=48 mathetake
0
250
D3f673bee1c7b59b8bdade8f6db61282?s=48 radiocat
1
360

Featured

See All Featured
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
80
4k
1f74b13f1e5c6c69cb5d7fbaabb1e2cb?s=48 sferik
609
54k
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
55
9.3k
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
232
810k
D09fad3e36ae6841f54820be0e907f7a?s=48 rocio
155
11k
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
258
11k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
192
8.7k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
199
19k
Ba530e786553390f3fb271848485681c?s=48 3n
162
22k
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
92
2.9k
48c098b6579220a67a6ba949be6e4b5a?s=48 revolveconf
198
9.5k
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
12
4k

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/