Idag ska vi diskutera något som är både en varm trend och tidlös konst: typografi. De grundläggande reglerna nedan kommer att hjälpa dig att bli mer medveten om hur du strukturerar och använder typografi i dina mönster.
Att vara medveten om dessa regler kan förbättra nästan allt du skapar som innehåller ett rubrik eller stort typografiskt element. Låt oss börja!
1. Lär dig grunderna
Ditt första steg mot effektivare typografi är att lära dig lite om konsten. Om du inte är bekant med koncepten kanske du tror att typografi måste vara en ganska enkel disciplin. Säkert, om du vet alfabetet har du vunnit hälften av slaget rätt? Allt som är kvar är att ändra hur det ser ut lite och du har själv en typsnitt! I verkligheten är typografi ganska komplicerat och är lika mycket vetenskap som det är konst.
Anatomi av en typsnitt innefattar mycket specifikt jargong, exakta mätningar och allmänna standarder som måste vara kända och respekterade. Som med många former av design, kan du bara komma undan med att bryta en regel om du vet det bra och gör det med vilje att göra ett uttalande.
En av de bästa ställena att lära sig om typografi online är I Love Typography, en blogg dedikerad till vacker typ. Här är en bild från ILT som visar några villkor som du bör bekanta dig med:
Som du kan se gör det snabbt komplicerat att göra vackra bokstäver. Grafiken ovan gör ett utmärkt jobb för att förklara dessa villkor visuellt, men det är inte en uttömmande lista över de termer och begrepp du behöver bekanta dig med. Exempelvis behandlas inte termer som x-höjd, kerning och baslinje ens i grafiken. För att få bättre grepp på alla dessa, bör du spendera några minuter på en typografisk ordlista.
Vad häckar för?
Svaret på denna fråga är uppenbart:? Eftersom du är en designer !? Om du regelbundet skapar mönster som använder ord, deltar du i typografi om du tänker eller inte. Att ta lite tid att lära sig de grundläggande principerna gör dig mycket mer medveten om egenskaperna hos de typsnitt du väljer och hur du använder typ som konst.
2. Titta på din karning
Det här inlägget är inte tänkt att vara en omfattande studie av typografi så jag kommer inte att undersöka var och en av de ovan nämnda termerna i detalj. Men kerning är något som många designers, nya och gamla, förbiser helt. Jag diskuterade nyligen detta ämne med senior art director på en stor kvinnors mode webbplats. Den enda sak som frustrerade henne mest om designersna under henne är deras konsekventa brist på ansträngning när det gäller kerning.
Vad är det?
Kerning innebär att justera avståndet mellan två bokstäver i ett visst teckensnitt. Observera att detta är en separat fråga än spårning, vilket justerar utrymmet mellan alla bokstäver samtidigt. Du kanske tror att ett dyrt program som Adobe Illustrator automatiskt skulle lösa alla krångelmodigheter för dig och att det här inte är ett problem som uppstår i ditt konstverk. Tänk om. Kolla in exemplet nedan:
Om du inte är van att leta efter kramningsproblem kan problemen vara subtila, men de är där. Lägg märke till hur stor bokstaven? D? i exemplet ovan skiljer sig avsevärt från resten av ordet. Som standard kan många teckensnitt, särskilt de med uttalade serifs, ha inkonsekvent brevavstånd. Detta är vanligtvis inte ett stort problem i en paragraf eller mening eftersom den inkonsekventa avståndssorten blandas i block med mindre kopia. Men när du har att göra med bara några ord, som i en rubrik eller en logotyp, kan slarviga kärnproblem förstöra hela estetiken.
Kerningproblem kan bli komplicerade när det handlar om webbfonter och CSS men det är ganska lätt att fixa om du skapar text som en grafik (för utskrift eller webb) i Illustrator, Photoshop, etc. Sätt bara in markören mellan två tecken och använd alternativet (PC = alt) -knappen i kombination med vänster och höger piltangent för att justera avståndet. Kom ihåg att inte fokusera på bokstäverna så mycket som det negativa utrymmet mellan bokstäverna. Försök att göra detta utrymme visuellt konsekvent i hela ordet eller frasen.
3. Var uppmärksam på Font Communication
Font valet ska aldrig vara en godtycklig process. Att bara titta igenom hela ditt bibliotek för att hitta en typsnitt som du vill kommer sällan att ge ett effektivt resultat. Anledningen är att det finns en inneboende psykologi i samband med vissa typer av teckensnitt. För att se vad jag menar, överväga följande exempel:
Om du är uppmärksam, kommer dessa teckensnitt att vara mycket dåliga. Anledningen är att det finns en stor koppling mellan den visuella personligheten hos typsnittet och de ord som skrivs med dem. Du skulle nästan aldrig se världens ledande ultimata kampmästare utropade i en vacker manus typsnitt. På samma sätt skulle du förmodligen aldrig använda Cooper Black på dina bröllopsinbjudningar. Vi har blivit vana vid att se olika typer av teckensnitt som används för vissa ändamål.
Varje typsnitt kommunicerar vissa attribut på både medveten och undermedveten nivå. Två av de stora kommunikationsområdena är kön och era. Tänk på exemplen nedan.
Lägg märke till hur de två första tecknen starkt kommunicerar en viss förfluten tid. På samma sätt har de två följande teckensnitten starkt associerade könsbaserade egenskaper. Tjocka teckensnitt med hårda kanter tenderar att se mer maskulin och manlig medan kurviga, smala typsnitt verkar feminin och flickaktigt.
Allt detta kan verka lite uppenbart, men din typografiska skicklighet kommer att förbättras med språng om du kan ta denna kunskap ur den implicita och instinktiva delen eller din hjärna och förvandla den till explicit och avsiktlig handling.
Mer om typsnitt
Om du vill veta mer om specifika typer av teckensnitt, kolla in Adobes typklassificeringskarta.
4.Inriktning
Anpassning är ett extremt viktigt begrepp i typografi. Av någon anledning tenderar icke-designers att instinktivt centrera inriktningen på allt. Någonstans i livet lär vi oss att om något är centrerat är det balanserat och därför bättre. I själva verket är centrumjustering den svagaste, svårast att läsa justeringen och bör användas mycket selektivt.
De två första styckena ovan är vänsterjusterade. Så här brukar vi läsa, eftersom det i allmänhet är det format vi ser i böcker, tidskrifter, etc. De mittlinjeformade styckena är mycket svårare att läsa på grund av bristen på en hård kant. Det finns ingen konsekvent start- eller stopppunkt för varje rad, så dina ögon tar en stund att anpassa sig till varje ny linje. Skillnaden är subtil i praktiken, men enorm i princip.
Det betyder inte att du bara ska använda vänsterjustering hela tiden. Var noga med att ständigt fråga dig själv hur viktigt läsbarheten är vs. den särskilda estetiken du kanske försöker uppnå. Idealt sett skulle dessa principer alltid fungera tillsammans, men i verkligheten är de ofta motstridiga krafter som kräver kompromiss på ett eller annat sätt.
En annan sak att vara medveten om är att blanda justeringar. Oavsett vilken anpassning du väljer, försök att vara konsekvent i hela din design. Det är ofta (men inte alltid) lämpligt att centrera en rubrik över vänsterjusterad kopia, men att experimentera med blandade justeringar utöver detta kan resultera i en visuellt rörig och förvirrande sida.
För mer information om fontinriktning, kolla in artikeln nedan.
Välja typjusteringar för webben
5. Välj en bra sekundär typsnitt
När du har valt en primär typsnitt är nästa steg att välja ett annat teckensnitt som accentuerar det. Detta är i motsats till ett teckensnitt som kommer att strida mot primärvalet.
Det finns flera problem med det första exemplet i bilden ovan. För det första är de typ av typsnitt som är valda mycket dåliga. Stödfonten är mer utsmyckad (och svårare att läsa) än den primära teckensnittet! Detta förringar den primära teckensnittet och bör undvikas. Även om det första problemet inte var ett problem, är de två tecknen helt enkelt lika tjocka att de används tillsammans. Trots att de är drastiskt annorlunda i stil, ger deras liknande slagvikt inte tillräckligt med visuell kontrast mellan de två.
Den andra bilden använder mer lämpligt kontrasterande teckensnitt och använder en tunnare, enklare typsnitt för subtaggen. Dina teckensnitt behöver absolut inte kontrastera så mycket (effekten var avsiktligt överdriven för exemplet), bara se till att de är tillräckligt olika för att förhindra visuell förvirring och att större tonvikt läggs på den primära teckensnittet.
6. Storleksfrågor
Jag har skapat massor av tryckta reklamannonser under de sex år som jag har varit designer. En av de saker du lär dig mycket tidigt med att arbeta med reklammaterial är att rubrikerna ska ta tag i läsaren direkt. Du har en sekund eller två i bästa för att få någons uppmärksamhet i utskriftsvärlden. Om du saknar den möjligheten har du förlorat din potentiella kund.
Vad det här praktiskt taget innebär är att när du skapar en rubrik, skriv inte ut det helt enkelt: designa det. Tänk på följande två exempel:
Den första rubriken kräver att du läser varje ord för att få en känsla av vad meddelandet om. Allt är samma storlek, bredd och färg som ger ingen betoning på någon del av meddelandet. Ordet? Kunde? är lika visuellt viktigt som ordet? vinna.?
Däremot är den andra rubriken mycket starkare trots att den utnyttjar exakt samma meddelande. Jag har understrukit de ord som inte är så viktiga och skrek verkligen de ord som är. Problemet med den första rubriken är att tittaren måste vara villig att ta sig tid att läsa den. Tricket är då att få betraktaren att läsa de viktiga delarna så snart de ser rubriken, nästan som om det är en olycka.
Titta på det andra exemplet är det första du bör märka är ordet? WIN? följt av? The Bahamas.? Om du är målgruppen, har vi pikat på ditt intresse och du är mycket mer benägna att ta dig tid att se vad det här meddelandet handlar om.
7. Använd typografi som konst
Sluta tänka på typografi som bara rubriker och kroppskopia och börja tänka på det som ett designelement. Typsnitt är noggrant utformade och har därför en estetik som kan vara en värdefull tillgång till din designarsenal. Detta går självklart långt bortom bygga ansikten med bokstäver. Om du vill skapa en typografi-centrerad design, tänk på hur du kan införliva attraktiv typ som hjälten.
Fundera aldrig som om du är begränsad av strukturen av befintliga teckensnitt. Expandera på teckensnitt som passar dina behov. Försök lägga till virvlar, texturer, fläckar, spott och allt annat du kan tänka dig för att krydda utseendet på typen.
8. Hitta bra inspiration
Det bästa sättet att lära sig att skapa effektiv och attraktiv typografi är att hitta och studera några existerande exempel. Nedan följer några bra artiklar för att hitta inspiration online, men sluta inte där. Goda och dåliga typografiska exempel är så nära närmaste snabbmatfog. Håll en titt överallt du går för vad andra gör och fundera över varför det verkar eller inte verkar fungera bra.
Underbara exempel på blomstertypografi
40 Exempel på vacker typografi i reklamdesign
Underbara typografi exempel i reklamdesign
50 Exempel på vintage typografi
Bryter mot reglerna
Kom ihåg att dessa regler bara är avsedda att vara riktlinjer för att hjälpa dig att skapa bra typografi. Längs vägen kommer du att upptäcka att något av ditt bästa arbete bryter upp en eller flera av de principer som beskrivs i denna artikel.Som jag sa tidigare, det ögonblick du förstår helt en given regel i design är det ögonblick då du har tillstånd att bryta den. Se bara till att avvikelsen inte är godtycklig men utförd med syfte och för att uppnå ett specifikt mål.
Ytterligare resurser
- Typedia: En delad typografi för typsnitt
- Typophile
- Elementen av typografisk stil tillämpad på webben
- 15 tips för att välja en bra texttyp
Regler tenderar att vara constrictive men jag hoppas att dessa åtta förslag har istället framgångsrikt öppnat dina typografi möjligheter.