8 regler for å lage effektiv typografi

/2019-01-18 06:32:48/
Konstantinos
/Grafikk/

I dag skal vi diskutere noe som både er en het trend og tidløs kunst: typografi. De grunnleggende reglene beskrevet nedenfor vil hjelpe deg å bli mer bevisst på hvordan du strukturerer og bruker typografi i designene dine.

Å være bevisst disse reglene kan forbedre nesten alt du lager som inneholder en overskrift eller et typisk typografisk element. La oss komme i gang!

1. Lær det grunnleggende

Det første trinnet ditt mot mer effektiv typografi er å lære litt om kunsten. Hvis du ikke er kjent med konseptene, kan du tenke at typografi må være en ganske enkel disiplin. Sikkert, hvis du kjenner alfabetet, har du vunnet halve kampen, ikke sant? Alt som er igjen er å endre hvordan det ser litt ut, og du har deg en font! I virkeligheten er typografi ganske komplisert og er like mye vitenskap som det er kunst.

Anatomien til et skriftsnitt innebærer veldig spesifikk sjargong, presise målinger og generelle standarder som må være kjent og respektert. Som med mange former for design, kan du bare slippe unna med å bryte en regel hvis du kjenner det godt og gjør det med vilje for å komme med en uttalelse.

Et av de beste stedene å lære om typografi på nettet er I Love Typography, en blogg dedikert til vakker type. Her er et bilde fra ILT som viser noen begrep som du bør gjøre deg kjent med:

Som du ser, blir det ganske komplisert å lage pene bokstaver. Grafikken over gjør en utmerket jobb med å forklare disse begrepene visuelt, men dette er på ingen måte en uttømmende liste over begrepene og begrepene du trenger å sette deg inn i. For eksempel blir ikke termer som x-høyde, kerning og baseline ikke engang adressert i grafikken. For å få et bedre grep om alle disse, bør du bruke noen minutter på å bla gjennom en typografisk ordliste.

Hva pokker for?

Svaret på dette spørsmålet er åpenbart: "Fordi du er en designer!" Hvis du regelmessig lager design som bruker ord, fordeler du deg i typografi enten du har tenkt å eller ikke. Hvis du tar deg tid til å lære deg de grunnleggende prinsippene, vil du gjøre deg mye mer bevisst på egenskapene til skrifttypene du velger og måten du bruker typen som kunst på.

2. Se på din Kerning

Dette innlegget er ikke ment å være en omfattende studie av typografi, så jeg vil ikke undersøke hvert av begrepene nevnt i detalj. Imidlertid er kerning noe som mange designere, nye og gamle, overser helt. Jeg diskuterte nylig dette emnet med senior art director for et stort kvinnemote-nettsted. Den eneste tingen som frustrerte henne mest med designerne under henne, er deres konstante mangel på innsats når det gjelder kerning.

Hva er det?

Kerning innebærer å justere avstanden mellom to bokstaver i en gitt skrift. Merk at dette er et eget problem enn sporing, som justerer avstanden mellom alle bokstavene samtidig. Du kan tro at et dyrt program som Adobe Illustrator automatisk vil løse alle vanskelige lidelser for deg, og at dette derfor ikke er et problem som oppstår i kunstverket ditt. Tenk igjen. Sjekk ut eksemplet nedenfor:

Hvis du ikke er vant til å lete etter vanskelige problemer, kan problemene være subtile, men de er der. Legg merke til hvordan store bokstaver “D” i eksemplet ovenfor skiller seg ut betydelig fra resten av ordet. Som standard kan mange skrifttyper, spesielt de med uttalt serif, ha inkonsekvent bokstavavstand. Dette er vanligvis ikke et stort problem i et avsnitt eller en setning ettersom den inkonsekvente avstanden slags blander seg ut i blokker med mindre kopier. Imidlertid, når du har å gjøre med bare noen få ord, for eksempel i en overskrift eller logo, kan slurvete kerningproblemer ødelegge hele estetikken.

Kerning-problemer kan bli kompliserte når du arbeider med web-skrifter og CSS, men er ganske enkle å fikse hvis du lager tekst som grafikk (for utskrift eller nett) i Illustrator, Photoshop, etc. Bare sett inn markøren mellom to tegn og bruk alternativet (PC = alt) -tast sammen med venstre og høyre piltast for å justere avstanden. Husk å ikke fokusere på bokstavene så mye som det negative mellomrommet mellom bokstavene. Forsøk å gjøre dette rommet visuelt konsistent gjennom ordet eller uttrykket.

3. Vær klar over skriftkommunikasjon

Valg av skrifter skal aldri være en vilkårlig prosess. Bare gjennom hele biblioteket for å finne en font du liker, vil sjelden gi et effektivt resultat. Årsaken er at det er en iboende psykologi knyttet til visse typer skrifter. For å se hva jeg mener, bør du vurdere følgende eksempler:

Hvis du er oppfatning, vil disse skriftvalgene virke veldig dårlige. Årsaken er at det er en stor kobling mellom den visuelle personligheten til skriftvalgene og ordene som er skrevet med dem. Du vil nesten aldri se verdens ledende ultimate kampmester utbrøt i en pen skrifttype. På samme måte ville du sannsynligvis aldri brukt Cooper Black på bryllupsinvitasjonene dine. Vi har blitt vant til å se forskjellige typer skrifter som brukes til visse formål.

Hver skrift kommuniserer visse attributter både på et bevisst og underbevisst nivå. To av hovedområdene i kommunikasjonen er kjønn og epoke. Tenk på eksemplene nedenfor.

Legg merke til hvordan de to første skriftene sterkt kommuniserer en bestemt svunnen tid. Tilsvarende har de to neste skriftene hvert sterkt assosierte kjønnsbaserte kjennetegn. Tykke skrifter med harde kanter har en tendens til å se mer maskuline og mandige ut mens buede, tynne skrifter virker feminine og jentete.

Alt dette kan virke litt opplagt, men din typografiske evne vil forbedre seg med sprang og grenser hvis du er i stand til å ta denne kunnskapen ut av den implisitte og instinktive delen eller hjernen din og gjøre den til eksplisitt og forsettlig handling.

Mer om skrifttyper

For å lære mer om spesifikke typer skrifttyper, sjekk ut Adobes Type Classification Chart.

4. Justering

Alignment er et ekstremt viktig begrep innen typografi. Av en eller annen grunn har ikke-designere en instinktiv innstilling av alt. Et sted i livet lærer vi at hvis noe er sentrert så er det balansert og derfor bedre. I virkeligheten er senterjustering den svakeste, vanskeligste å lese justeringen, og bør brukes veldig selektivt.

De to første avsnittene ovenfor er venstrejustert. Slik er vi vant til å lese fordi det generelt er formatet vi ser i bøker, magasiner, etc. De midtlinjeformede avsnittene er mye vanskeligere å lese på grunn av mangelen på en hard kant. Det er ikke noe konsekvent start- eller stoppunkt for hver linje, så øynene dine tar et øyeblikk å tilpasse seg hver nye linje. Forskjellen er subtil i praksis, men i prinsippet enorm.

Dette betyr ikke at du bare skal bruke venstrejustering til enhver tid. Bare sørg for å spørre deg selv hvor viktig lesbarhet er mot den spesielle estetikken du kanskje prøver å oppnå. Ideelt sett vil disse prinsippene alltid fungere sammen, men i virkeligheten er de ofte motstridende krefter som krever kompromiss på den ene eller den andre måten.

En annen ting å være klar over er å blande justeringer. Uansett hvilken justering du velger, prøv å være konsekvent gjennom designen din. Det er ofte (men ikke alltid) riktig å midtjustere en overskrift over kopi til venstre, men å eksperimentere med blandede justeringer utover dette kan føre til en visuelt rotete og forvirrende side.

For mer informasjon om fontjustering, sjekk ut artikkelen nedenfor.

Velge type justeringer for nettet

5. Velg en god sekundær skrift

Etter at du har valgt et primært skrifttype, er neste trinn å velge en annen font som vil fremheve den. Dette er i motsetning til en font som vil komme i konflikt med det primære valget.

Det er flere problemer med det første eksemplet på bildet over. For det første er de valgte skrifttypene veldig dårlige. Den støttende skriften er mer utsmykkede (og vanskeligere å lese) enn den primære skrifttypen! Dette forringer den primære skrifttypen og bør unngås. Selv om det første problemet ikke var noe problem, er de to skriftene ganske enkelt for like i tykkelse til å brukes sammen. Selv om de er drastisk forskjellige i stil, gir ikke den samme slagvekten nok visuell kontrast mellom de to.

Det andre bildet bruker mer hensiktsmessige kontrasterende skrifter og bruker en tynnere, enklere font for underkoden. Fontene dine trenger definitivt ikke å kontrast så mye (effekten ble med overbevisning overdrevet for eksempelet), bare sørg for at de er forskjellige nok til å forhindre visuell forvirring og at mer vekt legges på den primære skrifttypen.

6. Størrelsessaker

Jeg har laget mange trykte reklameannonser i de seks årene jeg har vært designer. Noe av det du lærer å jobbe veldig raskt med reklamemateriell, er at overskrifter skal gripe leseren øyeblikkelig. Du har et sekund eller to i beste fall for å få oppmerksomhet fra noen i trykkeverdenen. Hvis du savner den muligheten, har du mistet den potensielle kunden.

Hva dette betyr praktisk er at når du oppretter en overskrift, ikke bare skriv den ut: design den. Tenk på følgende to eksempler:

Den første overskriften krever at du leser hvert ord for å få en forståelse av hva meldingen handler om. Alt er av samme størrelse, bredde og farge som gir null vekt på noen del av meldingen. Ordet “kunne” er like visuelt viktig som ordet “vinn”.

Derimot er den andre overskriften mye sterkere, selv om den bruker nøyaktig den samme meldingen. Jeg har lagt vekt på ordene som ikke er så viktige, og virkelig skrek ordene som er. Problemet med den første overskriften er at seeren må være villig til å ta seg tid til å lese den. Trikset er da å få seeren til å lese de viktige delene så snart de ser overskriften, nesten som ved en tilfeldighet.

Når du ser på det andre eksemplet, er det første du bør legge merke til ordet “VINN” etterfulgt av “THE BAHAMAS.” På dette tidspunktet, hvis du er målgruppen, har vi vakt interessen din, og det er mye mer sannsynlig at du tar deg tid til å se hva denne meldingen handler om.

7. Bruk typografi som art

Slutt å tenke på typografi som bare overskrifter og kroppskopi, og begynn å tenke på det som et designelement. Skrifttyper er omhyggelig designet og har derfor en estetikk som kan være en verdifull ressurs for designarsenal. Dette går selvfølgelig langt utover å bygge ansikter med bokstaver. Hvis du vil lage et typografisentrisk design, tenk på hvordan du kan innlemme attraktiv type som helten.

Føl deg aldri som om du er begrenset av strukturen til eksisterende skrifter. Utvid skrifttypene slik at de passer dine behov. Prøv å legge til virvler, tekstur, flekker, spats og alt annet du kan tenke på for å krydre utseendet til typen.

8. Finn god inspirasjon

Den beste måten å lære å lage effektiv og attraktiv typografi er å finne og studere noen eksisterende eksempler. Nedenfor er noen gode artikler for å finne inspirasjon på nettet, men ikke stopp der. Eksempler på god og dårlig typografi er like nær nærmeste fastfood-ledd. Hold utkikk overalt hvor du går etter hva andre gjør, og tenk på hvorfor det virker eller ikke virker.

Nydelige eksempler på blomster typografi

40 eksempler på vakker typografi i annonseringsdesign

Nydelige typografieksempler i annonseringsdesign

50 eksempler på vintage typografi

Bryte reglene

Husk at disse reglene ganske enkelt er ment som retningslinjer som hjelper deg å lage god typografi. Underveis vil du oppdage at noen av de beste arbeidene dine på en åpen måte bryter et eller flere av prinsippene beskrevet i denne artikkelen. Som jeg sa før, er det øyeblikket du fullt ut forstår en gitt regel i design, øyeblikket når du har tillatelse til å bryte den. Bare sørg for at ignorasjonen ikke er vilkårlig, men utføres med hensikt og for å oppnå et spesifikt mål.