Búðu til Perfect Hero Image Using Contrast
Viltu gera frábæra fyrstu sýn? Það byrjar með haus vefsvæðisins. Myndin sem notandi sér birtist skilur sig vel eða slæmt og ákvarðar hvort notandinn smellir og heldur áfram eða yfirgefur síðuna.
Það er mikil röð fyrir einni mynd.
Lykillinn að því að búa til hetja mynd sem mun draga notendur inn og halda þeim að flytja um hönnun er andstæða. (Alvarlega! Það fer allt aftur til hönnunarkennslu 101.) Höfuð sem inniheldur andstæða þætti í stærð, lit og mælikvarða veitir réttan blanda af sjónrænum áhuga og segir notendum hvernig á að hafa samskipti við hönnunina. Hér eru nokkrar leiðir til að hámarka andstæða á leiðinni til að búa til fullkominn hetja mynd.
Skerið beitt
The hetja myndin þarf ekki að fylla "fyrsta" skjáinn á tækjum. Ekki fá caught í þeim gildru.
Skerið myndina fyrir áhrifum á grundvelli efnisins þar. Hugsaðu um aðra þætti sem eru mikilvæg fyrir notendur þegar þeir lenda á síðunni og gera gistingu fyrir þá eins og heilbrigður. Það fer eftir þessari ramma, það gæti þýtt að hetja myndin er minnkuð til að vera stærri eða minni en vafrann gluggi (við skulum bara íhuga fleiri venjulegar upplausnir vegna rökar).
Áður en þú bendir á hugmyndina skaltu íhuga það um stund.
- Grunn mynd mun hjálpa forsýningu annars efnis.
- Óvenju djúpt mynd mun hvetja notendur til að fletta að fleiri.
- Sérhver óvenjuleg lögun mun vekja athygli.
Íhuga fjör
Þú þarft ekki að búa til kvikmyndatöku í fullri lengd til að bæta við hreyfimyndum í hetja hausinn. Minnstu snertir hreyfingar skapa nóg andstæða til að grípa augað.
Lúmskur hreyfingar, eins og flugvélin, sem fljúgandi yfir myndina fyrir Bar Z víngerðinn, veitir því hlutverk andstæða án þess að vera yfirþyrmandi. Það er einfalt val við nokkrar af fleiri áberandi myndskeiðum sem hafa orðið vinsælar. Skýringin er tvíþætt: Hönnunin er öðruvísi en margir aðrir sem notendur verða fyrir og lúmskur hreyfing er yndisleg og frekar óvænt.
Á hinn bóginn geturðu farið allt með hreyfimyndir eða myndskeið til hetja myndar. Hreyfing getur verið sérstaklega spennandi og er vinsæl valkostur. Notaðu það á sama hátt og þú myndir frekar mynda þegar kemur að því að bæta við áhrifum eins og leturfræði og kallar til aðgerða.
Hugsaðu um feitletrað ritgerð
Typography í hetju myndinni ætti að vona notandann. Það þarf að vera feitletrað, áhrifamikill og eftirminnilegt.
Þú getur búið til þetta með bæði letrivali og orðunum á skjánum. (Engar Arial hausar sem segja "Halló" hér.)
Samsetning bókstafa og skilaboða þarf að hafa bein áhrif og höfða á notandann. Þú hefur heyrt að fólk hafi styttri athygli en gullfiskur; Það er þitt starf að ná þeim með fallegu letri og tungumál.
Þegar það kemur að feitletraðri gerð eru helstu þættir andstæða lit og stærð.
- Tegundin þarf að vera litur sem liggur út úr bakgrunni. Ljós á dökkum eða dökkum ljósum er besti kosturinn þegar kemur að læsileiki.
- Djörf er niðurbrot frá norminu. Íhuga yfir- eða lágstafi leturfræði á hetja hausnum fyrir áhrifum.
- Veldu orð með merkingu. Nema það sé lykillinn að skilaboðunum þínum, þá þarftu ekki málsgrein í hausnum. Taktu þátt í nokkrum lykilorðum sem tæla notendur til að læra meira. (Fjöldi orða mun hafa áhrif á hversu stór eða smá letur getur verið.)
Veldu lit varlega
A hetja mynd gæti ekki verið mynd yfirleitt. Það gæti verið litablokkur eða kaldur áferð.
Veldu lit vandlega og lýsir nákvæmlega merkingu þinni sem þú ætlar. Djörf litur hetja haus getur vekja hrifningu notenda, en rangt lit getur verið slökkt.
Björt, samkvæmt nýjustu tísku valkosti er gott val. The góður hlutur óður í þennan valkost er að þú getur blandað það upp frá einum tíma til annars bara með því að breyta bakgrunnslitnum. Stór litabakgrunnur getur einnig hjálpað til við að styrkja vörumerki sjálfsmynd - sérstaklega ef það hefur sterka litafélags - og lána sig að læsilegu vegna einfaldrar eðlis hönnunarinnar.
Litur er einnig mikilvæg umfjöllun þegar notaður er með annarri mynd eða myndskeiði. Frá lituðu leturfræði til lituðu notendaviðmótaþættir er mikilvægt að ganga úr skugga um að litaval í myndinni passi við afganginn af hönnuninni. Mikið af þessu fer aftur í litatækni og skilning á litahjólinu þannig að mynd og litaviðgerðir vinna saman í hönnuninni.
En hvað ef hetjan ímynd og vörumerki litum möskva ekki? Hugsaðu skapandi um hvernig á að nota hlutina í hetju myndinni saman. Prófaðu lit yfirborð á myndinni; íhuga svart og hvítt fyrir myndina eða textann. Færðu hágæðaþætti inn í stýrihnapp sem er hvítur eða svartur til að halda þeim úr raunverulegu myndinni. Þegar myndin og umboðsmyndirnar leika ekki vel, besti kosturinn er að útiloka eða skilja litinn.
Hugsaðu um ljós og myrkur
Bókhald fyrir dökk og létt rými í mynd gæti verið erfiðasta verkefni þegar þú bætir við þætti til að búa til andstæða í hetju mynd. Sérstaklega með móttækilegum sniði og brotamiðum getur staðsetning texta eða hnappa á mynd breyst og þú getur ekki alltaf fundið frábæra staðsetningu.
Hvað er hönnuður að gera?
- Veldu aðra mynd;
- valið fyrir aðra tegund fjölskyldu, stærð eða lit;
- bæta við litum yfirborðs;
- gera það besta.
Hvert ofangreint er raunhæfur kostur. Besta kosturinn getur verið mismunandi eftir verkefnum.
The Society Inc lausnin í myndavélinni hetja-með miklu afbrigði á milli ljóss og dökkra rýma - var að innihalda lógósálag með hvítum texta í svörtu formi. Það truflar ekki myndirnar og er miklu minna áþreifanleg en þú gætir hugsað frá að heyra hugmyndina. Merkið í miðjunni hjálpar einnig við að koma á vörumerki og sjónrænum eiginleikum.
Hafa sérstakt símtal til aðgerða
Ekki gleyma CTA!
Hvað viltu að notendur geri eftir að þeir horfa á myndina þína í flottum hetjum? Segðu þeim.
Kallið til aðgerða ætti að vera skýrt, hvort sem það er að fylla út eyðublaðið, fletta að fleiri innihaldi eða smella á tengil á aðra síðu. Það ætti að innihalda nóg skilgreiningu og andstæða þannig að það sé auðvelt að sjá á myndinni. (Hvað er málið í CTA ef enginn sér það?)
Litur og stærð eru sérstaklega mikilvæg hér. Litur hnappsins (sameiginlegur CTA cue) ætti að standa út frá restinni af myndinni. Orðin sem segja frá notendum hvað sem á að gera þarf að vera einstaklega læsileg, einföld og skýr.
Niðurstaða
Andstæður eru einn af helstu aðferðum fyrir góða hönnun. Það skapar aðskilnað milli þætti og hjálpar leiðsögn notenda í átt að viðkomandi aðgerð.
Gæta skal sérstakrar varúðar við að búa til nóg andstæða þegar þú ert að hanna mynd af hetju svo að notendur kunni nákvæmlega hvaða aðgerðir eiga að taka á síðunni. Horfðu á tölfræði þína og ef þessi viðskipti eru ekki að gerast skaltu endurskoða magn af andstæðu í hönnuninni. Það gæti verið kominn tími til að auka það enn frekar.