Newest Info

Berita, info dan pengumuman terbaru berkaitan dengan perkembangan teknologi

Beberapa desain yang bisa dijadikan referensi untuk berlatih membuat desain website

31 Oktober 2018 | Dwinawan via medium
post image

Kita akan membahas beberapa desain yang bisa dijadikan referensi atau contoh saat memulai belajar membuat UI Design. Dan juga membahas kenapa desain seperti itu cocok untuk dijadikan awalan untuk belajar membuat UI Design. Untuk mengawali latihan, Anda bisa melakukan proses ATM (Amati, Tiru, Modifikasi) dari beberapa design di bawah ini Latihan ini bertujuan untuk membiasakan Anda agar familiar dengan elemen elemen website dimulai dari hal terkecil seperti menentukan ukuran teks. Sumber: https://dribbble.com/shots/2680606-Medium-Homepage-Experiment by Unity Untuk melihat design lebih detail, Anda bisa mengklik link diatas, dan bisa mengklik attachment yang terletak di bagian bawah gambar utama. Dari design ini, Anda akan belajar: Bagaimana menata layout Bagaimana memadukan gambar dengan teks Bagaimana memilih ukuran teks Bagaimana menentukan jarak antar huruf pada teks Bagaimana menentukan jarak baris pada suatu kalimat ataupun paragraf Sumber: https://dribbble.com/shots/3555152-Real-Estate-UI-Explore by FireArt Untuk melihat design lebih detail, Anda bisa mengklik link diatas, dan bisa mengklik attachment yang terletak di bagian bawah gambar utama. Layout pada design kedua ini lebih kompleks daripada design pertama. Dan juga terdapat beberapa elemen yang tidak ditemui pada design pertama seperti form dan beberapa icon. Dari design ini, Anda akan belajar: Bagaimana menata layout yang padat Bagaimana menempatkan konten agar terlihat rapi dan clean dengan mengatur jarak antar konten nya Gunakan font yang modern. Saat ini saya selalu menggunakan Nunito Sans (terdapat di Google Font) Ukuran Teks, untuk teks kecil saya biasa menggunakan ukuran 12px atau 13px. Untuk ukuran teks normal atau yang terletak pada paragraf, saya biasa menggunakan ukuran 14px atau 15px. Jarak antar huruf saya biasa memberi jarak 0.5 Jarak antar baris pada paragraf saya biasa menggunakan rumus (Ukuran teks + 10) , jadi jika ukuran teksnya 17px saya biasa menggunakan 27px sebagai jarak antar barisnya Jarak antar elemen-nya saya biasa menggunakan kelipatan 5px. Jadi… jika 5px dirasa terlalu dekat, saya akan menggunakan 10px. Jika masih merasa terlalu dekat, saya akan menggunakan 15px. Salah satu hal yang membuat kemampuan kita meningkat adalah feedback. Mintalah feedback dari teman teman, dari situ kita akan tahu bagian mana dari design kita yang bisa ditingkatkan. Jika Anda berminat, Anda bisa bergabung di slack channel UI Review untuk ngobrol tentang design Cukup kirim DM alamat email Anda ke Instagram @dwinawanhariwijaya_ Semoga bermanfaat. IndonesiaIT 2018, [...], Artikel ini di ambil dari feed medium, untuk pengalaman baca yang lebih baik, silahkan kunjungi situ aslinya. IndonesiaIT - Software Developer Terbaik. Baca Selengkapnya.