Share
Designers på webben har haft en notoriskt knepig tid med typografi. För det mesta utbildas de flesta webbdesigners inte som "typografer" som de flesta traditionella grafiska designers är. En annan anledning är att typografi på webben inte har funnits i mer än 15 år? och de flesta av oss har inte utformat för ännu hälften av den tiden.
Miniatyrbild från Stephen Coles av Typographica.org. Teckensnittet är FF-enhet.
Som sådan saknar det mest kraftfulla nya mediet i världens historia en formell utbildning för den enskilt viktigaste disciplinen som en designer kan behärska: typografi. Den här artikeln är den första i en serie som syftar till att sammanställa en kompendium av seriösa webtypografi lektioner.
Innan vi börjar - denna introartikel är delutbildning och delredaktionell. Det är tänkt att vara en off-the-cuff post om några av de principer som webbdesigners måste ta på allvar. Jag gör mitt bästa för att undvika att göra detta till ett "10 självklara sätt att förbättra din typografi" typ av artikel? vi har nog med dem som redan finns på webben, och om vi någonsin bestämmer oss för att köra en av dem, så kommer vi se till att vi gör det rätt. Denna serie kommer att handla mer om att skapa motiverade, logiska processer för att utveckla effektiva typsystem snarare än en smattering av slumpmässiga tips. Först kommer vi att möta några av de kulturella hinder som webbdesigners står inför.
Låt oss möta det, jämfört med de stora mängderna av böcker och år av resurser där ute för tryckdesigners, har webben en relativt kort erfarenhet av typografi. Vi är mycket som tonåringar med sitt helt nya körkort - massor av makt och ansvar utan mycket erfarenhet att dra på. Eftersom webben är så ung har designers lämnats med ett av två val: 1) Försök att återskapa en utskriftstest på skärmen eller 2) vandra in i den stora svarta hålan? hoppas kunna upptäcka webbtyp perfektion.
Problemet med förstahandsvalet är att utskrift inte översätter direkt till webben. Problemet med det andra är att det är mycket som att kasta dart? Visst, vi har några framgångar, men det kommer att kosta en hel massa flops.
Finns det några fantastiska resurser redan där ute ämnet? Ja absolut? och jag ska lista dem i slutet av den här artikeln. Men det enkla faktumet är att en ung webbdesigner hoppas kunna klippa tänderna på ämnet, det är ofta svårt att göra huvuden eller svansar i ämnet utan att spendera otaliga timmar som slår slumpmässiga bloggar. Faktum är att en del av problemet är att så mycket om webtypografi presenteras som "subjektiv" information. Den enda vägledande principen som de flesta människor kan komma överens om är att "typen borde vara läsbar"? men efter det finns det en hel del åsikt och inte mycket faktum.
Detta leder mig till min första "kulturella" punkt för alla som är seriösa om att uppge sina webbtypiska färdigheter?
Låt oss ta itu med den första verkliga hindren mellan en designer och typografisk storhet: Skyller på något eller någon annan. Om jag hade en dollar för varje gång jag hörde en webbdesigner gripe över hur webbläsare gör typ annorlunda - eller att någon slumpmässig innehållsredaktör förstörde sin layout - eller att en klient helt enkelt vägrade att se skäl, skulle jag vara hundra känd kusin av miljardär? Jag vet inte så många människor!).
Det här är allt jag kallar "yrkesrisker" - du vet om dem när du kommer in i industrin och du kommer att möta dem ganska mycket dagligen tills seriös professionell standardisering löser sig på webben (som jag inte förutsäger när som helst snart). Jag försöker inte säga att dessa problem inte existerar (de gör det, och de är smärta i rumpan), men att kasta alla våra typografiska otillräckligheter på baksidan av Internet Explorer 6 eller någon slumpmässig kopiekompis $ 8 en timme undviker problemet.
Det bästa är att en seriös webbtypograf kan arbeta kring dessa problem. Webbläsare kan testas för; Layouts kan göras "idiot-proof", och kunder kan vara berättade att gå till? försiktigt instruerat att se orsaken.
Tillbaka i åldern av tryckpressar, träspärrbokstäver och handuppsättningstyp var det en tydlig uppsättning ordningsföljd för vem som var ansvarig för att sakerna gjordes ordentligt (typografiskt sett). Inte överraskande var den personen som vanligtvis killen som var armbåge djupt i svart bläck och den enda personen i stan som visste hur man använde den massiva kontraptionen. Heck, i de flesta städer kanske han var den enda killen som faktiskt visste hur man läste, så du tog sitt ord för det när han berättade hur du skrev ut din publikation.
Kunderna hämtade innehållet, skrivare hanterade layouten och designen. Ingen skruvas med systemet.
Nuförtiden verkar det som om vi lider av ett fall av "för många kockar i köket". Eftersom alla har tillgång till Microsoft Word och ett tangentbord, måste designers vada genom ett hav av "insta-typografer" under designfasen?
Får mig inte fel, att få feedback från en klient är en viktig del av den kreativa processen? men det är inte ett ersättare för det faktiska, erfarna beslutsfattandet på typografisk nivå. Det är ditt jobb - designern. Om du glider genom ett projekt, väntar bara på och hoppas på att en klient bestämmer sig för ett visst teckensnitt eller linjelängd, så kan du lika bra skjuta dig själv. Genom att göra detta reducerar du dig själv till lite mer än en kropp som är fäst vid en mus.
Jag kommer att upprepa mig själv för att vara säker här - det betyder inte att du borde bli lite sur jerk som spottar på värdefull feedback. Vad jag försöker säga är att om ingen håller med på att "ägna" typografijobbet under ett projekt kommer du att sluta med medioker, vattnad, halvsatt typ som inte gör rättvisa mot faktum att vi har århundraden typografisk forskning vid våra fingertoppar. Att lägga ut en kolumn med text och hoppas att någon annan formgivare, utvecklare eller klient kommer att komma tillbaka och få det att se ut är en polis.
Var designer, äger ansvaret. Typografi är ditt jobb.
När tänker du på ett användargränssnitt, vad tycker du om? En iPods klassiska rullningsmeny? Dashboard displayen för din bil? Något sci-fi videospelets HUD? Det är kanske alla exempel på användargränssnitt? men jag skulle vilja att du skulle ompröva vad det betyder för webbdesigners. Låt oss kort granska gränssnittsstilens trender under det senaste decenniet:
Det här är alla fantastiska fads (och ja, det finns uppenbarligen gott om stora undantag till dessa generaliseringar)? men betrakta några av de webbdrivna varumärkena som har funnits under alla dessa år (och ändå vägrar att dö). Här - jag ska visa dig hur de ser ut:
Är några av dessa vad du skulle betrakta som "bra användargränssnitt"? Antagligen inte? Men de är alla löjligt framgångsrika (och gillar det eller inte, användbar) mönster. Så varför webbdesigners böjer över bakåt för att skapa mönster som ser ut ingenting alls som dem?
Min ödmjuka åsikt: det beror på att vår bransch / handel fortfarande är relativt omogen. Vi hoppas alla att hitta den "nästa stora stilen", så vi försvårar avsiktligt design som är tråkiga men funktionella. Vi förlorar idén att något som designades 2005 fortfarande har användare. Vi omfamnar tanken att genom att fluffa upp våra mönster med svåra tekniker och texturer på något sätt blir de mer användbara.
Kanske finns en bättre analogi i bilar? Vi försöker alla att designa en typografisk Ferrari när 98% av projekten verkligen behöver en Honda Civic (eller ibland en cykel). Så länge det fungerar för att få folk från punkt A till punkt B, är det bra. Det andra vi börjar ändra webbplatsens funktionalitet med våra egna fina begrepp om vad ett "fantastiskt användargränssnitt" ska se ut, riskerar vi att bryta cykeln.
Det enkla faktumet är att den vanliga gamla texten, utan alla bubbelseffekter, glans och annat skit som vi har kastat omkring det, är lika användbart som det var som om det var allt format som om det var kommer att gå ner i röda mattan.
Varför? Eftersom text är användargränssnittet! Innan du tar tag i gradientverktyget, kom ihåg att - text är gränssnittet. Du kan inte ha ett användbart gränssnitt utan att texten är läsbar och meningsfull. Web surfare kommer att anpassa sig till vad som helst formatark du slänger över en design - men kärnelementen på en webbplats (navigation + innehåll) måste fungera innan något annat.
Sidotag: Detta begrepp "text som användargränssnitt" hänför sig ursprungligen till Khoi Vinh - men jag har svårt att spåra där han faktiskt skrev om detta - så du måste ta mitt ord för det.
Typ går alltid inuti en layout, och layouter på webben finns aldrig någonsin utan kod.
Den sista regeln som jag ska ta itu med idag är de faktiska sakerna som utgör webtypografi: CSS. Med välskriven CSS bör hela din webbplats utforma sig på ett logiskt sätt - varje sida kommer att likna varandra, skapa en enhetlig och konsekvent webbplatspresentation. Med välskriven CSS, adresserar flera webbläsare och enheter är möjliga. Heck, med välskriven CSS, kommer du att förhindra att hårbearbetade kopiereeditorer bryter mot dina vackra mönster.
Poängen jag kör på är detta: Om du tycker om dig själv som webbdesigner, men du är verkligen bara bra att piska ihop Photoshop mockups saknar du hälften av vad det innebär att designa för webben. Typ går alltid inuti en layout, och layouter på webben finns aldrig någonsin utan kod.
Jag kommer inte att säga mycket här för att jag är uppriktig att börja skriva de första delarna av denna serie - men jag vill sluta med en handfull länkar som du / gals kan kolla in under tiden. Mitt mål för denna serie kommer att vara att sammanställa en fantastisk kompendium av riktiga, praktiska webtypografi tutorials? men jag kommer att dra på information från en mängd andra författare, artiklar och böcker. Så här är min lista:
Accentsconagua