Penekanan pada desain halaman web menciptakan area atau objek yang menjadi titik fokus halaman. Ini adalah cara untuk membuat satu elemen menonjol dalam desain. Titik fokus mungkin lebih besar dari elemen desain lainnya atau berwarna cerah — keduanya cenderung menarik perhatian. Saat Anda mendesain halaman web, Anda dapat menambahkan penekanan dengan memilih kata atau frasa dan menetapkannya sebagai warna, font, atau ukuran yang membuatnya menonjol, tetapi ada banyak cara lain untuk menggunakan penekanan di rancangan.
Penggunaan Penekanan dalam Desain
Salah satu kesalahan terbesar yang dapat dilakukan desainer web adalah mencoba membuat segala sesuatu dalam desain menonjol. Ketika semuanya memiliki penekanan yang sama, desainnya tampak sibuk dan membingungkan atau lebih buruk — membosankan dan tidak menarik. Untuk membuat titik fokus dalam desain web, jangan mengabaikan penggunaan:
- Garis: Buat penekanan dengan kontras. Jika beberapa elemen horizontal, satu elemen vertikal menjadi titik fokus.
- Warna: Jika sebagian besar elemen dalam desain gelap atau tidak bersuara, objek apa pun dengan warna menarik mata.
- Bentuk: Ketika sebagian besar bentuk tidak beraturan, bentuk geometris akan menonjol.
- Kedekatan: Ketika beberapa item dikelompokkan, dan satu terpisah dari grup, mata tertuju pada satu item.
- Penempatan: Meskipun ada pengecualian, elemen yang ditempatkan di tengah desain biasanya menarik perhatian.
- Bobot: Elemen berat menarik perhatian pemirsa.
- Pengulangan: Ketika elemen grafis untuk tipe sederhana diulang, mata mengikuti elemen berulang ke titik fokus.
- Kontras: Selain kontras yang dibuat oleh warna dan garis, kontras dapat dihasilkan oleh perubahan ukuran, tekstur, atau font. Perubahan menyebabkan elemen fokus, atau penekanan, menonjol.
- Ruang Putih: Sebuah elemen yang dikelilingi oleh ruang putih (atau kosong) menjadi titik fokus.
Hirarki dalam Desain Web
Hirarki adalah pengaturan visual elemen desain yang menunjukkan kepentingan berdasarkan ukuran. Elemen terbesar adalah yang paling penting; elemen yang kurang penting menjadi lebih kecil. Fokus pada pembuatan hierarki visual dalam desain web Anda. Jika Anda telah bekerja untuk membuat aliran semantik ke HTML markup, ini mudah karena halaman web Anda sudah memiliki hierarki. Yang perlu dilakukan desain Anda adalah menekankan elemen yang benar — seperti judul H1 — untuk penekanan paling besar.
Bersama hierarki dalam markup, kenali bahwa mata pengunjung melihat laman web dalam pola Z yang dimulai dari sudut kiri atas layar. Itu membuat sudut kiri atas halaman menjadi tempat yang baik untuk item penting seperti logo perusahaan. Pojok kanan atas adalah posisi penempatan terbaik kedua untuk informasi penting.
Bagaimana Menyertakan Penekanan dalam Desain Web
Penekanan dalam desain web dapat diimplementasikan dalam banyak cara:
- Gunakan markup semantik untuk memberikan penekanan bahkan tanpa gaya apa pun.
- Ubah ukuran font atau gambar untuk menekankan atau menghilangkannya dalam desain.
- Menggunakan warna kontras untuk memberikan penekanan.
- Ukuran penting. Sebuah kata besar pada halaman atau layar mendapat perhatian segera.
- Kelilingi titik fokus dengan ruang putih.
- Ulangi kata atau gambar untuk menarik perhatian.
Dimana Subordinasi Cocok?
Subordinasi terjadi saat Anda mengurangi elemen lain dalam desain untuk membuat titik fokus menonjol. Salah satu contohnya adalah grafik berwarna cerah yang diposisikan dengan latar belakang foto hitam putih. Efek yang sama terjadi saat Anda menggunakan warna yang diredam atau warna yang menyatu dengan latar belakang di belakang titik fokus, sehingga membuatnya menonjol.