Indonesian 字幕

← Responsive design intro

埋め込みコードを取得する
10言語

Showing Revision 1 created 02/04/2015 by SP154Upload.

  1. Jadi sekarang kita memiliki wireframes
    yang diimplementasikan untuk kedua layar.
  2. Tapi bagaimana tampilannya pada tablet?
  3. Sayangnya, ketika kita mengambil UI ponsel
  4. dan membesarkannya pada tablet,
    tidak terlihat terlalu bagus.
  5. Ada banyak ruang putih kosong di sini.
  6. Lebih baik kita bisa mengambil keuntungan
    dari layar besar ini
  7. dengan menunjukkan informasi
    yang lebih berguna.
  8. Misalnya, mengapa rincian perlu tap away
  9. ketika mereka bisa masuk dengan mudah
    pada layar ini?
  10. Dan, lebih jauh lagi,
    jika pengguna ingin melihat
  11. daftar lengkap perkiraan,
    mata mereka akan seperti ini,
  12. merupakan pengalaman membaca
    yang tidak menyenangkan.
  13. Jika ingin pengguna membaca konten,
    kita harus menjaga lebarnya lebih sempit,
  14. jadi mereka dapat memindai dengan cepat.
  15. Pertimbangan ini merupakan bagian
    dari desain responsif.
  16. Desain responsif berarti
    merancang aplikasi Anda
  17. dengan mengingat bahwa itu akan digunakan
  18. pada berbagai ukuran layar perangkat
    yang berbeda.
  19. Bagaimana kita melakukan itu,
    dan apa pentingnya membangun
  20. untuk perangkat layar yang lebih besar
    seperti tablet?
  21. Saya bisa menunjukkan contoh aplikasi
    beradaptasi menggunakan multi-pane layout.
  22. Pada Panduan Desain Android,
    ada bagian multi-pane layout.
  23. Salah satu tekniknya yaitu menggabungkan
    beberapa veiw bersamaan.
  24. Sebagai contoh, dalam aplikasi People,
    Anda memiliki daftar kontak
  25. dan kartu kontak untuk rincian tambahan.
  26. Pada tablet,
    kita bisa menempatkannya berdampingan.
  27. Hal ini juga dikenal sebagai
    MasterDetailFlow.
  28. Ini adalah daftar utama
    dan ini adalah panel detail.
  29. Dalam aplikasi pengaturan,
    kita memiliki contoh lain.
  30. Lebar kolom menyesuaikan sejumlah s
    didasarkan pada lebar layar yang tersedia.
  31. Dalam aplikasi kalender, ada panel,
    yang menumpuk secara vertikal
  32. dalam orientasi portrait,
  33. namun secara horizontal
    dalam orientasi landscape.
  34. Ada juga beberapa contoh lain
    yang dapat Anda lihat.
  35. Jika Anda ingin informasi lebih lanjut
    tentang desain untuk tablet
  36. atau desain responsif secara umum,
    Anda dapat kunjungi tautan di bawah ini
  37. untuk lebih jelasnya.
  38. Pada bagian ini, kita belajar bagaimana
    membangun UI ponsel dulu,
  39. kemudian UI tablet.
  40. Namun dalam kenyataannya,
    ketika kita merancangnya,
  41. kita berpikir tentang desain responsif
    sejak hari pertama.
  42. Ketika Anda membangun aplikasi Anda,
    praktik buruk yang terjadi
  43. merancang dan membangun aplikasi ponsel
    kemudian mulai berpikir
  44. tentang UI tablet.
  45. Itu karena UI tablet sering memiliki
    dampak pada desain ponsel,
  46. serta keputusan arsitektur yang dibuat.