Tips agar Design UI terlihat clean dan rapi
Sejak lama saya mengidolakan design yang clean dan rapi. Menurut saya design yang clean dan rapi itu terlihat nyaman dipandang dan enak untuk membaca konten kontennya.
Jika kita memperhatikan dua design diatas. design sebelah kiri terlihat padat karena jarak antar huruf nya sangat rapat, dan jarak antar baris kalimatnya juga sangat rapat. Jarak antar huruf yang cukup rapat ini membuat kadang ada huruf yang saling menempel, hal ini agak kurang nyaman untuk dibaca.
Meminimalkan penggunaan garis merupakan salah satu cara agar design UI terlihat clean. Dan untuk mengganti fungsi garis yang menjadi separator antar konten, kita bisa memberi jarak yang lebar antar konten, sehingga user masih mudah untuk mengenali mana yang termasuk konten atas atau bawah.
Memberi jarak yang lega sama halnya dengan memberi ruang untuk bernafas. Pada design sebelah kiri, jarak antar elemennya sangat sedikit. sehingga terkesan sangat padat dan sempit.
Berikut adalah beberapa hal yang biasa saya lakukan saat membuat design agar terlihat clean dan rapi.
1. Beri Jarak antar huruf pada kata. Dan beri jarak antar baris pada suatu paragraf.
Jika kita memperhatikan dua design diatas. design sebelah kiri terlihat padat karena jarak antar huruf nya sangat rapat, dan jarak antar baris kalimatnya juga sangat rapat. Jarak antar huruf yang cukup rapat ini membuat kadang ada huruf yang saling menempel, hal ini agak kurang nyaman untuk dibaca.
Berbeda dengan design sebelah kanan. Dengan memberi jarak antar huruf dan antar baris kalimat membuat design sebelah kanan terlihat lega.
Pengaturan jarak antar huruf dan kalimat ini juga bisa kita ditemui di Medium.com ini. Jika kita perhatikan, deretan huruf-huruf di medium ini sangat nyaman untuk dibaca dan terasa lega. Hal ini dikarenakan ada jarak khusus antar hurufnya dan antar baris kalimantnya.
yang perlu diperhatikan adalah: Jangan sampai memberi jarak yang terlalu lebar, karena akan membuat user kesusahan dan tidak nyaman saat membaca.
2. Minimalkan penggunaan garis
Meminimalkan penggunaan garis merupakan salah satu cara agar design UI terlihat clean. Dan untuk mengganti fungsi garis yang menjadi separator antar konten, kita bisa memberi jarak yang lebar antar konten, sehingga user masih mudah untuk mengenali mana yang termasuk konten atas atau bawah.
yang perlu diperhatikan adalah: Utamakan selalu clarity, jika dirasa sangat perlu menggunakan garis maka gunakanlah. Jangan hanya karena ingin terlihat clean jadi mengesampingkan clarity.
3. Beri Jarak yang lega
Memberi jarak yang lega sama halnya dengan memberi ruang untuk bernafas. Pada design sebelah kiri, jarak antar elemennya sangat sedikit. sehingga terkesan sangat padat dan sempit.
Berbeda dengan design sebelah kanan, jarak antar elemennya cukup lega sehingga ada ruang untuk bernafas.
Ketika sebuah design terasa lega, asumsinya user akan nyaman saat menggunakannya.
yang perlu diperhatikan adalah: jangan memberi jarak antar elemen terlalu besar. Karena jatuhnya membuang-buang space yang sebenarnya bisa digunakan untuk info yang lain. Berilah jarak antar elemen seperlunya tapi tidak terlalu lebar ataupun sempit
Komentar
Posting Komentar