Back to Basics: prachtige typografie in webdesign

/2015-03-17 18:05:29/
Kazaria
/Bedrijf/

Een geweldige website begint met mooie typografie. En hoewel het overtreden van de regel af en toe geweldig is, is het soms goed om terug te gaan naar de principes van wat geweldige typografie maakt - en hoe je deze kunt maken.

Het is een essentiële vernieuwing die u kan helpen projecten te heroverwegen, een nieuwe aanpak te overwegen of gewoon terug te keren naar een eenvoudiger, meer gestroomlijnd ontwerp.

Dus vandaag negeren we trends en manieren om de regels te overtreden om ons te concentreren op de typografietheorie en hoe de 'regels' een geweldige richtlijn kunnen zijn voor het creëren van een fenomenaal type.

Grootte en hiërarchie

Grootte doet er toe. Grootte kan een van de belangrijkste factoren zijn bij het maken van een overzicht voor leesbare typografie op schermen. Kleine tekst kan schokkend en moeilijk te zien zijn. Extra grote tekst kan op vreemde manieren over regels heen breken en verwarring veroorzaken.

Leesbare typografie heeft verschillende lagen van hiërarchie om gebruikers te vertellen wat ze eerst, tweede enzovoort moeten lezen. Er is een voor de hand liggende schaal, zodat de hoofdtekst één maat is in het ontwerp, de koppen een andere maat hebben en breakouts en subkoppen hebben ook hun eigen specificaties.

Volgen en kerning

Vaak zijn verwarring, tracking en kerning niet hetzelfde. Kerning is aanpassing van de ruimte tussen een paar letters. Tracking is aanpassing van de ruimte tussen een volledige set tekens, zoals een alinea of algehele aanpassing aan een tekstblok.

Kerning wordt vaak toegepast op individuele elementen om precisie te creëren en de leesbaarheid en gelijkmatige stijl voor grote tekst te verbeteren. Tracking wordt vaak gebruikt om een los lettertype in body copy aan te halen.

Beperk lettertypen

Te veel lettertypen kunnen overweldigend en schokkend zijn. Voor de meeste projecten zijn twee of drie lettertypen voldoende.

De sleutel tot het kiezen van een solide type-optie is om een typefamilie te kiezen met veel variatie in stijl. De meeste lettertypen van hoge kwaliteit hebben meerdere stijlen: vet, normaal, cursief, gecomprimeerd, zwart enzovoort. Door een lettertype met meerdere opties te kiezen, heb je een gewicht en stijl voor meerdere doeleinden. (Sommige families bevatten zelfs serif- en sans serif-opties als u het hele ontwerp in een enkele lettertypefamilie wilt houden.)

Mix en match stijlen

Bij het kiezen van lettertypen - dit kan weliswaar het moeilijkste deel van veel ontwerpprojecten zijn - is het ok, en heeft zelfs de voorkeur, om twee verschillende typen stijlen te kiezen.

De meest voorkomende koppeling is een serif en zonder serif. Maar daar hoef je je niet aan te houden.

Zoek bij het koppelen van verschillende stijlen en lettertypen naar letters met een vergelijkbare x-hoogte (zoek naar tekensets met dezelfde verticale kleine letter "x") en vorm van kommen (ruimte binnenin gesloten letters zoals een "o").

Deze details kunnen veel verschil maken in de manier waarop lettertypen bij elkaar passen en hoe gemakkelijk het voor gebruikers is om de tekst te lezen. Het gebruik van vergelijkbare lettervormen in verschillende stijlen heeft nog steeds een visuele vertrouwdheid die het type gemakkelijker leesbaar kan maken.

Vergeet koppeltekens en rechtvaardiging

Meestal zijn koppeltekens en volledige motivering niet nodig.

Met name online kunnen deze technieken ervoor zorgen dat tekst in een oogopslag moeilijker te verteren en te begrijpen is. Koppeltekens verbreken de leeservaring en volledige rechtvaardiging resulteert vaak in een vreemde afstand die moeilijk te lezen is.

Hoewel beide elementen hun plaats hebben in sommige projecten, moeten ze meestal worden vermeden.

Wijzig lettertypen niet

U mag nooit een lettertype aanpassen. Probeer het niet dikker, groter of dunner te maken. Kies in plaats daarvan een nieuw lettertype.

Typeontwerpers werken er hard aan om een consistente set tekens te maken voor een lettertype dat leesbaar is en past bij de stijl van het lettertype. Probeer het uiterlijk van een set tekens niet te veranderen. Je zult ze niet verbeteren en maakt vaak een puinhoop van het type in het proces.

Als een lettertype niet helemaal werkt zoals je het nodig hebt, zoek dan naar iets anders. Probeer de Identifont-tool voor vergelijkbare lettertypen, die lettertypen met vergelijkbare verschijningsvormen identificeert, om een andere optie te selecteren die mogelijk beter werkt in uw project.

Contrast

Ontwerp voor contrast met typografie. Net zoals u verschillende grootten zou gebruiken om hiërarchie te creëren, moet u rekening houden met verschillende lettertypegewichten, kleuren en stijlen om visueel interessant te zijn.

Kleur is een van de meest effectieve en gemakkelijke manieren om contrast te creëren. Het ideale contrast is donkere tekst op een lichte achtergrond (of andersom). Er zijn een bijna onbeperkt aantal kleuropties om u hierbij te helpen. Houd er bij het spelen met kleur en typografie rekening mee dat sommige kleurencombinaties, zoals felrood op rechtsblauw, erg moeilijk te lezen kunnen zijn. Zoek naar combinaties die verschillen in termen van licht versus donker, levendigheid en verzadiging.

Als het gaat om contrast, zijn eenvoudige achtergronden vaak het beste om tekst ruimte te geven om te lezen. Maar als de achtergrond visuele elementen bevat, zoals een afbeelding of patroon, vergroot u de grootte van de letters om scheiding te creëren tussen de achtergrond en het voorgrondtekstelement.

Maatregel is belangrijk

Een maat is de grootte van de container met tekst. Dit kan de breedte zijn van een volledig tekstkader of een enkele kolom in een indeling met meerdere kolommen.

Meet zaken omdat het aantal tekens (inclusief spaties, tekens en leestekens) over het scherm de leesbaarheid kan beïnvloeden. De theorie achter dit concept is dat als lijnen te lang of te kort zijn, het voor het oog van de gebruiker vermoeiend kan zijn om te lezen vanwege een constante heen en weer beweging van de ene regel naar de volgende.

From The Elements of Typographic Style: “Alles van 45 tot 75 tekens wordt algemeen beschouwd als een bevredigende lengte van een regel voor een pagina met één kolom in een getagd tekstvlak in een tekstformaat. De regel van 66 tekens (die zowel letters als spaties telt) wordt algemeen als ideaal beschouwd. Voor meerkolomswerk is een beter gemiddelde 40 tot 50 tekens. ”

Dit is een redelijk goed startpunt voor de meeste projecten, hoewel veel projecten scheef trekken naar typen die iets groter zijn, waardoor het aantal karakters in het kleinere deel van dat bereik zou vallen.

Hoewel mobiele typografie geen probleem was toen het boek voor het eerst werd gepubliceerd, is de richtlijn voor meerdere kolommen een acceptabel uitgangspunt. Je kunt er zelfs voor kiezen om wat lager te gaan en te streven naar een meer optimale 35 karakters per regel voor kleine schermen.