Tips dan Trik Mendesain Aplikasi Android

5,332 views
5,170 views

Published on

Bagaimana cara membuat aplikasi Android yang menarik?
Apakah kita harus menyediakan resource gambar untuk setiap resolusi device?

Published in: Technology, Business
2 Comments
4 Likes
Statistics
Notes
No Downloads
Views
Total views
5,332
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
317
Comments
2
Likes
4
Embeds 0
No embeds

No notes for slide

Tips dan Trik Mendesain Aplikasi Android

  1. 1. Android UIImplementationBy Ibnu Sina Wardy (Twitter: @iboen)CEO of PT GITS Indonesiawww.gits.co.id
  2. 2. Background• Banyaknya workshop pemrograman Android• Aplikasi lokal yang masuk ke market banyak yang kurang sentuhan desain• Desainer perlu diberi pencerahan, tentang apa saja yang harus dibuat• Kurangnya kemampuan programmer untuk mengimplementasikan desain yang telah dibuat desainer
  3. 3. Design Tools• Adobe Photoshop• Adobe Ilustrator• Corel Draw• Inkscape• Paint?
  4. 4. Design: Photoshop
  5. 5. Design: Slicing
  6. 6. Design: Nine Patch Tanpa 9-patch Sudah dikecilkan Dengan 9-patch
  7. 7. Demo: Photoshop
  8. 8. Android XML
  9. 9. Padding & Margin• Sederhana tapi terlupakan• Padding = jarak ke dalam• Margin = jarak ke luar
  10. 10. Padding vs Margin Padding Margin
  11. 11. The Implementation of Space Tanpa padding dan margin Dengan padding dan margin
  12. 12. DIMENSION
  13. 13. Dimension for Tablet Nexus S Galaxy Tab 10.1
  14. 14. dimens.xml/values/dimens.xml/values-sw600dp/dimens.xml
  15. 15. Dimension compatibility Nexus S Galaxy Tab 10.1
  16. 16. IMAGE RESOURCE
  17. 17. Provide multiple images• res/drawable-ldpi/my_icon.png • Gambar untuk low-density (Galaxy Mini)• res/drawable-mdpi/my_icon.png • Gambar untuk medium-density (HTC Hero)• res/drawable-hdpi/my_icon.png • Gambar untuk high-density (HTC Desire)• res/drawable-xhdpi/my_icon.png • Gambar untuk extra-high-density (Tablet)
  18. 18. If you are lazy… • res/drawable-xhdpi/my_icon.png • Gambar untuk extra-high-density (Tablet) • Hanya sediakan untuk resolusi tablet • Umumnya, ukurannya dua kali dari mdpi • Ukuran splash screen: 1280 x 800 pixel• res/drawable-xhdpi/ic_pesawat.png • Ukuran file yang dibuat adalah: 80px x 120px
  19. 19. FRAGMENT & VIEW PAGER
  20. 20. View Pager
  21. 21. View Pager
  22. 22. View Pager Library• JakeWharton / Android-ViewPagerIndicator • https://github.com/JakeWharton/Android-ViewPagerIndicator/• astuetz / ViewPagerExtensions • https://github.com/astuetz/ViewPagerExtensions
  23. 23. ACTION BAR
  24. 24. Good Bye Option Menu• ActionBar hanya support untuk Honeycomb dan ke atas
  25. 25. Action Bar LibraryAgar support untuk Honeycomb ke bawah, dapat gunakanlibrary:• Holo Everywhere • http://www.holoeverywhere.com/• ActionBarSherlock • http://actionbarsherlock.com/
  26. 26. DESIGN REFERENCE
  27. 27. Useful for you• Android App Patterns • http://www.android-app-patterns.com• android pttrns • http://androidpttrns.com/
  28. 28. PT GITS Indonesia.Address: Jl Jatimulya 1 No. 14. Bandung. Email: www.gits.co.id

×