Dalam banyak desain web , pengaturan teks, gambar , video , dan elemen lain yang sederhana tidak cukup untuk membuat pengguna mengarahkan perhatian ke elemen yang kami anggap paling penting .

Perhatian orang yang menjelajah Internet hanya beberapa detik , yang menyiratkan bahwa perancang harus berhasil menarik perhatian pengguna, sehingga ia merasa tertarik dan tidak meninggalkan halaman dalam beberapa detik. Ini adalah salah satu alasan untuk menggunakan penekanan dalam desain kami.

Alasan lain untuk menerapkan prinsip desain ini adalah untuk membedakan elemen serupa satu sama lain, menyoroti elemen yang, dalam spesiesnya sendiri, Anda ingin menonjol dari yang lain.

Misalnya, jika kita harus memasukkan teks yang panjang, perhatian pengguna pasti tidak akan melampaui tiga atau empat baris pertama , jadi bacaannya harus disederhanakan dan elemen yang disorot ditambahkan sehingga pembaca dapat melakukan tur singkat.

Sangat mungkin bahwa, setelah tur singkat ini menggunakan alat bantu yang diterapkan dalam teks, pengguna menganggap apa yang dia butuhkan dan melanjutkan dengan membaca teks yang lebih rinci.

Hal yang sama berlaku untuk gambar. Kumpulan besar gambar serupa tidak mungkin menarik perhatian pengguna Internet, jadi satu atau lebih gambar ini perlu disorot sehingga siapa pun yang masuk ke halaman kami memiliki gagasan ringkasan tentang jenis konten yang akan mereka temukan di sana.

penekanan _Ini adalah salah satu metode yang paling tepat untuk mencapai penyorotan yang diperlukan dari beberapa elemen dari sekelompok elemen homogen. Tetapi juga kecenderungan untuk menekankan terlalu banyak elemen halaman web adalah kesalahan yang sangat umum, terutama oleh perancang web yang tidak berpengalaman.

Klasifikasi elemen menurut penekanan

Menurut penekanan yang diberikan desainer pada berbagai elemen yang membentuk sebuah halaman, elemen-elemen ini dapat diklasifikasikan menjadi tiga kelompok:

·         elemen yang dominan

·         elemen sub-dominan

·         elemen bawahan

Elemen yang dominan

Mereka adalah elemen-elemen yang, mengingat kepentingannya sehubungan dengan konten lainnya, menonjol dengan penekanan di atas yang lain. Berikut adalah contoh elemen dominan:

Dalam contoh ini, kita dapat melihat dua elemen yang karena penekanannya dianggap dominan : judul "layanan kreatif" dan gambar botol. Tentunya, saat melihat gambar ini, kedua elemen ini adalah elemen pertama yang kami hentikan, yang menjadi keinginan perancang halaman. Dia sendiri telah mencapai efek ini berkat penggunaan penekanan yang tepat , berhasil menempatkan elemen-elemen ini di latar depan komposisi.

Untuk mengonversi teks sebagai elemen dominan , perancang dapat menggunakan beberapa atribut untuk menerapkan perbedaan, seperti ukuran , warna , tipografi , posisi, atau kombinasi dari semuanya.

Adapun gambar , seperti halnya teks, cukup memvariasikan beberapa atributnya, seperti nada , warna , ukuran , posisi atau kombinasinya, untuk menjadikannya salah satu elemen halaman yang dominan. .

Perlu dicatat bahwa jumlah elemen yang disorot juga sangat penting. Semakin banyak elemen dengan atribut serupa yang kita tempatkan di halaman, semakin sedikit mereka akan menonjol satu sama lain. Jika pada gambar sebelumnya kita menempatkan teks yang disorot dalam jumlah yang lebih besar, teks yang dominan akan berhenti demikian karena kita akan membuatnya homogen dengan elemen lain.

Elemen sub-dominan

Ketika berbicara tentang menarik pengunjung ke halaman, perlu bahwa setelah mendapatkan perhatian mereka berkat elemen dominan, kami dapat membimbing mereka melalui elemen yang tersisa sedemikian rupa sehingga mereka mempertahankan minat pada apa yang kami tampilkan dan tertarik untuk melihatnya. konten lainnya.

Untuk ini kami menggunakan penekanan kecil lainnya daripada elemen dominan, tetapi lebih besar dari yang kami gunakan di elemen halaman lainnya. Dalam hal teks, kita dapat mendefinisikannya sebagai subtitel dan teks yang disorot . Pada gambar berikut kita melihat halaman web dimana teks telah didistribusikan dalam beberapa paragraf, masing-masing dengan subjudulnya.

Di situs web ini ( lawebera.es ), Anda juga akan menemukan banyak contoh penggunaan elemen sub-dominan. Anda akan melihat bahwa item yang disorot ini membantu Anda melihat item penting dan memudahkan untuk menemukan setiap bagian. Pada halaman yang semua elemennya homogen, sangat sulit untuk menemukan elemen mana yang paling menarik atau penting, sehingga perhatian pengunjung akan segera hilang, dengan kemungkinan besar mereka akan meninggalkan halaman tersebut.

Elemen bawahan

Kami menyebut elemen bawahan dua jenis elemen. Beberapa adalah informasi yang diumumkan oleh elemen dominan dan sub-dominan, sebagai teks pelengkap atau ekspansif. Lainnya adalah elemen yang melengkapi komposisi gambar, memperindah halaman atau membantu menonjolkan elemen utama.

Unsur-unsur bawahan ini harus memiliki atribut yang kurang menonjol dibandingkan dengan jenis sebelumnya, sehingga perbedaan dengan yang berkontribusi untuk menonjolkan kepentingannya.

Penekanan yang dicapai pada unsur-unsur dominan dan sub-dominan sangat bergantung pada penggunaan yang benar dari atribut- atribut unsur-unsur bawahan. Pada gambar yang kami gunakan pada contoh sebelumnya, kami melihat bahwa ukuran teks bawahan jauh lebih kecil, yang memungkinkan subtitle dan judul menonjol.

Namun, harus diingat bahwa elemen bawahan mengandung informasi yang diperlukan untuk melengkapi pesan yang akan disampaikan, sehingga keterbacaannya harus sangat baik.

Apa yang harus ditekankan dan apa yang tidak? apa yang benar-benar penting?

Tepatnya, menjawab pertanyaan kedua Anda mendapatkan jawaban yang pertama. Setiap halaman web memiliki tujuan, fokuslah pada tujuan tersebut saat membuat desain dan struktur Anda.

Misalnya, jika Anda menjual produk secara online, pada halaman produk kemungkinan besar Anda ingin menonjolkan foto produk dan harganya, jika ada diskon, Anda ingin ditandai dan terlihat jelas untuk menarik perhatian. Dan yang tak kalah pentingnya, Anda perlu menekankan tombol beli, untuk mendorong pengunjung melakukan transaksi.

Bagaimana cara menekankan?

Ada beberapa sumber, yang pada akhirnya merangkum semua keajaiban desain web:

·         Ukuran: semakin besar suatu elemen, semakin banyak penekanan/kepentingan yang Anda berikan. Di sini kontras ukuran atau skala terkait erat .

·         Lokasi: Pengguna menavigasi halaman dari atas ke bawah. Elemen yang perlu ditekankan harus ditempatkan di atas situs web Anda, sebaiknya di paro depan untuk memastikan bahwa pengunjung akan melihatnya tanpa menggulir.

·         Warna: penggunaan kontras warna yang tepat sangat membantu untuk memprioritaskan pentingnya elemen situs web. Namun Anda harus berhati-hati untuk tidak menggunakan terlalu banyak warna agar desain tetap bagus dan bersih.

Kesimpulan

Penerapan tingkat penekanan yang berbeda sangat penting dalam desain web . Berkat ini, laman yang sedang dibuat dapat terlihat heterogen , menarik perhatian pengguna pada apa yang dapat membuat mereka memutuskan untuk tetap menonton konten lainnya atau beralih ke arah lain.

Penekanan juga berkontribusi besar pada estetika halaman. Mari kita lihat contoh di mana penerapan berbagai tingkat penekanan merupakan elemen utama dari desain:

Dalam desain ini terlihat bahwa penerapan berbagai tingkat penekanan pada teks membentuk estetika desain halaman . Penggunaan ukuran, warna, dan font yang berbeda membentuk keseluruhan desain, selain memberikan pesan tekstual. Di sebelah kiri adalah elemen dominan , sedangkan di sebelah kiri elemen subdominan membentuk logo, menu dan beberapa subjudul, sedangkan elemen bawahan melengkapi pesan.

Selain memberikan pesan yang jelas, setiap jenis elemen penting dari sudut pandang estetika. Ini dengan jelas menunjukkan bahwa penekanan yang diberikan pada setiap elemen itu penting, baik dalam desain estetika halaman maupun dalam kejelasan pesannya.