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.