Ang seksyon ng Hero ay isang napakahalagang bahagi ng kung paano pinagsama-sama ang isang website. Ang mga gumagamit ay maaaring masyadong maantig ng mga imahe ng Hero sa isang website. Ito ang unang nakikita ng mga tao kapag napunta sila sa isang website. Ito ang lugar para magsimula kung gusto mong tumingin-tingin sa paligid o mabilis na mag-scan ng website.
Ngunit ano ang ginagawang posible para sa isang imahe ng Hero na gumawa o masira ang isang website?
Kung ikaw ay isang dalubhasa o hindi masyadong bihasang taga-disenyo ng website, inaasahan mong magkaroon ng magandang disenyo ng homepage template sa pagtatapos ng araw na lumalabag sa mga panuntunan ngunit hindi lumalabag sa mga inaasahan ng kliyente.
Ang industriya ng disenyo ng web ay lumalaki, at ang mga inaasahan ng mga gumagamit sa mga website ay lumalaki din. Dahil isang masama web design ang user interface (UI) ay nawawala sa karamihan ng iba pang mga website at platform. Ngunit kung gagamit ka ng mga tamang tool sa disenyo ng web at tiyaking gumagana ang mga ito nang maayos sa karanasan ng user, magiging madali para sa iyo na mamukod-tangi sa karamihan.
Ngayon na ang oras upang makakuha ng ilang ideya para sa mga layout ng disenyo ng web.
Panghuli ngunit hindi bababa sa, inaasahan namin na ang mga ideya sa layout ng disenyo ng web sa itaas ay nagbigay sa iyo ng maraming ideya at plano kung paano mo gagamitin ang mga ito sa iyong susunod na disenyo ng site.
Talaan ng nilalaman
Top 10 website hero images para sa inspirasyon
1. Mga Poco People
Iba ang Hero na ito dahil halos wala itong overlay na text. Ang isang compact na menu at ang emblem ng kumpanya ay nakatayo para sa anumang aktwal na teksto. Maaari kang tumulong sa pagpapalaganap ng balita tungkol sa Mga Tao ng Poco sa pamamagitan ng pag-click sa isa sa mga button sa pagbabahagi ng social media na matatagpuan sa ibaba ng Hero.
Ang Bayani ay may epekto sa pagiging simple nito, at ang epekto nito sa mga mambabasa ay mananatiling matagal pagkatapos nilang matapos ang aklat. Nagpapakita ito ng hindi kinaugalian na unang impression sa mga user at nagmumungkahi ng hindi malilimutang pagkakakilanlan ng brand. Ang scheme ng kulay ay pare-pareho sa pagba-brand at logo ng kumpanya, at ito ay mahusay na gumagana upang i-set off ang imahe at ang maliit na halaga ng teksto na nakapatong dito.
2. Tom Cole Arkitekto
Ang website ni Tom Cole Architect ay may isa pang nakamamanghang imahe ng Hero. Dinisenyo ito bilang isang window sa isang partikular na landscape, na dinadala ang arkitektura at disenyo sa harapan. Ang scheme ng kulay ay idinisenyo upang magbigay ng kaibahan sa teksto. Ang teksto ang nakakakuha ng atensyon ng mga user sa mensahe ng website at pagkatapos ay pababa sa iba pang mga seksyon sa mga pahina ng website.
Ang imahe ni Tom Cole bilang Architect Hero ay kahanga-hanga at mapang-akit. Ang logo ay nangingibabaw sa HERO, na nakakakuha ng pansin sa tatak at sa iconic na representasyon nito.
3. Super gradient
Ginagawa ang mga gradient sa pamamagitan ng dahan-dahang paghahalo o pagbabago sa pagitan ng mga kulay upang magmukhang malayo o malapit ang pinanggagalingan ng liwanag. Ang mga super gradient, na gumagalaw sa pagitan ng dalawa o higit pang mga kulay, ay kadalasang ginagamit sa disenyo ng malalaking header (tulad ng sa aming halimbawa sa itaas).
Hinahayaan ng mga gradient ang mga web designer na gumamit ng mas maraming kulay sa pamamagitan ng paggawa ng mas maraming shade ng bawat kulay. Sinasabi ng UX Planet na nakakatulong sila na gumawa ng malakas na pahayag, magtakda ng mood, at mag-tap sa mga emosyon ng user. Ginagawa rin nilang mas memorable ang mga bagay sa screen na ginagamit nila. Tamang-tama para sa mga website na may mga larawan ng mga bayani.
4. Prince Hotels
Ang Hero na ito ay isang carousel ng mga larawan na lahat ay may kinalaman sa Prince Hotels and Resorts. Ang mga scheme ng kulay ay nagpapakita kaagad na ang tatak ay isang high-end. Ginagawa nilang mabuti at kumportable ang mga tao at ipinapakita nila kung gaano kalakas ang tatak. Ang ilang mga slide ay may isang tiyak na liwanag, na mas maganda dahil nahuhulog ito sa isang high-end na bahagi ng hotel sa larawan.
Ang teksto ay minarkahan ng puti, na namumukod-tangi laban sa madilim na makintab na kayumangging background ng larawan. Kapag tiningnan mo ang Hero picture na ito, hindi mo maiwasang makaramdam ng ginhawa, karangyaan, at kagalingan na mahirap labanan.
Konklusyon
Kapag ang isang user ay unang bumisita sa iyong website, ang pagtutok sa kanilang pansin sa isang hero header na isinama mo sa iyong site ay isang mahusay na paraan upang makuha ang kanilang atensyon at panatilihin ito. Ang mga web banner na parehong malaki at napakalaki ay nabubuhay sa screen at maaaring makatulong sa iyong mga user na maunawaan ang nilalaman na iyong ibinibigay.
Mahalagang magkaroon ng matibay na pag-unawa sa mga pinakamahusay na kasanayan sa disenyo ng bayani kung gusto mong gamitin ang kasalukuyang trend sa disenyo ng website. Malaki ang aming pag-asa na ang mga larawang ito ay nagbigay sa iyo ng ilang pananaw sa mga katangian ng isang mahusay na disenyo ng imahe ng bayani.
