Apa itu ‘White Space’?
White Space ialah ruangan kosong antara elemen-elemen dalam satu-satu rekaan visual samada bahan bercetak, iklan digital atau pun laman web dan blog. Elemen-elemen tersebut termasuk teks, imej, gambar, perenggan, header, footer dan sebagainya. Apabila kesemua elemen-elemen ini digabungkan dalam satu gubahan rekaan visual, ruangan kosong di antaranya yang dinamakan White Space. Ia juga termasuk ruangan di antara huruf dalam satu perkataan, ruangan di antara perkataan dalam satu ayat dan ruangan di antara barisan ayat dalam satu perenggan (line spacing).
Apa kelebihan 'white space'?
Dengan menggunakan dua contoh di bawah, saya kongsikan beberapa kelebihannya memasukkan white space ke dalam rekaan visual kita.
1. Mengurangkan 'kesibukan' satu-satu rekaan grafik.
Apabila kita muat seberapa banyak produk dalam satu muka, rekaan itu akan menjadi padat kelihatan 'sibuk' dan 'bersepah'.
2. Beri fokus pada yang penting supaya ia lebih menonjol.
Kadang-kadang, jika kita muatkan muka iklan dengan seberapa banyak produk dan teks, ia kehilangan fokus. Sebaiknya kita pilih satu atau dua hot-selling produk dan fokuskan supaya kekuatan produk-produk tersebut dapat ditonjolkan.
3. Susunan grafik yang lebih seimbang & harmoni.
Antara bilik yang padat dgn barang-barang dan bersepah, dengan bilik lapang serta tersusun kemas, mana satu yang lebih sedap dipandang mata? Gubahan grafik kita juga perlu sifat yang sama.
4. Paparan mesra pelanggan.
Grafik yang tidak padat, tersusun & 'lapang' lebih mudah dibaca & difahami pelanggan. Dengan itu, mesej yang ingin disampaikan akan dapat diterima oleh pelanggan dengan lebih berkesan.
5. Elakkan rekaan yang 'menjerit' kepada pelanggan.
Rekaan yang terlalu padat, serta penuh dengan elemen yang seolah-olah ingin menarik perhatian, kadang-kadang memberi kesan seperti sedang 'menjerit'. Apa yang kita buat jika ada penjual datang membuat promosi bertubi-tubi ke arah kita, dengan ayat-ayat jualan yang panjang dan suara yang kuat? Jika saya, saya akan minta diri dan elakkan dari bertembung lagi sekali dengan mereka. Pastikan rekaan kita tidak memberi kesan yang sama kepada pelanggan kita.
6. Karya akan kelihatan lebih professional, anggun dan sophisticated.
Kebanyakan hasil rekaan grafik yang dibuat untuk produk berjenama banyak menggunakanwhite space.Volkswagen adalah antara gergasi automobil yang banyak mengaplikasikanwhite space dalam iklan-iklan mereka sejak tahun 1950-an lagi.
White Space ialah ruangan kosong antara elemen-elemen dalam satu-satu rekaan visual samada bahan bercetak, iklan digital atau pun laman web dan blog. Elemen-elemen tersebut termasuk teks, imej, gambar, perenggan, header, footer dan sebagainya. Apabila kesemua elemen-elemen ini digabungkan dalam satu gubahan rekaan visual, ruangan kosong di antaranya yang dinamakan White Space. Ia juga termasuk ruangan di antara huruf dalam satu perkataan, ruangan di antara perkataan dalam satu ayat dan ruangan di antara barisan ayat dalam satu perenggan (line spacing).
Apa kelebihan 'white space'?
Dengan menggunakan dua contoh di bawah, saya kongsikan beberapa kelebihannya memasukkan white space ke dalam rekaan visual kita.
1. Mengurangkan 'kesibukan' satu-satu rekaan grafik.
Apabila kita muat seberapa banyak produk dalam satu muka, rekaan itu akan menjadi padat kelihatan 'sibuk' dan 'bersepah'.
2. Beri fokus pada yang penting supaya ia lebih menonjol.
Kadang-kadang, jika kita muatkan muka iklan dengan seberapa banyak produk dan teks, ia kehilangan fokus. Sebaiknya kita pilih satu atau dua hot-selling produk dan fokuskan supaya kekuatan produk-produk tersebut dapat ditonjolkan.
3. Susunan grafik yang lebih seimbang & harmoni.
Antara bilik yang padat dgn barang-barang dan bersepah, dengan bilik lapang serta tersusun kemas, mana satu yang lebih sedap dipandang mata? Gubahan grafik kita juga perlu sifat yang sama.
4. Paparan mesra pelanggan.
Grafik yang tidak padat, tersusun & 'lapang' lebih mudah dibaca & difahami pelanggan. Dengan itu, mesej yang ingin disampaikan akan dapat diterima oleh pelanggan dengan lebih berkesan.
5. Elakkan rekaan yang 'menjerit' kepada pelanggan.
Rekaan yang terlalu padat, serta penuh dengan elemen yang seolah-olah ingin menarik perhatian, kadang-kadang memberi kesan seperti sedang 'menjerit'. Apa yang kita buat jika ada penjual datang membuat promosi bertubi-tubi ke arah kita, dengan ayat-ayat jualan yang panjang dan suara yang kuat? Jika saya, saya akan minta diri dan elakkan dari bertembung lagi sekali dengan mereka. Pastikan rekaan kita tidak memberi kesan yang sama kepada pelanggan kita.
6. Karya akan kelihatan lebih professional, anggun dan sophisticated.
Kebanyakan hasil rekaan grafik yang dibuat untuk produk berjenama banyak menggunakanwhite space.Volkswagen adalah antara gergasi automobil yang banyak mengaplikasikanwhite space dalam iklan-iklan mereka sejak tahun 1950-an lagi.
Pengguna withe space yang sesuai.
Laman web yang terlalu penuh (kurang withe space )
Contrast (Pebezaan yang Ketara)
Bagi menunjukkan perbezaan antara dua objek, pembangun perisian perlulah memilih warna yang kontra (warna gelap dengan warna terang).
Kontra juga digunakan untuk membezakan antara unsur dengan latar belakang paparan. Selain daripada membezakan dua item yang berlainan,
kontra adalah salah satu cara yang paling berkesan untuk menambahkan tarikan atau perhatian terhadap sesuatu reka bentuk.
Selain daripada perbezaan warna, kontra juga boleh ditonjolkan dengan perbezaan font, objek besar dan kecil, garis halus dengan kasar, tekstur licin
dengan kasar, unsur mendatar dengan menegak, garis berjauhan dengan berdekatan dan grafik kecil dengan besar
Bagi menunjukkan perbezaan antara dua objek, pembangun perisian perlulah memilih warna yang kontra (warna gelap dengan warna terang).
Kontra juga digunakan untuk membezakan antara unsur dengan latar belakang paparan. Selain daripada membezakan dua item yang berlainan,
kontra adalah salah satu cara yang paling berkesan untuk menambahkan tarikan atau perhatian terhadap sesuatu reka bentuk.
Selain daripada perbezaan warna, kontra juga boleh ditonjolkan dengan perbezaan font, objek besar dan kecil, garis halus dengan kasar, tekstur licin
dengan kasar, unsur mendatar dengan menegak, garis berjauhan dengan berdekatan dan grafik kecil dengan besar
Emphasis (Penekanan)
Pembangun perisian perlu menggunakan cara tertentu bagi memberi penekanan terhadap perkara yang dirasakan penting. Pelbagai cara
digunakan oleh pembangun perisian untuk menarik perhatian pengguna.
Namun begitu adalah dinasihati supaya pembangun perisian tidak menggunakan terlalu banyak elemen sampingan untuk menarik perhatian
pengguna, yang mana akan menyebabkan tumpuan pengguna lebih kepada elemen sampingan
Pembangun perisian perlu menggunakan cara tertentu bagi memberi penekanan terhadap perkara yang dirasakan penting. Pelbagai cara
digunakan oleh pembangun perisian untuk menarik perhatian pengguna.
Namun begitu adalah dinasihati supaya pembangun perisian tidak menggunakan terlalu banyak elemen sampingan untuk menarik perhatian
pengguna, yang mana akan menyebabkan tumpuan pengguna lebih kepada elemen sampingan
Dua jenis keseimbangan :
1. Keseimbangan formal – pembahagian yang sama di antara bahagian visul
2. Keseimbangan tidak formal –pembahagian yang tidak sama rata(contoh berat ke kiri)
1. Keseimbangan formal – pembahagian yang sama di antara bahagian visul
2. Keseimbangan tidak formal –pembahagian yang tidak sama rata(contoh berat ke kiri)