God typografi er viktig for enhver god design.

En ellers vakker design kan virkelig lide hvis typografien ikke er feil. Men å kombinere skrifttyper utover den grunnleggende serif / sans-serif-sammenkoblingen kan være vanskelig og forvirrende for mange designere.

Mens mye av det som går inn i god typografi er subjektiv, er det noen retningslinjer som kan peke deg i riktig retning. Derfra er det opp til deg å eksperimentere og prøve forskjellige ting.

Ikke vær redd for å prøve nye ting i typografien din, men stol på ditt øye og dine instinkter som designer. Noen ganger kan selv ting som følger alle "regler" for typografi fortsatt se forferdelig ut (og omvendt).

Match stemningen

Hvert skrift har stemning. Noen er lyse og morsomme, noen er seriøse, noen er elegante, og noen er veldig profesjonelle. Skrifter med lignende stemninger er mer sannsynlig å være kompatible og mindre sannsynlig å være estetisk ødeleggende.

Ta eksemplene nedenfor. Skriftene som brukes til venstre, Tahoma for kroppskopien og Snidely for overskriften, stemmer ikke overens. Snidely er en dekorativ font med en quirky, funky titt på det, mens Tahoma er diskret og moderne. Selv om de ikke er den verste paringen i verden, er de definitivt ikke optimale heller.

Skriftene til høyre, Neuton for kroppskopien og Nevis for overskriften, har begge liknende tilfeldige stemninger. Hverken er prippen eller altfor formell, noe som gjør at de fungerer godt sammen til tross for at de er svært forskjellige utseende.

Match Letterforms

Brevformene som utgjør et skrifttype, kan være utrolig varierte, basert på en rekke faktorer, som historisk innflytelse eller overordnet stil. Sammenligning av disse brevformene er en god måte å finne kompatible skrifttyper, men generelt vil du også ønske å matche dem basert på stil eller andre faktorer også.

En av de raskeste måtene å sjekke kompatible brevformer er å sjekke bokstavene "a", "g" og "e". I eksemplet nedenfor kan du se hvordan Aller og Gentium har lignende brevformer, som Helvetica og Museo. Alle fire skrifttyper har lignende "a" brevformularer. "G" brevformene er der vi ser de største forskjellene.

Andre bokstaver du kanskje vil sjekke, inkluderer små bokstaver "t" (noen fonter vil ha en hale på "t" mens andre ikke vil), små bokstaver "f" og små bokstaver "q". Forskjeller i brevformer er ikke nødvendigvis en avtalebryter mellom fonter, men du vil ha skrifttyper som har flere likheter enn forskjeller i disse tilfellene.

Klassisk Serif / Sans-Serif Combo

Kombinasjonen av en serif skrifttype og en sans-serif font er trolig en av de mest sett typografiske kombinasjonene. Det er en relativt enkel kombinasjon for å trekke av, da det er mindre sjanse for konflikt. Så lenge du tar hensyn til vekt og proporsjon, er det en ganske vanskelig kombinasjon for å få feil.

Teksten nedenfor viser et par forskjellige måter å blande serif og sans-serif skrifttyper på. Eksemplet til venstre viser at du kan blande skrifttypevekter hvis ting som proporsjoner er svært like. Overskriftsfonten, ChunkFive, er en plattserver, mens kopiets skrifttype, Junction, er en enkel sans-serif. Begge har imidlertid sterke visuelle stiler, som hindrer Junction fra å bli overstyrt.

Parringen til høyre er litt mer tradisjonell, med veldig likepassede skrifttyper. Junction brukes som overskrift font her, med Prociono for kroppen. Begge er litt på tynn side, og har lignende brevformer.

Bruk farge til å knytte det sammen

Hvis du kombinerer mange veldig forskjellige skrifttyper, kan du prøve å knytte dem sammen med farge. Å holde alt i en farge (eller nyanser i en enkelt farge) legger til harmoni og enhet som kan mangle i skriftene selv.

Du kan se fra bildet nedenfor at fargen kan ha stor innvirkning på hvordan typografi ser ut. Begge tekstlinjer i bildet nedenfor er identiske, med unntak av bokstavens farger. Mens det heller ikke er hva som typisk vil bli betraktet som "god" typografi, kan den øverste i det minste gjøres til arbeid i riktig sammenheng. Det nederste ser likevel ut som noe en barnehagestudent kan designe under fargetid.

Det viser bare hvor viktig bruk av lignende farger er, spesielt hvis du ignorerer mange av de andre retningslinjene i denne artikkelen. Omvendt, hvis du ønsker å legge til litt mer kontrast mellom skrifttyper som kan være litt for liknende, kan du bruke forskjellige farger med det samme.

Bruke litt forskjellige farger legger virkelig visuell interesse for typografien her, som består av Fontin og Fontin Sans, to skrifttyper fra samme familie som er nesten identiske.

Lignende forhold

Proportjon er trolig den viktigste tingen å vurdere, spesielt når man kombinerer skrifttyper i en enkelt linje (som i en topptekst eller logo). Fonter som er proporsjonalt liknende, vil blande lettere og se mer jevnt ut enn fonter med varierende proporsjoner.

Den raskeste måten å sjekke proporsjon på er å sammenligne x-høyder. Generelt sett vil fonter med lignende x-høyder ha tilsvarende proporsjoner i det hele tatt. I bildet nedenfor kan du se at Helvetica og Neuton har nesten samme x-høyder.

Derimot er x-høyden på Bolton mye høyere og Primer er mye kortere enn de andre to skrifttyper. Sjekk andre bokstaver for å være sikker på at de er kompatible eller inkompatible, men x-høyde er et flott sted å starte.

Du vil også se på bredden på tegnene i skrifttypen. Kontroller bredden på bredere tegn som "m", "w" eller "o", samt de smalere tegnene, som "t", "f" og "j". For best mulig kompatibilitet skal disse bokstavene ha tilsvarende bredder mellom de to skrifttypene.

Lignende vekter

Fonter med radikalt forskjellige vekter kan fungere sammen, men det er mye mer sannsynlig at de vil være kompatible hvis vekter er like.

Problemet som oftest er tilstede når fonter har radikalt forskjellige vekt er at lettere fonter ofte går seg vill, visuelt, når de er sammenkoblet med mye tyngre skrifttyper. Dette blir enda mer uttalt hvis den tyngre skrifttypen blir brukt til en overskrift, og lettere skrift er kropps kopi.

Se på teksten nedenfor. "Overskrift" -typen her (Charlie Brown M54) overstyrer helt "body" -typen (TitleiumText14L Regular).

Øk skriftstørrelsen på kroppsskriften kompenserer for dette. Det er alltid et alternativ, selv om det kan begrense mulighetene dine for å bruke forskjellige stiler i designet. Det er mye enklere å finne skrifter som samsvarer med forskjellige vekter (så fet i en er lik fet i den andre, etc.).

Ikke overse enkle skrifttyper

Det er mange skrifttyper der ute som inneholder flere skrifter i samme familie. Typefiler som Fontin (og Fontin Sans) kommer med en håndfull vekter som kan kombineres for å skape mye visuell interesse.

Nedenfor er et godt eksempel på hvordan forskjellige vekter og stiler kan brukes sammen for å lage typografi som har rikelig med visuell interesse. Fordi dette er alt basert på en generell skrifttype, trenger du ikke å bekymre deg for de forskjellige skriftene som er i konflikt med hverandre.

Konflikt mot kontrast

Kontrast i typografi er generelt en god ting. Poenget med å bruke forskjellige skrifter er slik at de skiller seg ut fra hverandre og bidrar til den generelle visuelle stilen til et design. Hvis skriftene dine er for liknende, står de i konflikt med hverandre, i stedet for kontrast og utfylling.

Ta eksemplene nedenfor. I den første linjen er skriftene veldig like (Hoefler Text og Goudy Bookletter 1911). Enhver kontrast går tapt, og i stedet ser de litt underlig ved siden av hverandre.

Den andre linjen er bedre, med ChunkFive og Genève. De har tilsvarende proporsjoner, men det er ganske mye der likhetene slutter. Det er god kontrast her.

Den tredje linjen, derimot, viser hvorfor bare å bruke forskjellige skrifttyper ikke nødvendigvis resulterer i god kontrast. Derfor er det viktig å være oppmerksom på mer enn bare ett aspekt ved å kombinere skrifttyper.

Radikal Kontrast

Radikal kontrast mellom skrifttyper kan være en fin måte å legge til visuell interesse for et design. Dette betyr ikke nødvendigvis at du bare kan kaste to fonter sammen og håper på det beste. Du trenger fortsatt å huske på generelle prinsipper for typografi, og velg deretter hvilke retningslinjer du vil overholde, og hvilke du vil ignorere.

Den enkleste måten å lage typografiske motiver som bruker radikalt forskjellige skrifttyper, er å holde proporsjoner i tankene. Vær oppmerksom på den generelle formen på skrifttyper og ting som x-høyde, og spill deretter derfra.

Du må kanskje justere størrelsene på forskjellige tegn hvis du kombinerer et antall forskjellige skrifttyper, ettersom ikke alle skrifttyper er konsistente når det gjelder størrelsesorden. Se på de to eksemplene nedenfor:

Topplinjen bruker et stort utvalg av skrifter, men de er alle grunge eller ødelagte skrifttyper. Dette gir dem en felles stil og forener dem, selv om proporsjon og vekt er forskjellige mellom tegn.

Bunnlinjen bruker imidlertid kun tre skrifttyper, hvorav to er sans-serif og den ene er serif. Disse skriftene har imidlertid en rekke ting til felles. Først av alt er de alle relativt tunge. Å bruke den tyngste for den korteste delen, og den letteste for den lengste delen, bidrar til å balansere dem visuelt. Linjebreddene er også ensartede i hver skrift, uten avvik mellom bokstaver eller bokstaver. Til slutt har alle tre skriftene ganske brede, runde bokstaver.

I stor grad er kombinering av fonter på denne måten subjektiv, men husk hva som gjør en god typografisk design kan hjelpe deg med å peke i riktig retning når du begynner å designe ting som dette.


Skrevet utelukkende for WDD av Cameron Chapman .

Har du andre tips og triks for å blande skrifter? Del dem i kommentarene nedenfor ...