Hal kecil yang bisa kamu perhatikan agar desain UI mu makin cakep — Bagian #1

Dwinawan
Insight
Published in
3 min readSep 25, 2018

--

Langsung saja kita mulai, berikut beberapa hal kecil tersebut…..

1. Untuk paragraf atau teks, sebaiknya tidak menggunakan alignment justify

Coba kita lihat design dibawah ini, dan fokus pada bagian deskripsinya.

Design sebelah kiri menggunakan alignment justify. Design sebelah kanan menggunakan alignment left.

Pada design sebelah kiri, dengan menggunakan alignment justify, jarak antar kalimat dan antar hurufnya menjadi tidak konsisten. Sehingga menjadi kurang rapi.

Pada design sebelah kanan, dengan menggunakan alignment left, jarak antar kalimat dan antar hurufnya menjadi konsisten. Sehingga menjadi lebih rapi.

2. Kalau ingin menaruh elemen diatas foto, gunakan overlay

Coba kita lihat design dibawah ini, dan fokus pada bagian judulnya.

Design sebelah kiri tidak menggunakan overlay pada foto nya. Design sebelah kanan menggunakan overlay pada foto nya.

Pada design sebelah kiri, dengan tidak menggunakan overlay, foto nya jadi terlihat bersih, tetapi judulnya tidak terlihat jelas.

Pada design sebelah kanan, dengan menggunakan overlay, foto nya jadi terlihat agak gelap, tetapi judulnya terlihat jelas.

3. Gunakan border atau shadow untuk membuat batasan yang jelas

Coba kita lihat design dibawah ini, kita namakan design ini design polos

Lalu bandingkan dengan design dibawah ini, , kita namakan design ini design border

atau bandingkan dengan design yang ini, , kita namakan design ini design shadow

Pada design polos, warna putih pada card yang membungkus konten, seakan akan menyatu dengan warna background. Sehingga membuat batas antar card kurang jelas. Hal ini membuat mata menjadi kurang fokus saat membaca salah satu card.

Pada design border dan design shadow, dengan memberi efek border dan shadow, membuat batas antar card menjadi lebih jelas, sehingga mata lebih fokus saat membaca konten di salah satu card.

Semoga bermanfaat :)

--

--

Dwinawan
Insight

Co-Founder Paperpillar • UI Designer • Love to create design exploration on dribbble.com/dwinawan • Have a question? find me on twitter.com/dwinawan_