Het juiste weergavetype kiezen: 5 tips voor succes
Een van de grootste trends in webdesign is een grote hero-afbeelding of video bovenaan een pagina met een paar woorden om gebruikers naar de site te leiden. Dit soort esthetiek zet de ontwerper onder grote druk om precies het juiste display-lettertype te bedenken om het ontwerp samen te brengen.
Met zoveel lettertypen om uit te kiezen, kan dit een beetje een ontmoedigende taak zijn. Maar je kunt een geweldig lettertype vinden met een beetje planning en geluk. Hier zijn vijf tips om aan de slag te gaan met een paar mooie voorbeelden van displaytypografie.
Ontdek ontwerpbronnen
Wat is weergavetype eigenlijk?
Voordat we ingaan op de tips, praat je graag over schermlettertypen? (Zo ja, ga dan naar tip nr. 1.)
Zo niet, dan is een weergavetype vaak een grote, in het oog springende belettering die wordt gebruikt voor koppen of de grote woorden in een ontwerp. Het weergavetype is niet uniek voor webdesign, het is een term die ook door printontwerpers wordt gebruikt.
Weergavetype heeft twee primaire vormen voor internet.
- De kop van de hoofdwebsite op de startpagina, zoals Walk West (hierboven).
- De hoofdkop of koptekst op elke pagina in het hele websiteontwerp. Hoewel vaak niet zo groot of flitsend als de hoofdkop op de startpagina, zijn deze stukjes weergavetype de elementen die elke afzonderlijke pagina bevatten.
1. Het moet leesbaar zijn
Het weergavetype moet leesbaar zijn om effectief te zijn. Dit zou als een goed idee moeten klinken, maar met zoveel coole nieuwe lettertypen om uit te kiezen, is het niet moeilijk om websites te vinden waarvan de hoofdkop niet gemakkelijk te lezen is.
Er is geen regel over welk type typecategorie, belettering moet komen. Serifs en sans serifs werken even goed. Zelfs sommige nieuwe lettertypes passen perfect bij elkaar.
Het belangrijkste is dat belettering groot genoeg is, voldoende gespreid is en voldoende contrasteert met andere ontwerpelementen om op te vallen op het scherm. Stel je voor hoe de woorden eruit zouden zien als ze zouden schreeuwen "LEES ME". Dat is wat een displaylettertype voor gebruikers zou moeten doen.
2. Belettering moet overeenkomen met de woorden
Dit is misschien wel een van de moeilijkste concepten ter wereld om te begrijpen totdat je het in actie ziet: de letters moeten overeenkomen met de woorden.
Hier is een uitleg. Sommige woorden zien er gewoon slecht uit in bepaalde lettertypen. Het is moeilijk uit te leggen. Misschien bevat het woord meerdere keren s en ziet die lettervorm er niet geweldig uit in de tekenset. Hetzelfde kan met name gebeuren met glyphs of vreemde tekens zoals%, $ of &. Of misschien heb je een lettertype gekozen waar ik, ik en ik op elkaar lijken en al die karakters op het scherm staan. (Je moet iets anders kiezen.)
Belettering moet de oogboltest doorstaan, wat betekent dat het er aantrekkelijk uit moet zien. De woorden moeten een bepaald gevoel of flair hebben of floreren dat wenselijk is. Als u eigenaardigheden in de combinaties van tekens ziet, zullen gebruikers dat ook doen.
3. Geef jezelf flexibiliteit
Bedenk hoe het weergavetype tijdens uw project zal worden gebruikt. Heeft u meerdere gewichten en stijlen nodig om het juiste headline-pakket te maken? Werkt het door u geselecteerde lettertype voor die secundaire beeldschermruimten en de hoofdkop?
U wilt aan al die toepassingen denken en uzelf voldoende flexibiliteit geven met het lettertype dat u ons op meerdere manieren selecteert. Te vaak ziet een displaylettertype er geweldig uit voor een superformaat type met slechts een paar woorden om over na te denken, maar effectief gebruik wordt een stuk lastiger als het gaat om het gebruik ervan in die secundaire ruimtes.
Het zal een stuk eenvoudiger zijn om door het ontwerp te werken en die consistentie te creëren als het geselecteerde lettertype in meerdere situaties werkt. Voor extra flexibiliteit en ontwerpconsistentie, overweeg een hele lettertypefamilie voor weergavetoepassingen. Ga een beetje brutaler met de hoofdkop en gebruik een dunnere optie voor secundaire weergave (probeer het misschien zelfs met een kleur).
4. Wees op uw hoede voor dunne lijnen
De volgende verklaring is controversieel: dunne lijnen zijn moeilijk effectief te gebruiken als het gaat om weergavetype.
Ja, letters met dunne lijnen kunnen er geweldig uitzien. Ja, sommige ontwerpers doen het prachtig. Maar de meesten niet.
Ga terug naar tip nr. 1. Het komt allemaal terug op leesbaarheid.
Stel je voor dat je een lettertype hebt gebruikt met een superdunne lijn voor je hoofdscherm en het ziet er geweldig uit op 27-inch desktopmonitors (misschien zoals degene waarop je ontwerpt). Bekijk het nu op uw tablet of telefoon. Wat denk je nu? Is het nog steeds even leesbaar? (Waarschijnlijk niet.)
Als je meer overtuigingskracht nodig hebt, onthoud dan dat Apple dit probeerde met IOS 7. Gebruikers klaagden dat het lettertype dat voor het besturingssysteem werd gebruikt te dun en moeilijk te lezen was. Ze namen deze klachten ter harte en de daaropvolgende releases bevatten een dikker lettertype.
5. Denk na over de afbeelding
Hoe werken de woorden - en letters - met de afbeelding of video waarmee ze zijn gecombineerd? Het is een belangrijk element. Het mooiste lettertype ter wereld kan ongemakkelijk overkomen als de toon niet overeenkomt met de afbeelding en berichten in de rest van het ontwerp.
Contrast draagt ook bij, vooral bij video waarbij de donkere en lichte delen van het beeld kunnen bewegen. De woorden moeten altijd op de achtergrond herkenbaar zijn.
Meer ontwerpers kiezen voor achtergronden met effen kleuren - dit is een behoorlijk leuke trend met veel heldere, gewaagde website-ontwerpen - zodat tekst centraal staat. Als je van je belettering houdt, is dit misschien een geweldige optie.
De solide achtergrond met vetgedrukte optie voor schermtype zorgt ervoor dat gebruikers zich echt op de woorden concentreren. De kleur wordt gebruikt als teken om de aandacht te vestigen op wat je wilt zeggen. Deze tekstcombinatie werkt met een aantal lettertypemogelijkheden en kan worden aangepast om in bijna elk kleurenschema te passen, van hoge kleuren tot een minimalistisch zwart-wit ontwerp. Het enige dat er echt toe doet, is dat je een absoluut mooi lettertype kiest!
Gevolgtrekking
Het weergavetype is de eerste gedachte die u in de gedachten van een gebruiker plaatst. Die eerste indruk kan bepalen of een gebruiker bij uw site blijft of doorgaat naar iets anders.
Om optimaal gebruik te maken van die belangrijke interactie, moet u ervoor zorgen dat elk woord gemakkelijk te lezen is, de juiste toon zet en gebruikers helpt bij het doorlopen van het ontwerp om u de grootste kans op succes te geven.
