Emphasis pada desain halaman web menciptakan area atau objek yang menjadi titik fokus halaman. Ini adalah cara menyoroti elemen dalam desain. Titik fokus bisa lebih besar dari elemen desain lainnya atau berwarna cerah, keduanya cenderung menarik perhatian. Saat mendesain halaman web, Anda dapat menambahkan emphasis dengan memilih kata atau frasa dan menetapkan warna, font, atau ukuran yang membuatnya menonjol, tetapi ada banyak cara lain untuk menggunakan emphasis dalam desain Anda.

Penggunaan emphasis dalam desain

Salah satu kesalahan terbesar yang dapat dilakukan oleh desainer web adalah mencoba membuat segala sesuatu yang menonjol dalam desain menjadi menonjol. Ketika semuanya memiliki emphasis yang sama, desainnya terlihat sibuk dan membingungkan atau lebih buruk lagi, membosankan dan tidak menarik. Untuk membuat titik fokus dalam desain web, jangan mengabaikan penggunaan:

1.       Garis: Buat emphasis dengan kontras. Jika banyak elemen horizontal, elemen vertikal menjadi titik fokus.

2.       Warna: Jika sebagian besar elemen dalam desain berwarna gelap atau tidak bersuara, apa pun yang berwarna akan menarik perhatian.

3.       Bentuk: Ketika sebagian besar bentuknya tidak beraturan, bentuk geometris menonjol.

4.       Kedekatan: Ketika beberapa elemen dikelompokkan bersama dan satu dipisahkan dari grup, mata tertuju pada elemen individu.

5.       Penempatan: Meskipun ada pengecualian, elemen yang ditempatkan di tengah desain biasanya menarik perhatian.

6.       Berat: Benda berat menarik perhatian pemirsa.

7.       Pengulangan: Ketika elemen grafik sederhana diulang untuk menulis, mata mengikuti elemen yang diulang ke titik fokus.

8.       Kontras: Selain kontras yang dibuat oleh warna dan garis, kontras dapat dihasilkan oleh perubahan ukuran, tekstur, atau font. Perubahan membuat elemen fokus, atau emphasis, menonjol.

9.       Ruang Putih: Item yang dikelilingi oleh ruang putih (atau kosong) menjadi titik fokus.

Hirarki dalam desain web

Hierarki adalah susunan visual elemen desain yang menunjukkan kepentingan berdasarkan ukuran. Elemen terbesar adalah yang terpenting; Barang yang kurang penting lebih kecil. Fokus pada pembuatan hierarki visual dalam desain web Anda. Jika Anda telah bekerja untuk membuat aliran semantik ke markup HTML Anda, ini mudah dilakukan karena halaman web Anda sudah memiliki hierarki. Yang perlu dilakukan desain Anda hanyalah menekankan elemen yang tepat, seperti judul H1, untuk emphasis tambahan.

Seiring dengan hierarki dalam markup, kenali bahwa mata pengunjung melihat halaman web dalam pola Z mulai dari sudut kiri atas layar. Itu menjadikan sudut kiri atas halaman tempat yang bagus untuk elemen penting, seperti logo perusahaan. Pojok kanan atas adalah posisi lokasi terbaik kedua untuk informasi penting.

Bagaimana memasukkan emphasis dalam desain web

Emphasis pada desain web dapat diimplementasikan dalam banyak cara:

·         Gunakan markup semantik untuk memberikan emphasis bahkan tanpa gaya apa pun.

·         Ubah ukuran font atau gambar untuk menekankan atau menekankannya dalam desain.

·         Gunakan warna kontras untuk emphasis.

·         Ukuran penting. Sebuah kata besar di halaman atau layar mendapat perhatian langsung.

·         Kelilingi titik fokus dengan ruang putih.

·         Ulangi kata atau gambar untuk mendapatkan perhatian.

Di mana posisi subordinasi?

Meremehkan terjadi saat Anda mengecilkan elemen lain dalam desain untuk membuat titik fokus menonjol. Contohnya adalah grafik berwarna cerah yang ditempatkan di atas foto latar belakang hitam putih. Efek yang sama terjadi saat Anda menggunakan warna redup atau warna yang menyatu dengan latar belakang di belakang titik fokus, membuatnya menonjol.

Definisi Desain Web: Apa itu Tata Letak Halaman?

Pelajari bagaimana tata letak halaman cocok dengan desktop publishing dan desain grafis, dan apa itu aplikasi tata letak halaman.

Ritme sebagai prinsip desain dasar untuk situs web

Ritme adalah prinsip dasar desain. Ini adalah harmoni visual dalam desain dan dapat membantu membuat situs web yang lebih menarik dan sukses.

Pelajari tentang keseimbangan simetris sebagai prinsip desain

Pelajari lebih lanjut tentang keseimbangan simetris dan lihat beberapa contoh dalam pelajaran ini tentang prinsip desain dan cara kerjanya.