Hoe u uw tekst schoon kunt houden
Niets is belangrijker dan de leesbaarheid als het gaat om de tekst op uw website.
Helemaal niets.
Als je de woorden niet kunt lezen, wat ben je dan aan het doen? Wie krijgt uw bericht?
Net zo belangrijk als de woorden zelf is het ontwerp van de tekst - van lettertypen tot afbrekingen, tot hoe alles op het scherm is georganiseerd. Een deel van het ontwerp bevat de woorden zelf, hoe u de 'grote woorden' op uw site samenstelt, kan ook een verschil maken.
Lettertype selectie
Er zijn zoveel lettertypen om uit te kiezen. Het kan behoorlijk overweldigend zijn.
Laat het niet zijn. Het beste wat je kunt doen als het gaat om leesbaarheid is om het simpel te houden.
Selecteer een of twee lettertypen voor uw site. Een goede plek om te beginnen is met één lettertype voor de hoofdtekst en een andere voor de grote woorden, zoals koppen, banners en breakout-tekst. Het gebruik van een ander lettertype voor elk element is afleidend, verwarrend en moeilijk te lezen.
Begin met een schreefloos lettertype voor de hoofdtekstkopie. Sans-serifs zijn de gemakkelijkste voor het oog als het gaat om het lezen van het scherm en hebben de neiging om goed te werken, zelfs bij kleinere maten. Serif-lettertypen kunnen samen beginnen te "rennen" of hun serifs verliezen, afhankelijk van lettergrootte, schermresolutie en zelfs kleurcontrast tussen de tekst en de achtergrond.
Houd er rekening mee dat uw lichaamsexemplaar het meest gelezen is op de site en gemakkelijk verteerbaar moet zijn op schermen van computers, tablets of mobiele apparaten. Het is OK om verschillende stijlen van dit lettertype in de kopie te gebruiken, maar doe niet gek. Bolding en cursivering zijn prima voor de nadruk, maar grote blokken van deze stijlen kunnen moeilijk te lezen zijn.
Als u hulp nodig hebt bij het selecteren van een lettertype, probeert u lettertypen te paren met online hulpmiddelen zoals Google Web Fonts of Typecast.
Afbreking
Afbreken is slecht. Het is lelijk. Het is niet effectief en verwarrend. (En deze problemen overdrijven op verschillende platforms.)
Blijf er vanaf.
Als u een opfriscursus nodig hebt, vindt het woordafbreking plaats wanneer een woord aan het einde van een regel wordt gesplitst, waardoor een gedeelte van een woord aan het einde van de regel verschijnt en de rest van het woord aan het begin van de volgende regel. Het gebruik van woordafbreking is min of meer uit de mode geraakt als het aankomt op webdesign, maar je komt het nog steeds van tijd tot tijd tegen. (Het wordt regelmatig gebruikt in gedrukte publicaties, zoals kranten.)
De gedachte achter het gebruik van afbreekstreepjes was om tekst correct (en gelijkmatig) over de regels te laten schuiven. Wanneer u werkt met verantwoorde tekst, kunt u vreemde spatiëringsproblemen tegenkomen wanneer woordafbreking wordt verwijderd.
Maar koppeltekens die woorden verbreken, kunnen tekst moeilijk leesbaar maken. Een koppelteken lezen, kan ertoe leiden dat een persoon struikelt of een woord verkeerd interpreteert. Het gebruik van koppeltekens kan ook onbedoeld de nadruk van bepaalde woorden of hun impact in de rest van de kopie veranderen. Onbewust vertelt een streepje aan een lezer dat het woord iets minder belangrijk is dan andere woorden die volledig worden weergegeven.
Reserveer koppeltekens alleen voor de woorden die ze nodig hebben, zoals met modifiers, en niet om regels te verbreken. Tekst ziet er schoner en professioneler uit en heeft de leesbaarheid vergroot zonder al die vervelende streepjes aan het einde van de regels.
Rechtvaardiging
Zoals woordafbreking, is de volledige rechtvaardiging uit de mode voor webontwerp gevallen, hoewel deze nog steeds vaak in druk wordt gebruikt.
Type met volledige aanpassing vult elke regel volledig van een linkermarge tot de rechtermarge, zodat elke regel dezelfde breedte heeft. Als u een volledige uitvulling gebruikt, worden spaties tussen woorden gemaakt (en gesloten), zodat de spatiëring niet gelijkmatig wordt verdeeld. Het gebruik van dit type tekstuitlijning kan voor sommige websites werken, maar is niet altijd de meest visueel aantrekkelijke optie. Bekijk hoe je tekst breekt en probeer het een paar keer te lezen om te bepalen of volledige uitvulling een haalbare optie is.
Er zijn ook andere soorten "uitvulling" of tekstuitlijning. U kunt tekst zo instellen dat deze in de linkermarge, in de rechtermarge of in het midden staat.
Voor Engelstalige websites is linksvervaardiging de meest voorkomende praktijk. Tekst wordt uitgelijnd met de linkermarge en heeft een rafelige rechterrand. Het gevoel is vriendelijk en gemakkelijk te lezen. Omdat deze techniek zo vaak voorkomt, zullen veel lezers niet eens merken hoe de tekst is opgesteld. Dit is de beste optie voor het werken met grote blokken tekst.
Juiste uitlijning is een andere optie, maar werkt niet zo goed voor stukjes tekst. Met tekst uitgelijnd aan de rechtermarge en aan de linkerkant rafelig, bevinden start- en stoppunten zich onhandig op het scherm. De natuurlijke leesvolgorde is omgekeerd en alleen al de gedachte om op deze manier tekst te lezen (vooral in grote hoeveelheden) kan een lezer ongemakkelijk maken. Houd rechts uitgelijnde tekst bij voor kleine puistjes als u deze in uw ontwerpschema wilt opnemen.
Gecentreerde tekst is een vrij populaire tool, hoewel het niet wordt aanbevolen voor grote tekstblokken. (Toegegeven, je zult het op deze manier overal op het internet vinden.) De valkuilen van de uitlijning van het midden lijken veel op die van rechts uitgelijnde tekst - het heeft geen "natuurlijke" start en stopt en kan ongemakkelijk aanvoelen op de pagina. Gecentreerde tekst kan enigszins formeel aanvoelen (omdat deze vaak wordt gebruikt voor items zoals uitnodigingen) en moet worden gereserveerd voor kleine stukjes tekst waarin de nadruk belangrijk is. Het is geen goede keuze voor grote kopieerblokken.
Andere type-effecten
Slagen of contouren
Gebruik met mate op grotere tekstelementen als een accent, maar vermijd in kleine letters.
Doorhalen of onderstrepen
Beide worden vaak gebruikt - doorhalen als een notatie dat iets niet meer geldig is en onderstrepen voor de nadruk. Blijf deze hulpmiddelen gebruiken maar gebruik ze spaarzaam. Beide werken voor kleine stukjes tekst maar veroorzaken enorme problemen met de leesbaarheid wanneer ze meer dan een paar woorden bevatten.
Kantelen of vervormingen
Deze effecten zijn geweldig als je typografie als een kunstvorm gebruikt. Ze zijn niet zo effectief als je een boodschap probeert over te brengen. Vermijd tekstmanipulaties en vervormingen bij het kopiëren van hoofdtekst.
Kleur
Het gebruik van kleur kan een geweldig hulpmiddel zijn om in één tekstblok de nadruk te leggen op één woord. (De meest voorkomende en visueel aantrekkelijke kleurencombinaties voor tekstblokken zijn zwart of donkergrijs op wit of wit op een donkere achtergrond.) Richt op kleuren die in scherp contrast staan met de achtergrond, zodat ze gemakkelijk te zien en lezen zijn. Superheldere (denk gele of fuchsia) kleuren kunnen moeilijk te lezen zijn, tenzij ze worden gebruikt met een dik, groot lettertype. Overweeg het veterschiettype met kleur voor extra nadruk, maar reserveer deze techniek voor een beperkt aantal woorden.
Grote tekst schoon houden
Hoewel woordafbreking in lichaamsexemplaar als een kwestie van voorkeur kan worden beschouwd, moet het altijd in groot type worden vermeden. Eenvoudige uitvulstijlen zijn een must; links of in het midden uitgelijnde tekst zijn uw beste opties.
Kopballen, banners, puistjes en andere grote letters of meubels moeten leesvriendelijk zijn. Deze woorden worden niet alleen gebruikt voor navigatie, ze moeten ook worden gelezen om mensen door de inhoud van uw website te laten bewegen.
Hyphens zijn struikelblokken.
Oneven uitlijning helpt de navigatie niet.
Er zijn nog een paar andere dingen om over na te denken bij het tekenen van het ontwerp voor je grote type.
Denk na over de grootte van het type in verhouding tot de kopie van het hoofdgedeelte. Krantenkoppen en headers die beduidend groter en luider zijn, zullen luid spreken tegen lezers, terwijl kleinere, dunnere meubels zullen fluisteren.
Contrast is van het grootste belang voor grote woorden. Kies bij het kiezen van lettertypen iets voor meubels dat niet te veel lijkt op de body-kopie. Overweeg een serif-lettertype, houd er rekening mee dat schiftwoorden het beste werken bij grote formaten, zodat de terminals en details van elke letter niet verloren gaan in de pixels. Een andere optie is om voor kleur te kiezen om een verschillende stijl en hiërarchie voor meubels vast te stellen.
Denk ook aan de ruimte rond de grote woorden. Zorg ervoor dat grote woorden bij de kopie die ze beschrijven rusten. Voeg extra ruimte toe boven elke kop of kop en verdicht de ruimte ertussen en de kopie.
Schrijf om te passen
Denk ten slotte na over fit.
Kijk hoe de tekst op een rij staat als je de kopie voor de grote woorden hebt geschreven. Vult het de lijn? Hoeveel lijnen?
Visueel wil je gaan voor headers met een consistente uitstraling. Dit geldt zowel voor de type-stijl als voor de duur van de woorden. Vermijd items die één regel volledig vullen en slechts een fractie van de volgende regel. Denk aan meubels in termen van kleine rechthoeken; je wilt dat alles in het frame past zonder gapende witte vlakken.
Creëer een stijl voor de grote woorden, of het nu gaat om een eenvoudige koptekst die slechts een paar woorden bevat of om twee volledige gedachten boven elk tekstgedeelte. Beschouw een deel van deze stijl als het type kop dat je gebruikt - zal het een vraag stellen, een feitelijke verklaring zijn, lezers vertellen wat ze moeten doen, laten zien hoe iets te doen of meer indirect en schattig zijn met woorden en frasering?
Probeer kopteksten en koppen te schrijven die maar één regel lang zijn (maximaal twee), gebruik actieve woorden.
Dit kan moeilijk zijn om te volbrengen en op zijn hoede zijn voor trucs. Grijp geen thesaurus en vervang een groot woord door een kort woord om de dingen fit te maken. (U loopt het risico om het verkeerde woord te gebruiken of een term te gebruiken waarvan uw lezers de betekenis misschien niet weten.) Denk tijdens het schrijven in gesprek. Stel de woorden samen en pas deze vervolgens aan (knip of voeg toe), zodat u de integriteit behoudt van wat u wilt uitdrukken en een schone, gemakkelijk leesbare kopie produceert.
Conclusie
Clean copy gaat over meer dan alleen maar lettertypen en koppeltekens. Het gaat om het schrijven van een zinvol exemplaar en het op een leesbare manier presenteren ervan.
Denk aan je publiek wanneer je het allemaal samenvoegt. Je zou een andere techniek en stijl gebruiken bij het schrijven van blogberichten over huwelijksideeën (traditioneel, vrouwelijk voelen) versus bloggen over tatoeages (waarschijnlijk meer edgy en donker). Je publiek heeft invloed op de beeldkwaliteit, ze moeten ook invloed hebben op je exemplaar.
Maar bovenal, denk na over hoe het allemaal samenkomt. Ontdoe alle andere dingen van het ontwerp van je site, laat alleen het type achter. Is het gemakkelijk om te lezen? Moet je inzoomen of uitzoomen? Ben je aan het kijken naar het scherm? Dit zijn de echte vragen die u moet beantwoorden, want aan het eind van de dag is leesbaarheid het belangrijkste.
Welke tekst vind je moeilijk om online te lezen? Welke technieken gebruik je om je tekst leesbaar te houden? Laat het ons weten in de comments.
Uitgelichte afbeelding / thumbnail, tekst afbeelding via Shutterstock.