Szüksége van hősképre? Talán a tipográfia is elég?

A honlapok hős területének kialakításakor a legelterjedtebb koncepció egy kép vagy videó, szöveggel és cselekvésre való felhívással. De nem minden design rendelkezik jó minőségű vizuális elemekkel ahhoz, hogy a hős kép ilyen stílusa működjön.

Felmerül a kérdés: Szükség van egyáltalán hősképre?

Néhány weboldal-projekt esetében a válasz nem. Nagyszerű tipográfiával és néhány apró részlettel is megtervezhetsz egy csillagszerű hős területet egy weboldalra. Nézzük meg, hogyan kell ezt csinálni, és néhány példát, amelyeket egyszerűen imádunk.

Envato Elements felfedezése

A hőskép előnyei

A hős kép vagy videó használatának elsődleges előnye a vizuális elem figyelemfelkeltő jellege és az általa közvetített információ. Egy kép sokat elmondhat a weboldaláról vagy projektjéről, és arról, hogy miről szól a tartalom.

A képek a történetmesélés elengedhetetlen részét képezik, és nehéz lenne nélkülük bármilyen teljes designt létrehozni. Miközben itt egy kép nélküli hős fejléc megtervezésére gondolunk, fontos megjegyezni, hogy ezek a weboldalak ritkán vannak teljesen képek nélkül.

Az emberek többnyire veleszületetten vizuálisak. A dolgokat látva értjük meg őket. Ezért olyan népszerűek a hősképek.

A hőskép előnyei közé tartozik még:

• Termék vagy szolgáltatás bemutatása
• Vizuálisan összekapcsolja a weboldal látogatóit azzal, amit Ön csinál vagy amiről Ön szól
• A képen látható dolog iránti igény vagy szükséglet érzetét kelti.
• A képernyő vizuális fókuszát más elemekre, például szövegre vagy cselekvésre való felhívásra irányítja.
• A felhasználóknak ad valamit, amivel foglalkozniuk kell, és tovább maradnak a képernyőn.

A tipográfia-alapú hős előnyei

A tipográfián alapuló hero header terület elsődleges előnye, hogy egyértelműen kommunikál valamit. A szavak, különösen az erős olvashatóság és olvashatóság az elsődleges módja annak, hogy a képernyőről információt közvetítsünk a weboldal látogatója felé.

A tipográfiát használhatja arra, hogy pontosan elmondja a felhasználóknak, amit tudni akar.

A tipográfia alapú hős terület további előnyei közé tartozik:

• A tervezés világos fókusza és megértése
• Potenciálisan több hely a szavaknak
• Vizuálisan zavaró honlap, amely felhívja magára a figyelmet, mert más, mint a többi.
• Bármilyen képernyőméreten működik anélkül, hogy különböző terményekre kellene gondolnia
• Jól illeszkedik más tervezési elemekhez, például kis animációkhoz, hanghoz vagy merész színekhez.

5 ok, amiért a tipográfia lehet a legjobb

A tipográfián alapuló hős terület használatáról nem szabad szeszélyből dönteni, vagy azért, mert nem tetszik egy fotó, hanem céltudatosnak kell lennie, akárcsak bármely más designelemnek, amelyet választ.

Tehát azon kívül, hogy nincs meg a megfelelő kép, miért használnál tipográfián alapuló hősöket?

• Egy érdekes betűtípus jobban illik a termékéhez vagy vállalkozásához, mint egy kép. Következetesebb történetet közvetít.
• Sok mondanivalód van, és mit hangsúlyozd ki a szavakat. Közvetlenebb üzenetet közvetít.
• A tipográfia igazodik ahhoz, amit csinálsz. Olyan készséget vagy technikát közvetít, amely alkalmazható a weboldaladon.
• Használhatja a mélység és az információ rétegeinek megteremtésére vagy térbeli kapcsolatok létrehozására. A szavakhoz illeszkedő érzést közvetíthet.
• A képek vagy videók úgy tűnik, hogy elmaradnak, és megszakítják a kapcsolatot a weboldal látogatóival. Világosságot és jövőképet közvetít.

Próbáljon ki érdekes betűtípusokat

Az erősen tipográfiai fókuszú hős területek esetében kétféle gondolkodásmód létezik:

• Legyen egyszerű.
• Próbáljon ki egy érdekes vagy akár kísérleti betűtípust.

Mindkettő helyes, és akár együtt is kipróbálhatja őket.

Ha nagyon vizuális vagy érdekes betűtípusokat használ, azokba valamilyen eredendő jelentés van beépítve. A felhasználókat gondolkodásra vagy érzésekre késztethetik. Zavart is okozhatnak, ha a szavak túl nehezen olvashatók.

Van tehát egy határozott középút, amelyet szinte minden sikeres, kizárólag tipográfiával készült hős egyensúlyoz. És ezt nehéz meghatározni, amíg nem látod - és nem olvasod -. Remélhetőleg az itt található példák adnak egy ötletet, hogy ez hogyan néz ki.

5 példa, amit szeretünk

MKTLM

Az egyszerű san serif és a körvonalazott írás kombinációja itt arra késztet, hogy a képernyőn megjelenő szavakat nézze. A minimális háttér összefogja az egészet, ahogyan az egyszerű animált elemek is.

Funkció és forma

A Function & Form több rétegű szöveget használ, hogy egy lenyűgöző, egyszerűnek tűnő, de meglehetősen összetett hős területet hozzon létre. Mindenhol trendi elemek vannak - a forgó kör, a szerif betűtípus, a súlyos szövegblokkok -, és mindez úgy áll össze, hogy könnyen olvasható és érthető legyen, miközben jól néz ki.

Közel North Studio

Önmagában nincs semmi, ami miatt megállna az ember a Near North Studio dizájnján, de ha az összes elemet összerakjuk, a tipográfiára épülő design feltűnő. A háromszintű szövegsebességgel rendelkező animált görgető figyelemfelkeltő.

Liferay.Design

Az egyszerűség és a háttérben lévő finom részletek kombinációja az, ami ezt a tipográfián alapuló designt a következő szintre emeli. "Annual Report" váratlan betűtípus és stílus, az egyszerű animált nyíl pedig arra késztet, hogy többet akarj.

ReadyMag

A Readymag dizájnja talán a legegyszerűbb a maga nemében, de a színváltós háttér miatt a designt nézegeted. Ekkor veszed észre az érdekes osztásokat és formákat a betűtípusban, amely egy vázlatos stílust is tartalmaz. A szavak súlya valóban magával ragad, hogy kitaláld, mi következik.

Következtetés

Most pedig keressen egy mesés betűtípust, és készítsen egy tipográfiával ellátott, csillagos fejlécet. Ne felejtsen el néhány finom extrát - például mozgást vagy színt - hozzáadni, hogy még nagyobb fókuszt és vizuális érdeklődést teremtsen.

És szerkessze, szerkessze, és szerkessze újra. Semmi sem fontosabb, mint az erős szöveg, ha az egyetlen vizuális elemed a szavak.