10 regler for perfekt type design, hver gang
Har du noen gang lagt merke til at noen prosjekter ser ut til å gløde av god type? Noen designere har en viss evne til å designe perfekt typografi for hvert prosjekt.
Du kan gjøre det også. Med en håndfull enkle regler kan du forbedre utseendet og utformingen av typografi i alle prosjektene dine, digitalt og på trykk. Hvis du sliter med å velge skrifttyper og sammenkoble skrifter, vil disse reglene hjelpe deg med å designe perfekt type, hver gang. (Bare sørg for å følge dem.)
Utforsk Envato Elements
1. Angi mål for prosjektet
God typografi starter med en solid forståelse av hva prosjektet ditt skal. Før du begynner å bla gjennom Google-skrifter eller Typekit, må du skrive svarene på noen få spørsmål.
- Hvem prøver du å nå med dette prosjektet?
- Hva skal brukere gjøre med designet?
- Hva er konverteringspunktene?
- Hva er stemningen i prosjektet?
- Trenger du å matche eller koordinere med andre design eller merkevarebygging?
Svarene vil hjelpe deg å begynne å ramme opp en ide om hva slags typografi du leter etter. (Her er en guide til mening og stemning av skrifttyper i designprosjekter.)
2. Se etter lignende former
Når det gjelder å matche flere skrifttyper i en design, kan noe så enkelt som bokstensformen gjøre eller ødelegge skrifttypekombinasjonen.
Så hvordan sikrer du at du klarer det?
Se etter skrifttyper med lignende former. Tenk på om hver skrifttype er mer rund eller oval, tykk eller tynn, har en kort eller høy x-høyde eller inkluderer en skrå kant eller vippe.
Velg et primært skrifttype som du liker, og match deretter komplementære skrifttyper med lignende former.
- Se på små bokstaver "o" i hver type familie. Er den indre skålen rund eller oval? Match skrifttyper der innsiden av "o" er den samme.
- Det er OK å parre tykke og tynne skrifttyper. Det er bedre å pare et tykt eller tynt og vanlig skrift.
- Se etter skrifttyper med lignende x-høyder (den vertikale størrelsen på en “x”).
- Ikke vær redd for å blande og matche forskjellige typer stiler. Prøv en serif og sans serif-kombinasjon. Bare sørg for at hvis den ene skrifttypen er sammensatt, er den andre enkel. Og bruk den enkle skrifttypen for den bredeste applikasjonen, for eksempel brødtekst.
- Vær oppmerksom på skrå og kursiv. (Du kan se på midten av "o" igjen som en retningslinje.) Ikke bruk mer enn ett skrått skrifttype og unngå skrifttypepar som skrår i motsatte retninger. De kan være skurrende for brukerne.
Fortsatt usikker? Her er en guide til å blande skrifttyper.
3. Angi en typeskala for størrelse
Størrelsen på bokstaver kan lage eller ødelegge et prosjekt. Hvis teksten er for stor, resulterer den i et unaturlige lesemønster med for mange pauser og stopp. Hvis teksten er for liten, kan den sil øynene og føre til at brukere forlater designet.
Når tekst er helt riktig, beveger brukerne seg fritt gjennom ordene.
Tekst som er riktig størrelse, kommer også med en skala for forskjellige størrelser i prosjektet. Tekst på kroppen er i én størrelse, overskrifter er en annen størrelse, og underoverskrifter er enda en størrelse. Og alle størrelser og bruk skal være konsekvente gjennom hele designen.
Hva dette gjør for brukere er å gjøre alt lettere å lese.
- Tekststørrelse prioriterer informasjon etter viktighet. Større type er viktigere og er mer sannsynlig å bli skummet av de fleste brukere.
- En skala øker skannbarheten til tekst, slik at brukere kan se på den raskt.
- Beslektede elementer har samme utseende.
- Større tekstelementer, for eksempel underoverskrifter, er med på å bryte opp lange tekstblokker, noe som gjør det lettere å lese.
4. Vær oppmerksom på avstand
Det er ikke typen per se, men typeavstand betyr noe.
Kerning, ledende, sporing og polstring kan gjengi din type vakkert eller gjøre den til et hett rot.
Det er en fin kunst å få avstand helt riktig. Og mye av det avhenger av de faktiske bokstavkombinasjonene som er brukt, størrelse og skrift. Det er ingen kjernen regel - annet enn å gjøre det når det er nødvendig - og det er ikke en perfekt mengde polstring for tekst og andre elementer.
Du må øye med det.
Testen er følelse. Hvis designen føles "av" på en måte du ikke kan finne, kan problematisk avstand være skylden. Det krever bare praksis - og et godt øye - for å få det til.
5. Juster venstre for lesing
På engelsk, så vel som andre språk, leser brukere fra venstre til høyre. Det er også den ideelle justeringen for å optimalisere lesbarheten i blokker av kopier.
Små tekstbiter - menyelementer eller helteoverskrifter - trenger ikke å rette seg mot venstre fordi de er raske å lese. Store mengder kopi - noe mer enn en setning - bør trolig legges på linje. (Begrunnelse kan diskuteres, selv om det kan føre til bekymringer utenfor avstanden hvis du ikke er veldig forsiktig.)
6. Velg to familier
Denne regelen har sannsynligvis blitt banket inn i hodet ditt allerede: Bruk bare to skrifttyper for et prosjekt.
Det blir sagt her igjen fordi så få designere faktisk legger merke til denne regelen. Skann nettet eller et porteføljeside, så ser du mange prosjekter med "skrifter som er blitt vill!"
Hvis du planlegger å bryte denne regelen, bør du tenke nytt. Hva får du ved å legge til et annet skrifttype til miksen? Se i stedet på skrifttypen du har valgt, og se om en annen stil - fet eller tynn eller kursiv - kan være en bedre løsning.
7. Ikke endre skrifter
Aldri strekk eller vri eller skrå et skrifttype. Hvis du trenger noe annet enn det du har, kan du velge et annet alternativ.
Type designere bruker mye tid på å lage bokstaver som fungerer som presentert. Endring av bokstavform skader lesbarheten og kan føre til at skrifter "går i stykker" på den måten et bilde blir pikselert på når du bruker større enn originalstørrelse.
8. Bruk rikelig med kontrast
Noe av det som får designere til problemer er å sette type på et bilde- eller bakgrunnselement. Det fungerer bare når du har rikelig med kontrast mellom elementene for å skape separasjon og sikre lesbarhet.
Hvis du må legge til en dråpe i bokstaver, er det ikke nok kontrast.
Lys på mørke eller mørkt på lys kan sikre lesbarhet. Det hjelper også å bruke et skriftsnitt med et vanlig eller bredere hjerneslag.
Men det er ikke alltid tilfelle. Et bilde kan inneholde lyse og mørke rom, eller det kan være tykke og tynne streker.
Alternativene inkluderer boksetekst, velge et tyngre skrifttype eller legge til et fargeoverlegg til bildet. Alle disse teknikkene kan bidra til å skape mer kontrast og gjøre tekst mer leselig. (Pluss at de har en tendens til å holde seg når de brukes i flere responsive pausepunkter der tekst og bilder beveger seg rundt.)
9. Husk mobil typografi
Når det gjelder typografi for nettet, bør mobil lesbarhet være en viktig bekymring. Morsomme teknikker som å legge til et mønster eller tekstur til bokstaver kan fungere på trykk og noen stasjonære skjermer, men vil komme til kort på mindre enheter.
Du må tenke på hvordan skrifttyper vil gjengis ved all bruk. (Gå tilbake til typografiskalaen din, og husk å ta med spesifikasjoner for typen på store og små skjermer.)
Mobil typografi er ofte litt stor og inkluderer litt mer avstand enn typografi på stasjonære maskiner. Det hjelper også hvis avsnittene er kortere, slik at du ikke ender opp med tekstblokker som tar flere ruller å lese, noe som kan skremme brukere.
10. Hold deg til en stilguide
Når du har en solid ide om hvordan type skal se ut i et prosjekt, lager du en stilguide med alle dine eksakte bruksregler.
Lag kopier. Sett den på nettet på et tilgjengelig sted. Og bruk den når du gjør endringer i designen.
Konsistens er en sentral komponent i perfekt typografidesign.
Konklusjon
Saken med god kontra dårlig typografi er at de fleste brukere kan identifisere den ene eller den andre. De vet bare når designet bare ikke er helt riktig.
Det viktigste når det gjelder å lage perfekt typografi er lesbarhet. Type må være lett å lese og forstå. Det skal samsvare med stemningen på kopien. Og det skal føles nesten usynlig for brukerne; det fungerer når de ikke trenger å tenke på det og kan lese enkelt.
