Behöver du en hjältebild? Kanske räcker det med typografi

Det vanligaste konceptet när det gäller hjältebilden på en webbplats är en bild eller video med text och en uppmaning till handling. Men inte alla designer har högkvalitativa visuella element som gör att denna typ av hjältebild fungerar.

Det väcker frågan: Behöver du verkligen en hjältebild?

För vissa webbplatsprojekt är svaret nej. Du kan designa ett fantastiskt hjälteområde för en webbplats med bra typografi och några små detaljer. Låt oss ta en titt på hur man gör det och några exempel som vi helt enkelt älskar.

Utforska Envato Elements

Fördelar med en hjältebild

De främsta fördelarna med att använda en hjältebild eller -video på en webbplats är att det visuella elementet fångar uppmärksamheten och att det förmedlar information. En bild kan säga mycket om din webbplats eller ditt projekt och vad innehållet handlar om.

Bilder är en viktig del av storytelling och det skulle vara svårt att skapa en komplett design utan dem. Medan vi funderar på att designa en hjälteheader utan en bild här, är det viktigt att notera att dessa webbplatser sällan är helt utan bilder.

Människor är till största delen medfött visuella. Vi får förståelse genom att se saker. Det är därför hjältebilder är så populära.

Fördelarna med en hjältebild inkluderar också:

• Visar en produkt eller tjänst
• Visuellt kopplar webbplatsbesökare till vad du gör eller handlar om
• Skapar en känsla av önskan eller behov av det som visas i bilden
• Flyttar visuellt fokus från skärmen till andra element, t.ex. text eller uppmaningar till handling
• Ger användarna något att engagera sig i och stanna kvar på skärmen längre

Fördelar med en typografibaserad hjälte

Den främsta fördelen med ett typografibaserat hjälteheaderområde är att det kommunicerar något tydligt. Ord, särskilt med stark läsbarhet och läsbarhet, är det primära sättet att kommunicera information från skärmen till en webbplatsbesökare.

Du kan använda typografi för att berätta exakt vad du vill att användarna ska veta.

Andra fördelar med ett typografibaserat hjälteområde är

• Tydligt fokus och förståelse för designen
• Potentiellt mer utrymme för ord
• Visuellt störande hemsida som kommer att väcka uppmärksamhet eftersom den är annorlunda
• Fungerar på alla skärmstorlekar utan att behöva tänka på olika grödor
• Kan flyta bra med andra designelement, t.ex. små animationer, ljud eller djärva färger

5 anledningar till att typografi kan vara bäst

Beslutet att använda ett typografibaserat hjälteområde för din webbplatsdesign bör inte fattas på ett infall eller för att du inte gillar ett foto. Det bör ha en målmedveten avsikt precis som alla andra designelement du väljer.

Så förutom att du inte har rätt bild, varför skulle du använda en typografibaserad hjälte?

• Ett intressant typsnitt är mer i linje med din produkt eller ditt företag än en bild. Det kommunicerar en mer konsekvent berättelse.
• Du har mycket att säga och det är bra att lägga tonvikten på orden. Det ger ett mer direkt budskap.
• Typografi är i linje med vad du gör. Det kommunicerar en färdighet eller teknik som är tillämplig för din webbplats.
• Du kan använda den för att skapa lager av djup och information eller för att skapa rumsliga relationer. Den kan förmedla en känsla som matchar orden.
• Bilder eller videor verkar falla platt och skapar ett avstånd till webbplatsens besökare. Det kommunicerar tydlighet och vision.

Prova intressanta typsnitt

När det gäller hjälteområden med ett starkt fokus på typografi finns det två skolor:

• Håll det enkelt.
• Prova ett intressant eller till och med experimentellt typsnitt.

Båda är korrekta och du kan till och med prova dem tillsammans.

När du använder mycket visuella eller intressanta typsnitt har de en inbyggd betydelse. De kan få användarna att tänka eller känna på ett visst sätt. De kan också skapa förvirring om orden är för svåra att läsa.

Så det finns en tydlig medelväg som nästan alla framgångsrika typografihjältar balanserar. Och den är svår att definiera förrän du ser - och läser - den. Förhoppningsvis ger exemplen här dig en uppfattning om hur det ser ut.

5 exempel som vi älskar

MKTLM

En kombination av en enkel san serif och en skissad skrift får dig att titta på orden på skärmen här. Den minimala bakgrunden drar ihop det hela, liksom enkla animerade element.

Funktion & Form

Function & Form använder flera textlager för att skapa ett fantastiskt hjälteområde som ser enkelt ut men är ganska komplext. Det finns trendiga element överallt - den roterande cirkeln, ett serif-typsnitt, tunga textblock - och allt kommer samman på ett sätt som är lätt att läsa och förstå samtidigt som det ser bra ut.

Studio Nära Norr

Det finns inget i sig som skulle få dig att stanna upp vid designen för Near North Studio, men när du sätter ihop alla element är den typografibaserade designen slående. Den animerade scrollern med tre nivåer av texthastighet är uppseendeväckande.

Liferay.Design

Kombinationen av enkelhet och subtila detaljer i bakgrunden är det som tar denna typografibaserade design till nästa nivå. "Annual Report" är i ett typsnitt och en stil som är oväntad och den enkla animerade pilen gör att du vill ha mer.

ReadyMag

Designen för Readymag är kanske den enklaste på ytan, men den färgskiftande bakgrunden får dig att titta på designen. Det är då du inser de intressanta divots och formerna i typsnittet som också innehåller en outline-stil. Tyngden på orden drar dig verkligen in för att ta reda på vad som kommer härnäst.

Slutsats

Hitta nu ett fantastiskt typsnitt och sätt igång med en fantastisk header som innehåller typografi. Glöm inte att lägga till några subtila extrafunktioner - som rörelse eller färg - för att skapa mer fokus och visuellt intresse.

Och redigera, redigera och redigera igen. Ingenting är viktigare än en stark text när ditt enda visuella element är ord.