Ketika Anda menemukan desain web baru , apa hal pertama yang Anda lihat di halaman? kemana arah pandanganmu? apa yang menarik perhatianmu? Jawaban dari ketiga pertanyaan tersebut adalah dominasi .

Dominasi melalui penekanan satu atau lebih elemen tertentu menciptakan titik fokus dalam desain halaman web Anda . Ini adalah tempat kebanyakan orang pergi ketika mereka pertama kali melihat pekerjaan Anda. Buat titik masuk pada halaman dari mana Anda dapat membawa pengguna ke bagian lain.

Apa itu dominasi?

Dominan (adj): memaksakan, mengendalikan atau menguasai segala sesuatu yang lain.

Dominance (kata benda): keadaan menjadi dominan.

Dari definisi di atas, seharusnya tidak terlalu sulit untuk memahami dominasi sebagai komponen desain web . Saat Anda menciptakan dominasi dalam pekerjaan Anda, Anda menciptakan elemen yang menarik perhatian dan didahulukan dari elemen lainnya.

Setiap desain web harus memiliki area perhatian utama atau titik fokus yang berfungsi sebagai jalur menuju desain. Dari elemen dominan utama, aliran desain dapat dicapai, menciptakan elemen dengan dominasi sekunder atau tersier.

Dominasi terletak pada kontras, karena tanpanya semuanya akan sama. Mungkin Anda bisa menganggap dominasi sebagai kontras yang ekstrem. Tidak harus begitu.

Pertimbangkan dua kotak dengan ukuran berbeda. Semakin besar lebih cenderung dominan (walaupun hanya sedikit lebih besar) dan semakin besar perbedaan antara dua kotak, semakin besar dominasi kotak yang lebih besar.

Pada gambar di sebelah kiri, kotak yang lebih besar mendominasi kotak yang lebih kecil, tetapi tidak sampai kotak yang lebih besar pada gambar di sebelah kanan mendominasi adiknya.

 Dominasi adalah berbagai tingkat penekanan dalam desain halaman web Anda . Anda dapat menciptakan tiga tingkat dominasi dalam pekerjaan Anda.

1. Dominan:  Unsur dengan bobot visual paling banyak, unsur penekanan utama. Elemen dominan bergerak ke latar depan dalam komposisi Anda.

2.  Subdominan: Unsur atau elemen penekanan sekunder yang akan menjadi latar belakang dalam komposisi Anda.

3.  Bawahan: Elemen dengan penekanan tersier, yang memiliki bobot visual yang lebih sedikit. Elemen bawahan tetap berada di latar belakang komposisi Anda.

Mengapa dominasi itu penting?

Seperti disebutkan di atas, dominasi membantu menciptakan area minat, titik fokus , atau titik awal dalam desain web Anda . Elemen dominan di halaman web Anda harus menjadi elemen yang pertama kali dilihat orang. Mungkin itu logo atau judul halaman Anda atau apa pun.

Dominasi menciptakan  hierarki visual dalam desain web Anda . Hirarki adalah, secara default, serangkaian tingkat dominasi yang berbeda.

Kurangnya dominasi antar elemen menyebabkan persaingan di antara mereka. Jika ada dua lingkaran merah dengan ukuran yang sama dalam desain Anda, mana yang harus saya lihat terlebih dahulu? Orang yang berbeda memilih lingkaran yang berbeda, dan beberapa bergantian antara satu sama lain. Jika Anda membuat satu lingkaran dominan, pemirsa akan tahu untuk melihatnya sebelum melihat yang lain.

Tanpa elemen dominan di halaman web Anda, pembaca Anda akan kesulitan menemukan titik masuk mereka sendiri ke dalam desain Anda. Ini tidak semudah kedengarannya dan pekerjaan paling sedikit bisa berarti memilih tata letak lain di halaman lain di situs web lain. Ingat: "Jangan membuat mereka berpikir." Temukan jalur mudah ke desain web Anda.

Dengan menciptakan elemen dominan dalam pekerjaan Anda, Anda akan mengungkapkan apa yang paling penting dalam desain Anda dan menunjukkan kepada orang-orang di mana harus mencari terlebih dahulu. Dari sana Anda dapat membuat elemen subdominan untuk memandu pengguna Anda ke apa yang akan mereka lihat selanjutnya.

Cara membuat dominasi dalam desain halaman web Anda

Sebagai aturan umum: elemen dengan bobot visual paling besar dalam desain web Anda akan menjadi yang paling dominan. Meskipun tidak selalu demikian.

Terkadang elemen dominan bisa menjadi elemen yang memiliki dominasi lebih dari elemen sekitarnya. Sebuah objek yang dikelilingi oleh ruang putih mendominasi lingkungan dekat/dekatnya.

Dalam gambar, pandangan Anda mungkin jatuh pada lingkaran di tengah. Ini bukan sosok terbesar dan tidak membawa bobot visual terbesar; namun, itu benar-benar dikelilingi oleh ruang putih hingga mendominasi lingkungan lokalnya. Sosok-sosok dengan bobot visual yang lebih cenderung berbaur di sini dan tidak ada yang mendominasi ruang langsung mereka.

Secara umum, semakin  banyak bobot visual, semakin dominan elemen tersebut .

Anda dapat menambahkan lebih banyak bobot visual ke elemen dengan:

·         Ukuran: Elemen yang lebih besar membawa lebih banyak bobot.

·         Warna : Tidak sepenuhnya dipahami, tetapi beberapa warna dianggap memiliki bobot lebih dari yang lain. Merah tampaknya menjadi yang terberat, sedangkan kuning adalah yang paling ringan.

·         Kepadatan: Menempatkan lebih banyak item di ruang tertentu memberi bobot lebih pada ruang itu.

·         Nilai: Sebuah benda gelap memiliki berat lebih dari satu terang.

·         Ruang putih: Ruang positif lebih berat daripada ruang negatif atau ruang putih.

Ingatlah bahwa bobot visual adalah kombinasi dari semua hal di atas. Elemen terbesar Anda pada halaman mungkin juga memiliki warna dan nilai paling terang dan mungkin masih harus tetap berada di latar belakang.

Berhati-hatilah untuk tidak berlebihan dalam mendominasi. Anda harus membuat satu elemen yang mendominasi desain web Anda untuk memberikan titik fokus, tetapi Anda juga harus membuat sisa desain Anda terlihat. Berhati-hatilah untuk tidak membuat satu elemen begitu dominan sehingga yang lainnya hilang. Anda harus membuat desain web Anda  memiliki keseimbangan .

Anda dapat menciptakan dominasi dalam elemen yang tidak memiliki bobot visual terbesar. Objek yang terletak di pusat sering dilihat sebagai titik fokus selama ada penekanan yang cukup pada objek tersebut. Ketika banyak elemen lain mengarahkan pandangan Anda ke item tertentu, item itu bisa menjadi titik fokus yang dominan.

Di web, setiap elemen adalah bingkai. Suka atau tidak suka, saat Anda mengembangkan halaman web , Anda membuat bingkai, dan meskipun selalu ada cara untuk membuat segala sesuatunya terlihat kurang persegi secara visual, biasanya sebagian besar elemen Anda ada di satu kotak atau lainnya. Akibatnya,  lingkaran mendapatkan lebih banyak dominasi  karena kontras dengan tepi persegi panjang.

Sekali lagi, perhatikan gambar di atas. Lingkaran kecil mendominasi ruang putih di sekitarnya. Ini mungkin terlalu kecil untuk dirinya sendiri, tetapi mendominasi lingkungan terdekatnya.

Contoh dominasi

Gambar di kiri atas WebDesigner.ro jelas merupakan elemen dominan di halaman web. Ini menarik Anda ke dalam desain, dan dari sana mata Anda beralih ke navigasi dan konten.

Elemen dominan pada halaman beranda Ribbons for Red adalah emblem di kiri atas. Perhatikan bagaimana warna merah digunakan untuk membuat elemen subdominan untuk mendorong Anda ke bawah halaman. Perhatikan juga apa elemen subdominan itu dan pikirkan tentang apa tujuan halaman web itu.

Situs web Denise Chandler menggunakan dominasi untuk menciptakan titik fokus di sekitar pesan selamat datang. Anda tidak dapat melihat di gambar, tetapi jika Anda mengklik halaman, bug mendorong pandangan Anda ke pesan selamat datang.

Dominasi dibuat melalui font hitam besar. Ini mendorong Anda untuk membacanya dan segera mengarahkan Anda ke navigasi.

Latar belakang hitam digunakan di seluruh halaman di belakang elemen lain untuk menarik perhatian mereka, sedangkan biru digunakan untuk memberikan kontras dan membantu objek lain di halaman menonjol. Halaman melakukan pekerjaan yang baik untuk mendorong Anda ke dalam tata letak dan kemudian mendorong Anda melalui tata letak-

Situs web Area 17 menggunakan teks hitam tebal untuk menarik Anda ke dalam desain. Dalam hal ini, elemen dominan adalah A/ yang, sekali lagi, di kiri atas. Perhatikan bagaimana pesan selamat datang di header juga menggunakan teks hitam tebal yang menarik Anda ke arah itu dan kemudian deskripsi singkat tentang perusahaan di sisi kanan.

Kemudian Anda menemukan garis merah diagonal (lebih mudah dilihat di halaman daripada di gambar ini) yang memandu pandangan Anda ke bawah dan ke kiri menuju proyek portofolio perusahaan yang dipilih .

Ringkasan

Dominasi adalah konsep yang mudah dipahami. Sebagian besar dari kita dapat melihat komposisi apa pun dan segera mengidentifikasi elemen atau elemen yang dominan. Yang penting adalah menyadari bagaimana setiap elemen mendominasi atau mensubordinasikan ruang di sekitarnya dan desain secara keseluruhan.

Dominasi adalah kontras, penekanan, dan bobot visual relatif. Anda harus memiliki kontras untuk memiliki dominasi. Objek yang identik tidak dapat saling mendominasi. Secara umum, semakin banyak bobot visual yang dimiliki suatu elemen, semakin besar dominasinya; tetapi selalu mencari cara agar elemen dengan bobot visual yang lebih sedikit mendominasi.

Berhati-hatilah untuk tidak menciptakan begitu banyak dominasi dalam satu elemen sehingga sisa desain Anda menjadi terlalu subordinat. Semakin satu elemen mendominasi yang lain, semakin subordinat dan tampaknya kurang penting elemen lainnya.

Gunakan dominasi untuk membuat titik masuk ke desain Anda, serta hierarki untuk memandu mata dari satu bagian desain ke bagian lain. Semakin penting suatu elemen dalam hierarki Anda, semakin dominan yang akan ditampilkan. Cobalah untuk membuat tiga tingkat dominasi dalam tata letak Anda dan temukan cara untuk memandu pengunjung Anda dari yang paling dominan hingga yang paling tidak dominan.

Sekali lagi, dominasi mudah dipahami, begitu mudah dan jelas sehingga kita bisa lupa untuk menyadarinya. Saat Anda melihat desain web baru dan komposisi artistik, perhatikan di mana Anda melihat pertama, kedua dan ketiga. Perhatikan apa yang Anda lihat sebagai dominan, subdominan, dan bawahan, dan tanyakan pada diri Anda mengapa mereka terlihat seperti itu.