Adakah Anda Memerlukan Imej Wira? Mungkin Tipografi Sudah Cukup

Konsep utama apabila ia berkaitan dengan bidang wira reka bentuk tapak web ialah imej atau video dengan teks dan seruan bertindak. Tetapi bukan setiap reka bentuk mempunyai elemen visual berkualiti tinggi untuk menjadikan gaya imej wira ini berfungsi.

Ia menimbulkan persoalan: Adakah anda benar-benar memerlukan imej wira?

Untuk sesetengah projek tapak web, jawapannya adalah tidak. Anda boleh mereka bentuk kawasan wira yang cemerlang untuk tapak web dengan tipografi yang hebat dan beberapa butiran kecil. Mari kita lihat cara melakukannya dan beberapa contoh yang kita suka.

Terokai Elemen Envato

Faedah Imej Wira

Faedah utama menggunakan imej atau video wira untuk tapak web ialah menarik perhatian sifat unsur visual dan maklumat yang disampaikannya. Imej boleh menerangkan banyak perkara tentang tapak web atau projek anda dan kandungannya.

Imej adalah bahagian penting dalam penceritaan dan sukar untuk mencipta sebarang reka bentuk lengkap tanpa mereka. Semasa kami berfikir tentang mereka bentuk pengepala wira tanpa imej di sini, adalah penting untuk ambil perhatian bahawa tapak web ini jarang sekali tanpa imej.

Manusia, sebahagian besarnya, adalah visual semula jadi. Kita mendapat pemahaman melalui melihat sesuatu. Itulah sebabnya imej wira sangat popular.

Faedah imej wira juga termasuk:

• Menunjukkan produk atau perkhidmatan
• Menghubungkan pelawat tapak web secara visual keperkara yang anda lakukan atau tentang
• Mewujudkan rasa ingin atau memerlukan apa yang ada dalam imej
• Mendorong fokus visual pada skrin kepada elemen lain seperti teks atau seruan bertindak
• Memberi pengguna sesuatu untuk berinteraksi dan kekal di skrin lebih lama

Faedah Wira Berasaskan Tipografi

Faedah utama berasaskan tipografi kawasan pengepala wira ialah ia menyampaikan sesuatu dengan jelas. Perkataan, terutamanya dengan kebolehbacaan dan kebolehbacaan yang kuat, adalah cara utama untuk menyampaikan maklumat daripada skrin kepada pelawat tapak web.

Anda boleh menggunakan tipografi untuk memberitahu pengguna dengan tepat perkara yang anda mahu mereka ketahui.

Faedah lain kawasan wira berasaskan tipografi termasuk:

• Fokus dan pemahaman yang jelas untuk reka bentuk
• Berpotensi lebih banyak ruang untuk perkataan
• Halaman utama yang mengganggu secara visual yang akan menarik perhatian kerana ia berbeza
• Berfungsi pada mana-mana saiz skrin tanpa perlu memikirkan tanaman yang berbeza
• Boleh mengalir dengan baik dengan elemen reka bentuk lain seperti animasi kecil, bunyi atau warna tebal

5 Sebab Tipografi Mungkin Terbaik

Keputusan untuk menggunakan kawasan wira berasaskan tipografi untuk reka bentuk tapak web anda tidak boleh dibuat pada sesuka hati atau kerana anda tidak suka foto. Ia sepatutnya mempunyai niat bermatlamat seperti mana-mana elemen reka bentuk lain yang anda pilih.

Jadi selain daripada tidak mempunyai imej yang betul, mengapa anda menggunakan tipografi-wira berasaskan?

• Muka taip yang menarik lebih sesuai dengan produk atau perniagaan anda daripada imej. Ia menyampaikan cerita yang lebih konsisten.
• Anda mempunyai banyak perkara untuk diperkatakan dan perkara yang perlu diberi penekanan pada perkataan itu. Ia menyampaikan mesej yang lebih langsung.
• Tipografi sejajar dengan perkara yang anda lakukan. Ia menyampaikan kemahiran atau teknik yang boleh digunakan untuk tapak web anda.
• Anda boleh menggunakannya untuk mencipta lapisan kedalaman dan maklumat atau untuk mewujudkan perhubungan spatial. Ia boleh menyampaikan perasaan yang sepadan dengan perkataan.
• Imej atau video nampaknya tidak berfungsi dan membuat sambungan dengan pelawat tapak web terputus. Ia menyampaikan kejelasan dan penglihatan.

Cuba Muka Taip Menarik

Apabila menyentuh kawasan wira dengan tumpuan tipografi yang kuat, terdapat dua aliran pemikiran:

• Pastikan ia mudah.
• Cuba muka taip yang menarik atau pun eksperimen.

Kedua-duanya betul malah anda boleh mencubanya bersama-sama.

Apabila anda menggunakan muka taip yang sangat visual atau menarik, ia mempunyai beberapa makna semula jadi yang terbina padanya. Mereka boleh membuat pengguna berfikir atau merasakan cara tertentu. Mereka juga boleh menimbulkan kekeliruan jika perkataan terlalu sukar dibaca.

Jadi terdapat jalan tengah yang berbeza yang hampir setiap wira tipografi yang berjaya mengimbanginya. Dan sukar untuk ditakrifkan sehingga anda melihat – dan membacanya – ia. Mudah-mudahan, contoh di sini memberi anda gambaran tentang rupanya.

5Contoh Yang Kami Suka

MKTLM

Gabungan san serif ringkas dan skrip bergaris membuat anda melihat perkataan pada skrin di sini. Latar belakang yang minimum menyatukan semuanya seperti elemen animasi ringkas.

Fungsi & Borang

Fungsi & Borang menggunakan berbilang lapisan teks untuk mencipta kawasan wira yang menakjubkan yang kelihatan mudah tetapi agak kompleks. Terdapat elemen bergaya di mana-mana - bulatan berputar, muka taip serif, blok salinan berat - dan semuanya disatukan dengan cara yang mudah dibaca dan difahami sambil kelihatan hebat.

Near North Studio

Tiada apa-apa dengan sendirinya yang akan membuat anda berhenti pada reka bentuk untuk Near North Studio, tetapi apabila anda menggabungkan semua elemen, reka bentuk berasaskan tipografi adalah mencolok. Penatal animasi dengan tiga tahap kelajuan teks menarik perhatian.

Liferay.Design

Gabungan kesederhanaan dan butiran halus di latar belakang adalah perkara yang membawa reka bentuk berasaskan tipografi ini ke peringkat seterusnya. "Laporan Tahunan" adalah dalam bentuk muka taip dan gaya yang tidak dijangka dan anak panah animasi yang mudah membuatkan anda inginkan lebih banyak lagi.

ReadyMag

Reka bentuk untuk Readymag mungkin paling ringkas pada wajahnya, tetapi latar belakang yang berubah warna membuatkan anda sentiasa melihat reka bentuk. Kemudian anda menyedari perbezaan dan bentuk yang menarik pada muka taip yang turut menyertakan gaya garis besar. Theberat perkataan benar-benar menarik anda untuk mengetahui perkara seterusnya.

Kesimpulan

Sekarang cari fon yang hebat dan teruskan dengan pengepala cemerlang yang menampilkan tipografi. Jangan lupa untuk menambah beberapa tambahan halus - seperti gerakan atau warna - untuk mencipta lebih fokus dan minat visual.

Dan edit, edit dan edit semula. Tiada yang lebih penting daripada salinan yang kukuh apabila satu-satunya elemen visual anda ialah perkataan.