Android Layout

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

Android Layout

Layout design principles for Android and other mobile platforms.

69d15064ba6945f3a9050766f07e7847?s=128

Furkan Tektas

February 13, 2016
Tweet

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/