En bra hemsida börjar med vacker typografi. Och medan du bryter med enstaka regel är stor, ibland är det bra att komma tillbaka till principerna om vad som gör bra typografi-och hur man skapar det.
Det är en viktig uppdatering som kan hjälpa dig att ompröva projekt, överväga ett nytt tillvägagångssätt eller bara komma tillbaka till en enklare och mer strömlinjeformad design.
Så idag ignorerar vi trender och sätt att bryta reglerna för att fokusera på typografiteori och hur? Reglerna? kan vara en bra riktlinje för att skapa fenomenstyp.
Storlek och hierarki
Storlek spelar roll. Storlek kan vara en av de viktigaste faktorerna när man skapar en skiss för läsbar typografi på skärmar. Liten text kan krossa och svårt att se. Stor text kan bryta över linjer på udda sätt och orsaka förvirring.
Läsbar typografi har flera lager av hierarki för att berätta för användarna vad man ska läsa först, andra och så vidare. Det finns en uppenbar skala så att kroppstexten är en storlek över designen, rubrikerna är en annan storlek och breakouts och underrubriker har egna specifikationer också.
Spårning och klingning
Ofta förvirrad, spårning och kerning är inte samma sak. kerning är justering av mellanslag mellan ett par bokstäver. spårning är justering av mellanslag mellan en hel uppsättning tecken, till exempel en paragraf eller övergripande justering till ett textblock.
Kerning tillämpas ofta på enskilda element för att skapa precision och förbättra läsbarheten och jämn stil för stor text. Spårning används ofta för att dra åt en lös typ i kroppskopia.
Begränsa typsnitt
För många teckensnitt kan vara överväldigande och krossande. Två eller tre tecken är tillräckliga för de flesta projekt.
Nyckeln till att välja ett solidt typalternativ är att välja en typfamilj med mycket variation i stil. De flesta kvalitetstypsnitt finns med flera stilar - fet, vanlig, kursiv, kondenserad, svart och så vidare. Genom att välja en typsnitt med flera alternativ har du en vikt och stil för flera användningsområden. (Vissa familjer inkluderar även serif och sans serif alternativ om du vill behålla hela designen i en enda teckensfamilj.)
Blanda och matcha stilar
När du plockar typsnitt - det kan visserligen vara den tuffaste delen av många designprojekt - det är okej, och även föredraget, att välja två olika typer av typ.
Den vanligaste paringen är en serif och sans serif. Men du behöver inte hålla fast vid det.
När du kopplar ihop olika stilar och typsnitt, leta efter bokstäver som har en liknande x-höjd (leta efter teckenuppsättningar med samma vertikala små bokstäver? X? Storlek) och form av skålar (mellanslag inuti stängda bokstäver, till exempel en? O?).
Dessa detaljer kan göra stor skillnad när det gäller hur teckensnitt känns tillsammans och hur enkelt det är för användare att läsa texten. Att använda liknande brevformar i olika stilar har fortfarande en visuell förtrogenhet som kan göra alla typer lättare att läsa tillsammans.
Glöm Hyphens och Motivering
Mest av tiden, bindestreck och fullständig motivering är onödiga.
Särskilt online kan dessa tekniker göra text svårare att smälta och förstå vid ett ögonkast. Hyphens bryter upp läsupplevelse och full rättfärdighet resulterar ofta i udda avstånd som är svårt att läsa.
Medan båda elementen har sin plats i vissa projekt, bör de oftast undvikas.
Ändra inte teckensnitt
Du bör aldrig justera ett teckensnitt. Försök inte göra det fetare eller längre eller tunnare. Välj en ny typsnitt istället.
Typdesigners arbetar hårt för att skapa en konsekvent uppsättning tecken för en typsnitt som är läsbar och passar stilen på teckensnittet. Försök inte ändra utseendet på en uppsättning tecken. Du kommer inte att förbättra dem och kommer ofta att göra en röra av typen i processen.
Om en typsnitt inte fungerar som du behöver, letar du efter något annat. Prova Identifont liknande typsnitt verktyg, som identifierar teckensnitt med liknande utseende, för att välja ett annat alternativ som kan fungera bättre i ditt projekt.
Kontrast
Design för kontrast med typografi. Precis som du skulle använda olika storlekar för att skapa hierarki, överväga olika typsnitt, färger och stilar för att ge visuellt intresse.
Färg är ett av de mest effektiva - och enkla sätten att skapa kontrast. Den ideala kontrasten är mörk text på en ljus bakgrund (eller omvänd). Det finns ett nästan obegränsat antal färgalternativ som hjälper dig att uppnå detta. När du spelar med färg och typografi, var medveten om att vissa färgkombinationer, t.ex. ljusröd på högerblå, kan vara svåra att läsa. Leta efter kombinationer som är olika när det gäller ljus kontra mörk, vibrerande och mättnad.
När det gäller kontrast, är enkla bakgrunder ofta bäst för att ge textrum att läsas. Men om bakgrunden innehåller visuella element, till exempel en bild eller ett mönster, stöter storleken på bokstäverna för att skapa separering mellan bakgrunds- och förgrundstextelementet.
Mätfrågor
En åtgärd är storleken på behållaren som rymmer text. Detta kan vara bredden på en hel textram eller en enda kolumn i ett flerkolumnformat.
Mät saker eftersom antalet tecken (inklusive mellanslag, glyfer och skiljetecken) över skärmen kan påverka läsbarheten. Teorin bakom detta koncept är att om linjerna är för långa eller för korta, kan det vara tröttsamt för användarens öga att läsa på grund av en konstant fram och tillbaka rörelse från en linje till nästa.
Från Elementen av typografisk stil: ? Allt från 45 till 75-karaktärer betraktas allmänt som en tillfredsställande längd på linjen för en enkelkolonnersida som sätts i ett seriferat textyta i en textstorlek. Linjen med 66 tecken (räkna både bokstäver och mellanslag) anses allmänt som ideal. För flera kolumnarbeten är ett bättre medelvärde 40 till 50 symboler.?
Det här är en ganska bra utgångspunkt för de flesta projekt, även om många projekt är skeviga för att skriva storlekar som är lite större, vilket skulle göra teckenräkningen faller i den mindre änden av det här intervallet.
Trots att mobiltypografi inte var oro när boken först publicerades är riktlinjen för flera kolumner en acceptabel utgångspunkt. Du kan även välja att gå lite lägre och sikta på en mer optimal 35 tecken per rad för små skärmar.
Slutsats
Om du vill fortsätta att tänka på typografiteori och bokstäver finns det några bra böcker utöver den klassiska som nämns ovan.
Överväga:
- Tänker med typ av Ellen Lupton
- Varför Typsnitt Materia av Sarah Hyndman
- Bara min typ: En bok om typsnitt av Simon Garfield