Share
Ontwerpers op het web hebben een notoir lastig moment gehad met typografie. Ten eerste zijn de meeste webontwerpers niet opgeleid als "typografen" zoals de meeste traditionele grafische ontwerpers. Een andere reden is dat typografie op het web nog maar net 15 jaar bestaat? en de meesten van ons ontwerpen nog niet de helft van die tijd.
Miniatuurfoto van Stephen Coles van Typographica.org. Het lettertype is FF Unit.
Als zodanig is het krachtigste nieuwe medium in de geschiedenis van de wereld jammerlijk gebrekkig in formele training voor de allerbelangrijkste discipline die een ontwerper kan beheersen: typografie. Dit artikel is de eerste in een reeks die een compendium van serieuze webtypografielessen wil samenstellen.
Voordat we beginnen - dit intro-artikel is deels onderwijs en deels redactioneel. Het is bedoeld als een 'off-the-cuff'-bericht over enkele van de principes die webontwerpers serieus moeten nemen. Ik zal mijn best doen om te voorkomen dat dit een "10 voor de hand liggende manieren om uw typografie" type artikel te verbeteren? We hebben genoeg van degenen die al online zijn en als we ooit besluiten om een van deze te draaien, zorgen we ervoor dat we het goed doen. Deze serie gaat meer over het maken van beredeneerde, logische processen voor het ontwikkelen van effectieve type systemen in plaats van een paar willekeurige tips. Ten eerste gaan we enkele van de culturele obstakels onder ogen waarmee webontwerpers worden geconfronteerd.
Laten we eerlijk zijn, vergeleken met de enorme hoeveelheden boeken en jaren van bronnen die er zijn voor gedrukte ontwerpers, heeft het web een relatief korte ervaring met typografie. We lijken veel op tieners met hun gloednieuwe rijbewijs - veel macht en verantwoordelijkheid zonder veel ervaring om op te tekenen. Omdat het web zo jong is, hebben ontwerpers een van de twee keuzes nagelaten: 1) proberen om een afdrukesthetiek op het scherm na te bootsen of 2) afdwalen naar de grote zwarte leegte? in de hoop de perfectie van het webtype te ontdekken.
Het probleem met de eerste keuze is dat afdrukken niet rechtstreeks naar het web vertaalt. Het probleem met de tweede is dat het heel erg veel lijkt op het gooien van darts? We hebben zeker een aantal successen, maar het gaat ten koste van een hele reeks flops.
Zijn er een aantal geweldige bronnen die er al zijn, het onderwerp? Ja absoluut? en ik zal ze aan het einde van dit artikel vermelden. Maar het simpele feit blijft dat, voor een jonge webdesigner die zijn tanden op het onderwerp wil zetten, het vaak moeilijk is om kop of staart van het onderwerp te maken zonder talloze uren aan willekeurige blogs te spenderen. In feite is een deel van het probleem dat zo veel over webtypografie wordt gepresenteerd als "subjectieve" informatie. Het enige leidende principe waar de meeste mensen het over eens kunnen zijn, is dat "type leesbaar moet zijn"? maar daarna is er een heleboel meningen en niet veel feiten.
Dit brengt me bij mijn eerste "culturele" punt voor iedereen die serieus bezig is met het verbeteren van hun web-typografische vaardigheden?
Laten we de eerste echte hindernis aanpakken tussen een ontwerper en typografische grootheid: Iets of iemand anders de schuld geven. Als ik een dollar had voor elke keer dat ik hoorde dat een webontwerper zich druk maakte over de manier waarop browsers typen anders weergeven - of dat een willekeurige inhoudseditor zijn lay-out heeft verpest - of dat een klant simpelweg weigerde redenen te zien, zou ik een honderdaar zijn (hoe minder bekende neef van miljardair? Kom op, ik ken niet zoveel mensen!).
Dit zijn allemaal wat ik "beroepsrisico's" noem - je weet ervan wanneer je in de industrie komt en je zult ze bijna dagelijks tegenkomen tot een serieuze professionele standaardisatie op het web komt (wat ik niet voorspel binnenkort). Ik probeer niet te zeggen dat deze problemen niet bestaan (ze doen het, en ze zijn een pijn in de kolf), maar om al onze typografische tekortkomingen achter te laten op de achterkant van Internet Explorer 6 of een willekeurig exemplaar dat dude maakt $ 8 per uur vermijdt het probleem.
Het mooie is dat een serieuze webtypraaf deze problemen kan oplossen. Browsers kunnen worden getest op; Lay-outs kunnen "idiot-proof" worden gemaakt en klanten kunnen dat zijn verteld om naar toe te gaan? zachtjes geïnstrueerd om reden te zien.
Terug in het tijdperk van drukpersen, houtblokletters en het type met de hand gezet, was er een duidelijk vastgestelde rangorde voor wie verantwoordelijk was voor de goede uitvoering van de dingen (typografisch gezien). Het is niet verrassend dat die persoon gewoonlijk de man was die diep in de inktzwarte inkt was en de enige persoon in de stad die wist hoe het massieve ding te gebruiken. In de meeste steden was hij misschien de enige die echt wist hoe te lezen, dus je nam zijn woord voor hem toen hij je vertelde hoe je je publicatie moest opmaken.
Klanten brachten de inhoud, printers hanteerden de lay-out en het ontwerp. Niemand heeft het systeem genaaid.
Tegenwoordig lijkt het erop dat we lijden aan een geval van "te veel koks in de keuken". Omdat iedereen toegang heeft tot Microsoft Word en een toetsenbord, moeten ontwerpers tijdens de ontwerpfase door een oceaan van 'insta-typografen' waden?
Begrijp me niet verkeerd, het ontvangen van feedback van een klant is een cruciaal onderdeel van het creatieve proces? maar het is geen vervanging voor daadwerkelijke, ervaren besluitvorming op typografisch niveau. Dat is jouw taak - de ontwerper. Als je door een project zweeft, gewoon wachtend en hopend op een klant om te beslissen over een bepaald lettertype of lijnlengte, kun je net zo goed jezelf ontslaan. Door dit te doen, reduceer je jezelf tot weinig meer dan een lichaam dat aan een muis is bevestigd.
Ik zal mezelf herhalen om hier veilig te zijn - dit betekent niet dat je een nors eikel moet worden die spot met waardevolle feedback. Wat ik probeer te zeggen is dat als niemand akkoord gaat met het "bezitten" van de typografische taken tijdens een project, je een middelmatig, verwaterd, halfbevolkt type zult krijgen dat geen recht doet aan de Dat we eeuwenlang typografisch onderzoek onder handbereik hebben. Een tekstkolom opstellen en hopen dat een andere ontwerper, ontwikkelaar of klant terugkomt en het goed doet lijken is een uitweg.
Wees de ontwerper, bezit de verantwoordelijkheid. Typografie is jouw taak.
Wanneer denk je aan een gebruikersinterface, waar denk je dan aan? Het klassieke schuifmenu van een iPod? Het dashboarddisplay voor uw auto? HUD van een sci-fi videogame? Dat zijn misschien allemaal voorbeelden van gebruikersinterfaces? maar ik zou graag willen dat je heroverweegt wat het betekent voor webontwerpers. Laten we kort de trends in interfacestijl in het afgelopen decennium bekijken:
Dit zijn allemaal geweldige rages (en ja, er zijn natuurlijk genoeg grote uitzonderingen op deze generalisaties)? maar overweeg enkele van de webgedreven merken die al deze jaren hebben bestaan (en nog steeds weigeren te sterven). Hier - ik zal je laten zien hoe ze eruit zien:
Zijn deze dingen die u zou beschouwen als "geweldige gebruikersinterfaces"? Waarschijnlijk niet? Maar ze zijn allemaal belachelijk succesvol (en leuk vinden of niet, bruikbaar) ontwerpen. Waarom zijn webontwerpers dan achteruitgebogen om ontwerpen te maken die er uitzien? helemaal niets als hen?
Mijn bescheiden mening: het is omdat onze industrie / handel nog steeds relatief onvolwassen is. We hopen allemaal de "next big style" te vinden, dus we hebben doelbewust ontwerpen vermeden die saai maar functioneel zijn. We verafschuwen het idee dat iets dat in 2005 is ontworpen nog steeds gebruikers heeft. We omarmen het idee dat door onze ontwerpen met moeilijke technieken en texturen op te lichten, ze op de een of andere manier bruikbaarder zullen worden.
Misschien is een betere analogie te vinden in auto's? We proberen allemaal een typografische Ferrari te ontwerpen wanneer 98% van de projecten eigenlijk gewoon een Honda Civic nodig heeft (of in sommige gevallen een fiets). Zolang het werkt om mensen van punt A naar punt B te krijgen, is het prima. De tweede keer beginnen we de functionaliteit van de site te veranderen met onze eigen ideeën over hoe een "geweldige gebruikersinterface" eruit zou moeten zien, lopen we het risico de fiets te breken.
Het simpele feit is dat gewone oude tekst, zonder alle bubbeleffecten, glans en andere onzin die we er omheen hebben gegooid, net zo bruikbaar is als het was alsof het allemaal gestileerd was alsof het was gaan lopen over de rode loper.
Waarom? Omdat tekst de gebruikersinterface is! Houd rekening met het verloopgereedschap voordat u de hiërarchie gebruikt: tekst is de interface. U kunt geen bruikbare interface hebben zonder dat tekst leesbaar en zinvol is. Websurfers zullen zich aanpassen aan elk stijlblad dat u over een ontwerp gooit - maar de kernelementen van een site (navigatie + inhoud) moeten vóór alles anders werken.
Kanttekening: dit concept van "tekst als UI" wordt oorspronkelijk toegeschreven aan Khoi Vinh - maar ik heb moeite gehad om op te sporen waar hij werkelijk over schreef - dus je zult mijn woord moeten geloven.
Type gaat altijd in een lay-out en lay-outs op het web bestaan nooit, nooit zonder code.
De laatste regel die ik vandaag ga aanpakken, is het eigenlijke materiaal dat de webtypografie vormt: CSS. Met goed geschreven CSS moet uw hele website zichzelf op een logische manier vormgeven - elke pagina zal er hetzelfde uitzien en een uniforme en consistente presentatie van de site creëren. Met goed geschreven CSS is adressering van meerdere browsers en apparaten mogelijk. Hé, met goed geschreven CSS voorkom je dat bewerkte copy-editors jouw mooie ontwerpen doorbreken.
Het punt waarop ik rij, is dit: als je jezelf een webdesigner bent, maar je bent echt alleen goed in het opkloppen van Photoshop-mockups, mis je de helft van wat het betekent om te ontwerpen voor het web. Type gaat altijd in een lay-out en lay-outs op het web bestaan nooit, nooit zonder code.
Ik zal hier niet veel zeggen omdat ik eerlijk gezegd graag de eerste delen van deze serie wil gaan schrijven - maar ik wil eindigen met een handvol links die jullie in de tussentijd kunnen bekijken. Mijn doel voor deze serie is om een geweldig compendium van echte, praktische webtypografiehandleidingen samen te stellen? maar ik ga putten uit informatie van verschillende andere auteurs, artikelen en boeken. Dus, hier is mijn lijst:
Accentsconagua