Penekanan dalam reka bentuk laman web mewujudkan kawasan atau objek yang merupakan titik fokus untuk halaman. Ia adalah satu cara untuk membuat satu unsur menonjol dalam reka bentuk. Titik fokus mungkin lebih besar daripada unsur-unsur lain dalam reka bentuk atau berwarna terang - keduanya cenderung menarik mata. Apabila anda merancang halaman web, anda boleh menambah penekanan dengan memilih kata atau frasa dan memberikannya warna, fon, atau saiz yang menjadikannya menonjol, tetapi terdapat banyak cara lain untuk menggunakan penekanan dalam reka bentuk anda.
Penggunaan Penekanan dalam Reka Bentuk
Salah satu pereka web kesilapan terbesar boleh membuat adalah untuk membuat segala-galanya dalam reka bentuk menonjol. Apabila semuanya mempunyai penekanan yang sama, reka bentuk itu kelihatan sibuk dan membingungkan atau lebih teruk - membosankan dan tidak menarik. Untuk mencipta titik fokus dalam reka bentuk web, jangan terlepas pandang penggunaan:
- Talian: Buat penekanan dengan sebaliknya. Jika beberapa elemen mendatar, satu elemen menegak menjadi titik fokus.
- Warna: Jika kebanyakan elemen dalam reka bentuk gelap atau diredamkan, objek apa pun dengan warna menarik mata.
- Bentuk: Apabila kebanyakan bentuk tidak teratur, bentuk geometri menonjol.
- Jarak: Apabila beberapa item dikelompokkan, dan satu berasingan dari kumpulan, mata pergi ke item tunggal.
- Penempatan: Walaupun terdapat pengecualian, elemen yang diletakkan di pusat reka bentuk biasanya menarik mata.
- Berat: Unsur berat menarik perhatian penonton.
- Pengulangan: Apabila grafik mudah untuk menaip elemen diulang, mata mengikuti elemen berulang ke titik fokus.
- Kontras: Sebagai tambahan kepada kontras yang dibuat oleh warna dan garis, kontras dapat dihasilkan oleh saiz, tekstur atau perubahan font. Perubahan ini menyebabkan elemen tumpuan, atau penekanan, untuk menonjol.
- Ruang Putih: Unsur yang dikelilingi oleh ruang putih (atau kosong) menjadi titik fokus.
Hierarki dalam Reka Bentuk Web
Hierarki adalah susunan visual elemen reka bentuk yang menunjukkan kepentingan mengikut saiz. Unsur terbesar adalah yang paling penting; elemen kurang penting adalah lebih kecil. Tumpukan pada mencipta hierarki visual dalam reka bentuk web anda. Jika anda telah bekerja untuk membuat aliran semantik ke markup HTML anda, ini mudah kerana laman web anda sudah mempunyai hierarki. Semua reka bentuk yang perlu anda lakukan adalah menekankan unsur yang betul - seperti tajuk H1 - untuk penekanan yang paling.
Bersama hierarki dalam markup, perhatikan bahawa mata pengunjung melihat halaman web dalam pola Z yang bermula di sudut kiri atas skrin. Itu menjadikan sudut kiri atas halaman menjadi tempat yang baik untuk item penting seperti logo syarikat. Sudut kanan atas adalah kedudukan penempatan terbaik kedua untuk maklumat penting.
Cara Merangkumi Penekanan dalam Reka Bentuk Web
Penekanan dalam reka bentuk web boleh dilaksanakan dengan pelbagai cara:
- Gunakan markup semantik untuk memberi penekanan walaupun tanpa sebarang gaya.
- Tukar saiz fon atau imej untuk menekankan atau de-menekankannya dalam reka bentuk.
- Gunakan warna yang berbeza untuk memberi penekanan.
- Bilangan tuduhan. Satu perkataan besar pada halaman atau skrin mendapat perhatian segera.
- Mengelilingi titik fokus dengan ruang putih.
- Ulangi perkataan atau imej untuk menarik perhatian.
Di manakah patut diselaraskan?
Subordinasi berlaku apabila anda menaip unsur-unsur lain dalam reka bentuk untuk membuat titik fokus pop. Satu contoh ialah grafis berwarna terang yang diletakkan pada foto latar belakang hitam dan putih. Kesan yang sama berlaku apabila anda menggunakan warna atau warna yang disenyapkan yang bercampur dengan latar belakang di belakang titik fokus, menyebabkan ia menonjol.
