Nogle gange er dit skrifttype nødt til at formidle så meget som mening, og for den funktion vender flere designere til dramatisk typografi. Denne type typografi bruges til mere end blot læsbarhed og læsbarhed (selvom det stadig er det primære formål). Dramatisk typografi skiller sig ud. Det kommer gennem enhedens skærm, kræver seeren opmærksomhed og retter den mod den besked, den leverer. Det er en mulighed for at vise brandidentitet, forbedre tekstindholdet, skabe et perfekt visuelt hierarki og skabe et mindeværdigt indtryk. Det er ikke en overraskelse, at dramatisk typografi hurtigt bliver en trend i webgrænseflader.

Uanset om det er enkelt eller udførligt, læses ordene på dagens websteder i et helt nyt lys. I denne artikel tager vi et kig på 5 eksempler på dramatisk typografi i webdesign.

1. Simpelt, men dramatisk skrifttype

Enkel typografi og dramatisk typografi udelukker ikke hinanden. Faktisk er simpel typografi en af ​​de bedste former for dramatisk typografi. Denne teknik er relativt let at indarbejde på din side - bare vælg et simpelt skrifttype og følg disse tips:

  • Forøg skrifttypestørrelse (store skrifttyper sender en stærk besked, især når den kombineres med heltebilleder)
  • Gør tekstfarve kontrasterende til baggrunden (farven på tekstkopien er normalt hvid eller sort, som kontrasterer godt imod et billede eller en farvet baggrund.)
  • Tilføj en fed stil

Skriftstørrelse er et middel til at styre indflydelse; eksemplet nedenfor viser perfekt, hvordan brevformularer kan være smukke på egen hånd. Ved at anvende ekstremer, isoleret eller i grupper, bliver det muligt at formidle en meddelelse kraftigt uden at være ubehagelig.

skjulested

Enkle skrifttyper kommunikerer tillid og klarhed.

2. Kreativ brug af simple skrifttyper

Det er absolut muligt at tage de mest grundlæggende skrifttyper og skabe en mindeværdig oplevelse. Alt du behøver er at eksperimentere med typografi:

Skal du sende din besked højt og klart? Brug ALLE CAPS til kopiering. Vil du oprette noget virkelig specielt? Brug simpelt skrifttype sammen med animerede effekter eller video.

væv

3. Dekorative Typeface

Designere har blandede følelser om dekorative skrifttyper. Mange designere foragter dekorative ansigter som billige og sjusket, mens andre elsker dem og udnytter kreative og interessante måder. For mig mener jeg, at det bruges korrekt, dekorative typografi kan sætte tonen til webstedet og fremhæver mærket på en dejlig måde; men kun når det passer til personligheden af ​​mærket og atmosfæren på stedet. Når en designer opnår en balance ved at inkorporere kopi med en ordentlig dekorativ type, er hele oplevelsen bedre. Her er et par eksempler:

I Hawk & Hen eksempel nedenfor hjælper den dekorative skrifttype med at skabe en quirky og unik stil til dette køkken / bar.

hawkandhen

EN brugerdefineret skrifttype På Squarespace's Sleeping Tapes sætter man det rette humør for erfaring.

Squarespace

Den legesyge skrifttype på HeadOfffice sætter energetisk atmosfære.

headofffice

Det moderne og originale skrifttype, der bruges på Maaemo Hjemmesiden skaber mystisk atmosfære.

Maemo

Du har sikkert bemærket, at alle ovenstående eksempler har én ting til fælles: det dekorative skrifttype bruges sammen med et simpelt, minimalt layout. Dette er ikke et tilfælde. Faktum er, at dekorative typografi er interessant på egen hånd. Således, hvis du skal bruge dekorativ type på din hjemmeside, så du kan koncentrere brugerens opmærksomhed på et enkelt element, er det bedre at bruge et simpelt layout.

4. bogstaver

Håndtegnet type har længe været en del af webdesign. Til tider er det en ægte bogstaver, der er scannet ind, men i mange tilfælde er det et skrifttype lavet til at se håndtegnet. Script skrifttyper og bogstaver tilføje en elegant flair til ethvert design, når det er gjort rigtigt. Den håndtegnede tekst er unik, da den er i stand til at formidle messaging om organisationen bag den. Se på Korn- & Mortar og Femme fatale eksempler nedenfor. De kunstneriske rødder i disse design bureauer skinner igennem i deres hjemmeside design.

grainandmortar

Håndtrukne elementer er en fantastisk måde at humanisere et mærke på.

femme fatale

Bare sørg for, at hvis læsbarhed er det ultimative mål, er meddelelsen ikke gået tabt i skønheden. For at forhindre potentielle problemer skal du prøve at begrænse brugen af ​​håndtegnede skrifttyper til store titler på tværs af billeder og bruge en anden skrifttype til den almindelige kopi.

5. Overlejrede overelementer

En af de bedste måder at få tekst bemærket på er at superimposere den over andre elementer (såsom billeder eller andre grafiske objekter). Normalt tager de skrifttyper, der vælges til at overlejres, hensyn til andre teksturer, mønstre og illustrationer, der skal være til stede i designet:

Du kan udvide tekst ud over det pågældende afsnit til andre.

agane

At have halvdelen af ​​ordene "bløder" over et billede.

volta

Eller endda bryde reglerne og give fremhævelse til det primære billede og skjul ordene bag det.

tf

De to vigtige overvejelser med denne teknik er kontrast og læsbarhed . Du skal teste dit design for at sikre, at begge krav er opfyldt, og at webstedet har en god brugeroplevelse.