Soms moet je lettertype gevoel evenzeer als betekenis weergeven, en voor die functie wenden meer ontwerpers zich tot dramatische typografie. Dit type typografie wordt gebruikt voor meer dan alleen leesbaarheid en leesbaarheid (hoewel dat nog steeds het primaire doel is). Dramatische typografie valt op. Het reikt via het scherm van het apparaat, vraagt ​​de aandacht van de kijker en richt het op de boodschap die het aflevert. Het is een kans om de merkidentiteit te tonen, de tekstinhoud te verbeteren, een perfecte visuele hiërarchie te creëren en een gedenkwaardige indruk te maken. Het is geen verrassing dat dramatische typografie snel een trend in webinterfaces wordt.

Of het nu eenvoudig of uitgebreid is, de woorden op de sites van vandaag worden in een heel nieuw licht gelezen. In dit artikel bekijken we 5 voorbeelden van dramatische typografie in webdesign.

1. Eenvoudig, maar dramatisch letterbeeld

Eenvoudige typografie en dramatische typografie sluiten elkaar niet uit. In feite is eenvoudige typografie een van de beste vormen van dramatische typografie. Deze techniek is relatief eenvoudig op te nemen op je pagina - selecteer gewoon een eenvoudig lettertype en volg deze tips:

  • Vergroot lettertype-afmeting (grote letterbeelden verzenden een krachtig bericht, vooral in combinatie met hero-afbeeldingen)
  • Maak de tekstkleur contrasterend met de achtergrond (de kleur van de tekstkopie is meestal wit of zwart, wat goed contrasteert met een afbeelding of felgekleurde achtergrond.)
  • Voeg een vetgedrukte stijl toe

Tekengrootte is een manier om invloed te beheersen; het onderstaande voorbeeld laat perfect zien hoe lettervormen alleen prachtig kunnen zijn. Door extremen te gebruiken, in afzondering of in groepen, wordt het mogelijk om een ​​boodschap krachtig over te brengen zonder onaangenaam te zijn.

schuilplaats

Eenvoudige lettertypen communiceren vertrouwen en duidelijkheid.

2. Creatief gebruik van eenvoudige lettertypen

Het is absoluut mogelijk om de meest elementaire lettertypen te nemen en een gedenkwaardige ervaring te creëren. Alles wat je nodig hebt is om te experimenteren met typografie:

Moet u uw bericht luid en duidelijk verzenden? Gebruik ALL CAPS voor kopiëren. Wil je iets heel speciaals maken? Gebruik een eenvoudig lettertype samen met geanimeerde effecten of video.

weefgetouw

3. Decoratief letterbeeld

Ontwerpers hebben gemengde gevoelens over decoratieve lettertypen. Veel ontwerpers verachten decoratieve gezichten als goedkoop en slordig, terwijl anderen deze graag zien en op creatieve en interessante manieren gebruiken. Wat mij betreft, ik geloof dat een goed gebruikte decoratieve typografie de toon kan zetten voor de site en het merk op een mooie manier benadrukt; maar alleen als het overeenkomt met de persoonlijkheid van het merk en de sfeer op de site. Wanneer een ontwerper een balans bereikt door een exemplaar met een passend decoratief type op te nemen, is de hele ervaring beter. Hier zijn een paar voorbeelden:

In de Hawk & Hen Onderstaand voorbeeld helpt het decoratieve lettertype om een ​​eigenzinnige en unieke stijl voor deze keuken / bar te creëren.

hawkandhen

EEN aangepast lettertype op Squarespace's Sleeping Tapes zet de juiste stemming voor ervaring.

Squarespace

Het speelse lettertype aan HeadOfffice zet energieke sfeer.

headofffice

Het moderne en originele lettertype gebruikt op de Maaemo startpagina creëert een mysterieuze sfeer.

maemo

U hebt waarschijnlijk gemerkt dat alle bovenstaande voorbeelden één ding gemeen hebben: het decoratieve lettertype wordt gebruikt in combinatie met een eenvoudige, minimale lay-out. Dit is geen toeval. Het is een feit dat decoratieve typografie op zich interessant is. Dus, als je het decoratieve type op je homepage gaat gebruiken, om de aandacht van de gebruiker op een enkel element te concentreren, is het beter om een ​​eenvoudige lay-out te gebruiken.

4. Belettering

Handgetekende letters vormen al lang een onderdeel van webdesign. Soms is het een echt lettertype dat wordt ingescand, maar in veel gevallen is het een lettertype dat handgetekend eruitziet. Scriptlettertypen en belettering voegen een elegante flair toe aan elk ontwerp als het goed wordt gedaan. De handgetekende tekst is uniek omdat deze berichten over de achterliggende organisatie kan overbrengen. Kijk eens naar Grain & Mortar en Femme fatale onderstaande voorbeelden. De artistieke wortels van deze ontwerpbureaus schijnen door in hun ontwerp van de homepage.

grainandmortar

Handgetekende elementen zijn een geweldige manier om een ​​merk te humaniseren.

Femme fatale

Zorg er wel voor dat, als leesbaarheid het ultieme doel is, de boodschap niet verloren gaat in de schoonheid. Om mogelijke problemen te voorkomen, probeert u het gebruik van handgetekende lettertypen te beperken tot grote titels die over afbeeldingen heen worden gelegd en een ander lettertype voor de gewone kopie te gebruiken.

5. Over elkaar geplaatste elementen

Een van de beste manieren om tekst op te laten vallen, is door deze over andere elementen (zoals afbeeldingen of andere grafische objecten) heen te leggen. Meestal houden de gekozen lettertypen rekening met andere texturen, patronen en illustraties die in het ontwerp aanwezig zullen zijn:

U kunt tekst buiten het gedeelte uitbreiden in andere.

agane

De helft van de woorden "bloeden" over een afbeelding.

volta

Of zelfs de regels overtreden en bekendheid geven aan het primaire beeld en de woorden erachter verbergen.

tf

De twee belangrijke overwegingen bij deze techniek zijn contrast en leesbaarheid . U moet uw ontwerp testen om ervoor te zorgen dat aan beide vereisten wordt voldaan en dat de site goede gebruikerservaring biedt.