Gunakan Penekanan untuk menarik perhatian pemirsa
Penekanan dalam desain halaman web menciptakan area atau objek yang merupakan titik fokus untuk halaman. Ini adalah cara untuk membuat satu elemen menonjol dalam desain. Titik fokus mungkin lebih besar daripada elemen desain lainnya atau berwarna cerah — keduanya cenderung menarik perhatian. Saat Anda mendesain laman web, Anda dapat menambahkan penekanan dengan memilih kata atau frasa dan menetapkannya warna, font, atau ukuran yang membuatnya menonjol, tetapi ada banyak cara lain untuk menggunakan penekanan pada desain Anda.
Penggunaan Penekanan dalam Desain
Salah satu kesalahan terbesar yang dapat dilakukan oleh desainer adalah berusaha membuat semuanya dalam desain menonjol. Ketika semuanya memiliki penekanan yang sama, desain 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 diredam, objek apa pun dengan warna menarik mata.
- Bentuk: Ketika kebanyakan bentuk tidak beraturan, bentuk geometris menonjol.
- Jarak: Ketika beberapa item dikelompokkan, dan satu terpisah dari grup, mata mengarah ke satu item.
- Penempatan: Meskipun ada pengecualian, elemen yang ditempatkan di tengah desain biasanya menarik perhatian.
- Berat: Elemen berat menarik perhatian pemirsa.
- Pengulangan: Ketika elemen grafis sederhana untuk mengetik diulang, mata mengikuti elemen berulang ke titik fokus.
- Kontras: Selain kontras yang dibuat oleh warna dan garis, kontras dapat dihasilkan oleh ukuran, tekstur atau perubahan font. Perubahan ini menyebabkan elemen fokus menonjol.
- White Space: Sebuah elemen yang dikelilingi oleh ruang putih (atau kosong) menjadi titik fokus.
Hirarki dalam Desain Web
Hirarki adalah susunan visual elemen desain yang menunjukkan pentingnya menurut ukuran. Unsur terbesar adalah yang paling penting; elemen yang kurang penting lebih kecil. Fokus pada pembuatan hierarki visual di desain web Anda. Jika Anda telah bekerja untuk membuat aliran semantik ke markup HTML Anda, ini mudah karena halaman web Anda sudah memiliki hierarki. Yang perlu dilakukan oleh semua desain Anda adalah menekankan elemen yang benar — seperti judul H1 — untuk yang paling ditekankan.
Seiring dengan hierarki dalam markup, akui bahwa mata pengunjung melihat halaman web dalam pola Z mulai dari sudut kiri atas layar. Itu membuat sudut kiri atas halaman menjadi tempat yang bagus untuk item penting seperti logo perusahaan. Sudut kanan atas adalah posisi penempatan terbaik kedua untuk informasi penting.
Bagaimana Menyertakan Penekanan dalam Desain Web
Penekanan dalam desain web dapat diterapkan dalam banyak cara:
- Gunakan markup semantik untuk memberikan penekanan bahkan tanpa gaya.
- Ubah ukuran font atau gambar untuk menekankan atau tidak menekankannya dalam desain.
- Gunakan warna yang kontras untuk memberikan penekanan.
- Jumlah ukuran. Sebuah kata besar di halaman atau layar mendapat perhatian langsung.
- Kelilingi titik fokus dengan ruang putih.
- Ulangi kata atau gambar untuk menarik perhatian.
Di mana Subordinasi Fit In?
Subordinasi terjadi saat Anda menurunkan elemen lain dalam desain untuk membuat titik fokus muncul. Salah satu contohnya adalah gambar berwarna terang yang diposisikan pada foto latar belakang hitam dan putih. Efek yang sama terjadi ketika Anda menggunakan warna atau warna yang diredam yang menyatu dengan latar belakang di belakang titik fokus, sehingga membuatnya menonjol.