Whitespace Dalam Desain
Bagian Dari Seri ✦ Desain 101
Apa itu Whitespace
Section titled Apa%20itu%20WhitespaceWhitespace atau negative space adalah sebuah ruang kosong dalam desain UI entah itu ruang antara layout, baris, paragraf, atau elemen UI lainnya. Whitespace tidak secara harfiah berarti ruang kosong dengan background putih tetapi bisa dari warna apa saja, tekstur, pola atau bahkan gambar.
Meskipun ada yang beranggapan whitespace menyia-nyiakan real estate layar, kenyataannya hal ini adalah elemen penting dalam desain UI.
Berikut adalah beberapa poin tentang pentingnya whitespace dalam desain UI:
Meningkatkan Pemahaman Konten
Section titled Meningkatkan%20Pemahaman%20KontenMenggunakan whitespace secara tepat bisa membuat konten yang disajikan mudah diamati juga meningkatkan legibilitas. Whitespace kecil diantara kata atau baris paragraf biasa disebut Micro White Space.
Oh no...
Nice
Fokus & Perhatian
Section titled Fokus%20%26%20PerhatianRuang kosong antara layout dan elemen layout biasa juga disebut Macro White Space sangat membantu untuk membimbing pengguna dan memprioritaskan area fokus seperti tombol CTA (call-to action).
Oh no ...
Nice
Membuat ‘Ruang Bernafas’ Untuk pengguna
Section titled Membuat%20%u2018Ruang%20Bernafas%u2019%20Untuk%20penggunaDisaat suatu desain terisi dengan banyak elemen, pengguna biasanya akan merasa kelelahan dengan semua element visual yang ada di layar. Whitespace memberikan ruang untuk pengguna beristirahat agar tidak kewalahan.
Oh no ...
Nice
Kesimpulan
Section titled KesimpulanWhitespace terkenal disebut ‘ruang terbuang’ karena orang merasa hal tersebut bisa digunakan untuk menyimpan elemen lain. Penting untuk desainer membuat klien paham tentang nilai dari whitespace.
Whitespace tidak hanya membuat harmoni dan keseimbangan desain, tapi juga membimbing pengguna melewati satu elemen ke elemen lainnya. Whitespace bukan ruang kosong semata, tetapi ruang untuk menyeimbangkan desain.
Kita tidak perlu membuat layout yang penuh sesak dengan teks dan gambar untuk menyampaikan pesan yang jelas.
Whitespace itu mirip Avatar, sang penyeimbang elemen