Web Design Debate: Moet ik echt schreefloze lettertypen gebruiken?
Er is al lang een theorie dat serif-lettertypen voor gedrukte projecten zijn en zonder serifs voor website-ontwerp. Maar met meer high-definition schermen en geweldige type-opties beschikbaar, is die regel gewoon niet zozeer een regel meer.
Of u nu de voorkeur geeft aan schreven of schreefloze schriften (of een combinatie van beide), de belangrijkste doelstellingen bij het kiezen van lettertypen voor digitale ontwerpprojecten moeten leesbaarheid en leesbaarheid zijn. Eenvoudig, u moet lettertypen kiezen die scherp en gemakkelijk te lezen zijn op het scherm. Een deel hiervan is gerelateerd aan gebruik, zoals de grootte en plaatsing van tekst, en vervolgens aan de stijl van het lettertype dat u kiest.
De zaak voor Sans Serif
Velen van u zijn waarschijnlijk al ongelukkig met het uitgangspunt hier. U bent er vrij zeker van dat schreefloos het beste is voor het ontwerpen van websites. En dat is misschien een paar jaar geleden waar geweest.
Er zijn nog een paar keer en plaatsen waar sans serifs over het algemeen de voorkeur hebben:
- Voor beeldschermen met een lage resolutie
- Voor nieuwe lezers, zoals kinderen
- Met veel kleur of in patronen met een laag contrast
- Tekst die uitzonderlijk klein of smal is
Voer HD-schermen in
Een van de grootste mythe-busters als het gaat om "je moet schreefloze lettertypen gebruiken voor het ontwerpen van websites" is de opkomst van high-definition schermen. Meer dots per scherm inch komen overeen met rijkere details voor alles, inclusief typografie.
Zie het op deze manier. Boeken over veel e-readers en tablets zijn gezet in serif-lettertypen. En ze zijn heel gemakkelijk te begrijpen. Dit komt omdat de schermresolutie scherp genoeg is om de lijnen en lijnen in het lettertype aan te kunnen.
Al in 2012 merkte Jakob Nielsen van de Nielsen Norman Group, die zich richt op gebruikerservaring, onderzoek en training, op dat betere schermen het landschap van typografische richtlijnen voor website-ontwerp veranderen. Hier is de conclusie van die studie:
“De oude bruikbaarheidsrichtlijn voor online typografie was simpel: blijf bij schreefloze lettertypes. Omdat computerschermen te waardeloos waren om serifs correct weer te geven, resulteerde het proberen van serif-type in hoofdtekstformaten in wazige lettervormen. ...
“Helaas is de nieuwe richtlijn niet zo scherp als de oude. Het leesbaarheidsonderzoek geeft geen uitsluitsel over de vraag of serif-lettertypen echt beter zijn dan schreefloos.
“Bijna alle gangbare gedrukte kranten, tijdschriften en boeken gebruiken serif-type, en daarom zijn mensen meer gewend aan het lezen van lange teksten in deze stijl. Gezien de onderzoeksgegevens is het verschil in leessnelheid tussen schreefloos en schreefloos blijkbaar vrij klein. Er is dus geen sterke bruikbaarheidsrichtlijn voor het gebruik van de een of de ander, dus je kunt de keuze maken op basis van andere overwegingen - zoals branding of de stemming die wordt gecommuniceerd door een bepaalde typografische stijl. ”
Maar we beginnen nu pas dat ontwerpers dit idee omarmen.
Leesbaarheid
Leesbaarheid is het vermogen om gemakkelijk te lezen. Er zijn een aantal factoren die bijdragen aan de leesbaarheid, waaronder hoe interessant (of niet) de inhoud is en hoe deze er in werkelijkheid uitziet als een tekstblok. Dat laatste is waar we echt om geven als het gaat om typografie.
Over het algemeen kun je het zien als het gaat om esthetiek en leesbaarheid. Kunt u in één oogopslag zien wat de website probeert te communiceren? Zo ja, dan is het leesbaar.
Er zijn een aantal leesbaarheidstools die u kunt gebruiken om te bepalen hoe leesbaar uw tekst is. Hoewel er geen exacte wetenschap achter leesbaarheid bestaat, zijn deze tools een goede basis om u op weg te helpen.
- De Readability Test Tool: Voer een URL in en test de leesbaarheid van de tekst.
- Leesbaarheidsscore: voer tekst in en krijg een score op basis van hoe leesbaar de tekst is.
- Leesbaarheid: verandert elke website in een schone leesweergave.
Leesbaarheid
Leesbaarheid verwijst naar de kwaliteit van de belettering en of deze duidelijk en duidelijk genoeg is om te worden gelezen. Goede typografie moet zonder moeite gemakkelijk te lezen zijn. Lettertypeselectie houdt rechtstreeks verband met leesbaarheid. (Denk aan handschrift en hoe het leesbaar wordt genoemd of niet, het is precies hetzelfde met digitale belettering.)
Als het op leesbaarheid aankomt, moet elke letter duidelijk te onderscheiden zijn van andere letters. Bijdragende factoren omvatten alles van de feitelijke vorm van belettering dik versus dun, lang versus kort, spatiëring en het gebruik van schreven of andere versieringen.
Over het algemeen hebben de meest leesbare lettertypen meer ronde, duidelijke karakters; grotere x-hoogtes; voldoende en consistente letterspatiëring; en een eenvoudig karakter.
Tips voor lettertype-selectie
Ben je al verkocht bij het proberen van een schreefloos lettertype voor je volgende website-ontwerpproject? Hier zijn een paar tips voor het selecteren van de beste optie zonder schreef.
- Selecteer verschillende lettervormen: stap terug van de monitor en kijk naar het lettertype dat u hebt geselecteerd. Kun je gemakkelijk individuele letters onderscheiden? Door een lettertype met verschillende lettervormen te kiezen, is het gemakkelijker te lezen op elk schermformaat, vooral kleine of zeer grote schermen.
- Kies voor middelzware gewichten: lettertypen met regelmatige slagbreedtes. Lettertypen die te dik of te dun zijn - herinner je je de controverse met Apple's iOS 7 nog? - kan moeilijk te lezen zijn. Voor lichaamstekst, blijf ergens in het midden met een gemiddeld en universeel slaggewicht. Afwisselend dikke en dunne slagen kunnen ook enkele problemen veroorzaken.
- Zoek naar lettertypen van hoge kwaliteit: als u een oud lettertype voor het web laadt, levert dit mogelijk niet de scherpte op die u nodig hebt voor projecten. Blijf bij een lettertype van een gerenommeerde provider. En bekijk het van dichtbij op het scherm. Kun je het tot 200 of 500 keer de werkelijke grootte opblazen en toch een goede render krijgen? Met tools zoals Adobe Typekit en Google Fonts is er een groot aantal lettertypen beschikbaar voor het web die er geweldig uit zullen zien en een duidelijk gevoel voor uw project zullen creëren. Hoewel u lettertypen niet altijd precies kunt matchen voor gedrukte en digitale projecten, zoekt u naar stijl met dezelfde look en feel om consistentie in uw branding te benadrukken.
- Sierlijke lettertypen moeten spaarzaam worden gebruikt: Sierlijke lettertypen kunnen een geweldige aanvulling zijn op projecten, maar gebruik ze opzettelijk en doelgericht. (Ze missen vaak enige leesbaarheid of leesbaarheid.)
- Zoek naar verschillende type-opties: Kies een lettertype dat niet zo saai is. Kies een lettertype uit een sterke familie met veel gewichten en opties zoals vet, cursief of verkorte opties.
- Creëer de juiste sfeer: Ongeacht de stijl van het lettertype die je kiest, zorg ervoor dat het past bij de sfeer van je project. Er zijn tal van factoren. Lees er meer over in een vorig Design Shack-artikel.
- Mix and match: Gebruik een combinatie van serif en sans serif-lettertypen in hetzelfde ontwerp, met één stijl voor de koptekst en de andere voor het lichaam. Maar experimenteer met het tegenovergestelde van wat je zou verwachten. Gebruik de schreefloze tekst voor grotere tekst, zoals koppen, en gebruik de serif voor hoofdtekst.
Gevolgtrekking
Wat vind je van het gebruik van schreefloze lettertypen op internet? Ben je klaar om het eens te proberen? De voorbeelden in dit artikel laten zien dat geweldige webtypografie niet zonder schreef hoeft te zijn.
Zorg ervoor dat u op de voorbeelden en links klikt om een goed beeld te krijgen van hoe ontwerpers serif-lettertypen op verschillende manieren en met groot succes gebruiken.
