Heb je een hero image nodig? Misschien is typografie genoeg

Het meest gebruikte concept als het gaat om het hero gedeelte van een websiteontwerp is een afbeelding of video met tekst en een oproep tot actie. Maar niet elk ontwerp heeft hoogwaardige visuele elementen om deze stijl van hero image te laten werken.

Het roept de vraag op: heb je eigenlijk wel een heldenafbeelding nodig?

Voor sommige websiteprojecten is het antwoord nee. Je kunt een fantastisch heldengebied voor een website ontwerpen met geweldige typografie en een paar kleine details. Laten we eens kijken hoe je dat doet en een paar voorbeelden die we gewoon geweldig vinden.

Verken Envato Elementen

Voordelen van een Heldenbeeld

De belangrijkste voordelen van het gebruik van een hero image of video voor een website zijn het aandachttrekkende karakter van het visuele element en de informatie die het overbrengt. Een afbeelding kan veel zeggen over je website of project en waar de inhoud over gaat.

Afbeeldingen zijn een essentieel onderdeel van storytelling en het zou moeilijk zijn om een compleet ontwerp te maken zonder afbeeldingen. Terwijl we hier denken aan het ontwerpen van een hero header zonder afbeelding, is het belangrijk om op te merken dat deze websites zelden volledig zonder afbeeldingen zijn.

Mensen zijn van nature visueel ingesteld. We begrijpen dingen door ze te zien. Daarom zijn heldenbeelden zo populair.

Voordelen van een hero image zijn ook:

• Laat een product of dienst zien
• Brengt websitebezoekers visueel in contact met wat je doet of waar je over gaat
• Creëert een gevoel van verlangen of behoefte aan wat er in de afbeelding staat
• Stuurt de visuele focus op het scherm naar andere elementen zoals tekst of oproepen tot actie
• Geeft gebruikers iets om zich mee bezig te houden en langer op het scherm te blijven

Voordelen van een op typografie gebaseerde held

Het belangrijkste voordeel van een op typografie gebaseerd headergebied is dat het iets duidelijk communiceert. Woorden, vooral met een sterke leesbaarheid en leesbaarheid, zijn de primaire manier om informatie van het scherm naar een websitebezoeker te communiceren.

Je kunt typografie gebruiken om gebruikers precies te vertellen wat je wilt dat ze weten.

Andere voordelen van een op typografie gebaseerd heldengebied zijn onder andere:

• Duidelijke focus en begrip voor het ontwerp
• Potentieel meer ruimte voor woorden
• Visueel storende homepage die de aandacht trekt omdat hij anders is
• Werkt op elk schermformaat zonder na te hoeven denken over verschillende gewassen
• Kan goed samengaan met andere ontwerpelementen zoals kleine animaties, geluid of felle kleuren

5 redenen waarom typografie het beste is

De beslissing om een op typografie gebaseerd heldengebied te gebruiken voor het ontwerp van je website moet niet in een opwelling worden genomen of omdat je een foto niet mooi vindt. Het moet een doelgerichte bedoeling hebben, net als elk ander ontwerpelement dat je kiest.

Dus waarom zou je, afgezien van het feit dat je niet de juiste afbeelding hebt, een op typografie gebaseerde held gebruiken?

• Een interessant lettertype past beter bij je product of bedrijf dan een afbeelding en communiceert een consistenter verhaal.
• Je hebt veel te zeggen en wat nadruk op de woorden te leggen. Het communiceert een directere boodschap.
• Typografie is afgestemd op wat je doet. Het communiceert een vaardigheid of techniek die van toepassing is op je website.
• Je kunt het gebruiken om lagen van diepte en informatie te creëren of om ruimtelijke relaties te leggen. Het kan een gevoel overbrengen dat past bij de woorden.
• Afbeeldingen of video's lijken plat te vallen en creëren een breuk met websitebezoekers. Het communiceert duidelijkheid en visie.

Probeer interessante lettertypes

Als het gaat om heldhaftige gebieden met een sterke focus op typografie, zijn er twee stromingen:

• Houd het eenvoudig.
• Probeer een interessant of zelfs experimenteel lettertype.

Beide zijn correct en je kunt ze zelfs samen proberen.

Wanneer je zeer visuele of interessante lettertypes gebruikt, hebben ze een aangeboren betekenis. Ze kunnen gebruikers op een bepaalde manier laten denken of voelen. Ze kunnen ook verwarring scheppen als de woorden te moeilijk te lezen zijn.

Er is dus een duidelijke middenweg die bijna elke succesvolle typografie-held in evenwicht houdt. En die is moeilijk te definiëren totdat je hem ziet - en leest. Hopelijk geven de voorbeelden hier je een idee van hoe dat eruitziet.

5 voorbeelden waar we van houden

MKTLM

Een combinatie van een eenvoudige schreefloze letter en een omlijnd schrift zorgen ervoor dat je hier naar de woorden op het scherm kijkt. De minimale achtergrond trekt alles samen, net als eenvoudige geanimeerde elementen.

Functie en vorm

Function & Form maakt gebruik van meerdere tekstlagen om een verbluffend heldengebied te creëren dat er eenvoudig uitziet maar behoorlijk complex is. Er zijn overal trendy elementen - de roterende cirkel, een schreeflettertype, zware tekstblokken - en het komt allemaal samen op een manier die gemakkelijk te lezen en te begrijpen is en er tegelijkertijd geweldig uitziet.

Dichtbij Noord Studio

Niets op zich zou je doen stilstaan bij het ontwerp voor Near North Studio, maar wanneer je alle elementen samenvoegt, valt het op typografie gebaseerde ontwerp op. De geanimeerde scroller met drie niveaus van tekstsnelheid trekt de aandacht.

Liferay.Ontwerp

De combinatie van eenvoud en subtiele details op de achtergrond tilt dit op typografie gebaseerde ontwerp naar een hoger niveau. "Annual Report" heeft een onverwacht lettertype en stijl en de eenvoudige geanimeerde pijl zorgt ervoor dat je meer wilt.

ReadyMag

Het ontwerp voor Readymag is op het eerste gezicht misschien wel het eenvoudigst, maar de van kleur veranderende achtergrond zorgt ervoor dat je naar het ontwerp blijft kijken. Het is dan dat je je de interessante verdelingen en vormen van het lettertype realiseert, dat ook een outline stijl bevat. Het gewicht van de woorden trekt je echt naar binnen om uit te zoeken wat het volgende is.

Conclusie

Ga nu op zoek naar een fantastisch lettertype en ga aan de slag met een prachtige header met typografie. Vergeet niet om wat subtiele extra's toe te voegen - zoals beweging of kleur - om meer focus en visuele interesse te creëren.

En redigeer, redigeer en redigeer nog eens. Niets is belangrijker dan een sterke tekst als je enige visuele element woorden zijn.