Kailangan Mo ba ng Hero Image? Sapat na siguro ang Typography

Ang go-to concept pagdating sa hero area ng isang disenyo ng website ay isang imahe o video na may text at isang call to action. Ngunit hindi lahat ng disenyo ay may mataas na kalidad na mga visual na elemento upang gumana ang istilong ito ng imahe ng bayani.

Nagtatanong ito: Kailangan mo ba talaga ng isang imahe ng bayani?

Para sa ilang proyekto sa website, ang sagot ay hindi. Maaari kang magdisenyo ng isang stellar hero area para sa isang website na may mahusay na typography at ilang maliliit na detalye. Tingnan natin kung paano ito gagawin at ilang mga halimbawa na gusto lang natin.

I-explore ang Envato Elements

Mga Benepisyo ng Hero Image

Ang mga pangunahing benepisyo ng paggamit ng hero image o video para sa isang website ay ang nakakakuha ng atensyon likas na katangian ng visual na elemento at ang impormasyong inihahatid nito. Maraming masasabi ang isang larawan tungkol sa iyong website o proyekto at tungkol sa kung ano ang nilalaman.

Ang mga larawan ay isang mahalagang bahagi ng pagkukuwento at magiging mahirap na gumawa ng anumang kumpletong disenyo kung wala ang mga ito. Habang iniisip namin ang tungkol sa pagdidisenyo ng hero header na walang larawan dito, mahalagang tandaan na ang mga website na ito ay bihirang ganap na walang mga larawan.

Ang mga tao, sa karamihan, ay likas na nakikita. Nagkakaroon tayo ng pang-unawa sa pamamagitan ng pagtingin sa mga bagay. Kaya naman sikat na sikat ang imagery ng bayani.

Kabilang din sa mga pakinabang ng imahe ng bayani ang:

• Nagpapakita ng produkto o serbisyo
• Biswal na nagkokonekta sa mga bisita ng website sakung ano ang iyong ginagawa o tungkol sa
• Gumagawa ng pakiramdam ng gusto o pangangailangan para sa kung ano ang nasa larawan
• Hinihikayat ang visual na focus sa screen sa iba pang elemento gaya ng text o call to action
• Binibigyan ang mga user ng bagay na makakaugnayan at manatili sa screen nang mas matagal

Mga Benepisyo ng Bayani na Nakabatay sa Typography

Ang pangunahing pakinabang ng isang nakabatay sa typography Ang lugar ng header ng bayani ay ang malinaw na ipinapahayag nito ang isang bagay. Ang mga salita, partikular na may malakas na pagiging madaling mabasa at madaling mabasa, ay ang pangunahing paraan upang maiparating ang impormasyon mula sa screen sa isang bisita sa website.

Maaari kang gumamit ng typography upang sabihin sa mga user kung ano mismo ang gusto mong malaman nila.

Ang iba pang mga benepisyo ng isang lugar ng bayani na nakabatay sa typography ay kinabibilangan ng:

• Malinaw na pagtutok at pag-unawa para sa disenyo
• Posibleng mas maraming puwang para sa mga salita
• Visually disruptive na homepage na nakakakuha ng pansin dahil iba ito
• Gumagana sa anumang laki ng screen nang hindi kailangang mag-isip tungkol sa iba't ibang crop
• Maaaring dumaloy nang maayos kasama ng iba pang mga elemento ng disenyo tulad ng maliliit na animation, tunog, o bold color

5 Dahilan Maaaring Maging Pinakamahusay ang Typography

Ang desisyon na gumamit ng hero area na nakabatay sa typography para sa disenyo ng iyong website ay hindi dapat gawin sa isang kapritso o dahil hindi mo gusto ang isang larawan. Dapat itong magkaroon ng may layunin na layunin tulad ng anumang iba pang elemento ng disenyo na pipiliin mo.

Kaya maliban sa hindi pagkakaroon ng tamang larawan, bakit ka gagamit ng typography-based hero?

• Ang isang kawili-wiling typeface ay higit na naaayon sa iyong produkto o negosyo kaysa sa isang imahe. Nagbibigay ito ng mas pare-parehong kuwento.
• Marami kang gustong sabihin at kung ano ang dapat bigyang-diin sa mga salita. Nagpapadala ito ng mas direktang mensahe.
• Nakaayon ang palalimbagan sa iyong ginagawa. Nagbibigay ito ng kasanayan o diskarte na naaangkop para sa iyong website.
• Maaari mo itong gamitin upang lumikha ng mga layer ng lalim at impormasyon o upang magtatag ng mga spatial na relasyon. Maaari itong maghatid ng pakiramdam na tumutugma sa mga salita.
• Mukhang nahuhulog ang mga larawan o video at nagdudulot ng disconnect sa mga bisita sa website. Nagbibigay ito ng kalinawan at pananaw.

Subukan ang Mga Kawili-wiling Typeface

Pagdating sa mga lugar ng bayani na may malakas na pokus sa typography, mayroong dalawang paaralan ng pag-iisip:

• Panatilihin itong simple.
• Sumubok ng kawili-wili o kahit pang-eksperimentong typeface.

Parehong tama at maaari mo ring subukan ang mga ito nang magkasama.

Kapag gumamit ka ng mataas na visual o kawili-wiling mga typeface, mayroon silang ilang likas na kahulugan na nakapaloob sa mga ito. Maaari nilang gawin ang mga user na mag-isip o makaramdam ng isang tiyak na paraan. Maaari rin silang lumikha ng kalituhan kung ang mga salita ay napakahirap basahin.

Kaya mayroong natatanging gitnang bahagi na halos lahat ng matagumpay na typography-only hero ay nagbabalanse. At mahirap tukuyin hanggang sa makita mo - at basahin - ito. Sana, ang mga halimbawa dito ay nagbibigay sa iyo ng ideya kung ano ang hitsura nito.

5Mga Halimbawang Mahal Namin

MKTLM

Ang kumbinasyon ng isang simpleng san serif at nakabalangkas na script ay nagpapatingin sa mga salita sa screen dito. Pinagsasama-sama ng minimal na background ang lahat gaya ng mga simpleng animated na elemento.

Function & Form

Function & Gumagamit ang Form ng maraming layer ng text para gumawa ng nakamamanghang hero area na mukhang simple ngunit medyo kumplikado. May mga naka-istilong elemento sa lahat ng dako - ang umiikot na bilog, isang serif na typeface, mabibigat na bloke ng kopya - at lahat ng ito ay magkakasama sa paraang madaling basahin at maunawaan habang maganda ang hitsura.

Near North Studio

Walang mag-isa na magpapahinto sa iyo sa disenyo para sa Near North Studio, ngunit kapag pinagsama mo ang lahat ng elemento, ang disenyong nakabatay sa typography ay kapansin-pansin. Ang animated na scroller na may tatlong antas ng bilis ng teksto ay nakakakuha ng pansin.

Liferay.Design

Ang kumbinasyon ng pagiging simple at banayad na mga detalye sa background ang siyang nagdadala sa disenyong nakabatay sa typography na ito sa susunod na antas. Ang "Taunang Ulat" ay nasa isang typeface at istilo na hindi inaasahan at ang simpleng animated na arrow ay nagdudulot sa iyo ng higit pa.

ReadyMag

Ang disenyo para sa Readymag ay maaaring ang pinakasimple sa mukha nito, ngunit ang background na nagbabago ng kulay ay nagpapanatili sa iyo ng pagtingin sa disenyo. Pagkatapos ay napagtanto mo ang mga kagiliw-giliw na mga divot at mga hugis sa typeface na kasama rin ang isang estilo ng balangkas. Angang bigat ng mga salita ay talagang umaakit sa iyo upang malaman kung ano ang susunod.

Konklusyon

Ngayon, maghanap ng kamangha-manghang font at magpatuloy sa isang stellar header na nagtatampok ng typography. Huwag kalimutang magdagdag ng ilang banayad na mga extra - tulad ng paggalaw o kulay - upang lumikha ng higit na focus at visual na interes.

At i-edit, i-edit, at i-edit muli. Walang mas mahalaga kaysa malakas na kopya kapag ang iyong tanging visual na elemento ay mga salita.