Website Terbaik di Desain dengan Prinsip Gestalt. Berikut Cara Menerapkannya [Part 2]

- Advertisement -
- Advertisement -
- Advertisement -

Agar hasil desain website anda dapat menjadi yang terbaik, berikut cara Menerapkan prinsip Gestlat pada website, melanjutkan dari part 1

6. Prinsip Symmetry and Order

Obyek yang simetris memberikan perasaan berimbang dan harmoni kepada mata. Komposisi adalah fokus utama prinsip ini. Sederhananya, komposisi seharusnya tidak memberikan rasa gangguan atau ketidakseimbangan, karena pengunjung yang melihat akan membuang-buang waktu mencoba untuk menemukan elemen yang hilang, daripada berfokus pada pesan yang Anda tampilkan. Prinsip symmetry menegaskan bahwa …

Setiap elemen desain dianggap seimbang satu dengan yang lain dalam kelompok yang sama.

Anda dapat mencapai titik simetris dengan membuat keseimbangan yang baik dalam elemen desain Anda seperti gambar di atas. Hasilnya, Anda akan mendapatkan tampilan yang simetris, selaras, dan harmonis.

Sebagai contoh, lihatlah website Apple di atas, desain yang simetris dibentuk dari foto produk Mac Pro sebagai pusat perhatian pengunjung, diikuti desain menu utama pada bagian atas dan teks headlineyang disertai  background hitam. Jika ditarik garis lurus secara vertikal tepat di tengah-tengah layout halaman website, Anda akan mendapatkan 2 halaman web yang simetris.

7. Prinsip Figure/Ground (Multi-stability)

Prinsip Multi-stability menjelaskan bahwa …

Mata akan memisahkan seluruh obyek dari latar belakangnya untuk memahami apa yang sedang dilihat.

Hal ini mengacu pada hubungan antara unsur-unsur positif dan ruang negatif. Persepsi seseorang saat melihat suatu objek di bagian atas akan lebih kuat daripada latar belakangnya, terutama pada saat objek dan latar belakangnya ditampilkan secara bersamaan.

Dalam contoh sederhana di atas, ada dua macam objek berbeda dari gambar, meskipun keduanya memiliki komposisi yang identik. Gambar di sebelah kiri menunjukkan objek hitam berada di bidang putih (background). Sementara itu, gambar di sebelah kanan menunjukkan objek hitam dengan lubang di dalamnya. Secara umum hubungan seperti ini dipahami dengan nama ‘kontras’. Prinsip Gestalt ini dapat dikatakan prinsip terpenting dalam teori Gestalt karena yang dilakukan orang ketika mereka mengarahkan pandangan mereks unsur-unsur pertama yang dilihat adalah Figure (yang membutuhkan perhatian segera) dan yang Background (tidak begitu penting namun tetap membantu memberikan konteks penjelas).

Sebagai contoh, penerapan prinsip ini pada website srgtechnologies terletak bagian bagian landing page sebagai figure yaitu semua teks dan grafis sedangkan sebagai Ground yaitu foto pada backgroundnya.

Contoh lain penerapan prinsip ini dalam elemen desain website biasa dipakai ketika menggunakan popup/modal. Agar lebih jelas, silakan lihat gambar di bawah ini.

8. Prinsip Closure (Reification)

Ketika melihat susunan objek dengan unsur yang  kompleks, mata cenderung untuk mencari pola tunggal yang dikenali.

Kesan pertama Anda ketika melihat gambar di atas adalah melihat bidang segitiga, meskipun pada gambar adalah 3 buah obyek hitam lingkaran yang tidak sempurna. Otak manusia mengisi informasi yang hilang untuk membuat pola tunggal yang Anda kenali. Prinsip Closure menjelaskan bahwa …

mata manusia memiliki kecenderungan untuk menyelesaikan bentuk yang tidak lengkap kemudian merasionalisasi secara keseluruhan.

Contoh penerapannya dapat Anda lihat pada website Jens Lehmann berikut.

Menggunakan gambar yang diletakkan didepan teks sehingga menutupi pesan dibelakangnya sengaja digunakan untuk merangsang kerja mata dan otak Anda, sehingga Anda mampu mengisi bagian yang hilang dari teks yang tertutupi. Walaupun teks pesan tertutupi Anda masih bisa membacanya. Halaman depan website ini juga memanfaatkan prinsip figure/groundsimplicity, dan symmetry yang sudah dijelaskan pada bagian sebelumnya.

9. Prinsip Common Fate

Secara sederhana prinsip ini bisa dibilang seperti ini:

Mata manusia cenderung melihat unsur-unsur yang bergerak bersama-sama sebagai suatu kelompok yang lebih mirip satu sama lain daripada unsur yang diam atau bergerak ke arah yang berbeda.

Dengan kata lain, jika Anda memiliki sekelompok objek, dan objek-objek yang semua bergerak ke arah yang sama, maka Anda akan secara otomatis melihat  benda-benda itu jauh lebih terkait satu sama lain daripada benda-benda yang tidak bergerak atau mereka yang bergerak dalam arah berlawanan.

Sebagai contoh pada gambar diatas titik merah yang bergerak pada arah yang sama  dalam setiap baris lebih terkait satu sama lain daripada mereka ke jalur lain dari titik merah yang bergerak kearah yang berbeda.

Penerapan pada element website bisa terlihat pada dropdown menu, seperti yang diterapkan pada menu Linkedin, prinsip ini berfungsi untuk meghubungkan antara menu dengan sub-menu. Bila Anda memindahkan kursor anda lebih dari satu item menu, kemudian bergerak (hover) sub-menu maka akan tampil dengan pergerakan ke arah yang sama dari menu pertama dg lain.

10. Prinsip Focal Point

Focal Point berhubungan dengan prinsip similarity, terlebih karena ada kesamaan di antara unsur-unsur obyek  lainnya.

Prinsip ini menyatakan bahwa …

Obyek dengan point of interest akan lebih cepat ditangkap mata dan lebih menarik perhatian karena adanya penekanan atau perbedaan dari unsur objek lainnya.

Pada gambar di atas, fokus mata Anda akan ditarik ke objek square (kotak). Ini karena pengaruh bentuk yang berbeda dan warna yang berasal dari unsur-unsur lain serta penambahan efek dropshadow untuk memberi penekanan pada objek. Seperti inilah prinsip focal point bekerja.

Penerapan pada website sering digunakan terutama pada foto/gambar dan teks pada homepage dengan ukuran yang lebih besar, untuk menarik perhatian pengunjung supaya tertarik dengan poin utama yang ingin ditunjukan. Sebagai contoh, perhatikan website Design of The World berikut ini.

Focal point pada website ini tertuju pada frame/kotak Orée Artisans karena dari segi bentuk frame/kotak produk ini lebih besar daripada elemen kotak yang lain, sehingga mata Anda akan tertarik untuk melihat pada kotak ini.

Kesimpulan

Keindahan memang tidak memiliki standar yang pasti. Namun, pemahaman dasar terhadap prinsip Gestalt ini akan membantu Anda membuat desain website yang tepat. Tujuannya, tentu saja, agar Anda dapat mencitrakan binis maupun diri Anda melalui media website dengan lebih baik.

Selamat berkreasi!

Sumber: niagahoster.co.id

- Advertisement -

Latest articles

7,350 Followers
Follow

Related articles