Indholdsfortegnelse
Typografi spiller en stor rolle for formidling af information og bidrager til et designprojekts overordnede udseende og følelse.
Hvad er typografisk design?
Typografi er kunsten at omsætte sprog til en visuel form, og det er håndværket at arrangere, placere, vælge og manipulere skrifttyper.
Billedkilde: Unsplash
Typografisk design er en kompliceret form for grafisk design, der kræver enorm opmærksomhed på detaljer og kræver teknisk knowhow og kreativitet. Designbranchen er afhængig af typografer og grafiske designere, der forstår at bruge, manipulere og skabe bogstaver, der er læselige, engagerende og i overensstemmelse med et brand.
I denne artikel vil vi dykke ned i lidt baggrund om typografisk design, nogle grundlæggende begreber inden for dette håndværk, typer af typografi, som du skal kende, og nogle eksempler, der kan hjælpe dig med at forstå og blive inspireret.
Vi slutter artiklen med nogle forslag til yderligere forskning, så du kan fortsætte med at lære mere om dette indviklede håndværk. Dette er et smukt, vigtigt og undervurderet aspekt af grafisk design, så vi glæder os til at give det den opmærksomhed, det fortjener i denne artikel. Lad os komme i gang.
Lidt baggrund om typografisk design
Det hele startede med en fyr ved navn Gutenberg og en skrifttype kaldet Blackletter.
Vent, lad os spole tilbage. Det startede før det. Det startede teknisk set i Mesopotamien (det nuværende Irak).
Den første skrift, der nogensinde blev udviklet, blev kaldt kileskrift omkring 3400 f.Kr. Den bestod af symboler, der var udskåret i ler for at kommunikere forskellige sprog i skriftlig form. Omkring 3200 f.Kr. udviklede de gamle egyptere hieroglyffer, som også var en symbolsk piktografisk skriftform.
Et tidligt kinesisk skriftsystem synes at være opstået omkring 1300 f.Kr. fra Shang-dynastiet. Alle tre ovennævnte skrifttyper var unikke og selvstændigt skabte skriftformer. Det er bevis på, at det simpelthen er menneskets natur at kommunikere sprog visuelt.
Det var egypterne, der startede kunsten at skrive med blæk, og dette koncept fandt efterhånden vej til den vestlige verden, hvor piktogrammer udviklede sig til alfabeter, der førte til kalligrafi, som er en kunstart, der involverer smukke håndskrift, der hovedsageligt udføres af munke.
Håndskrift var meget tidskrævende og var kun forbeholdt den uddannede elite i samfundet, hvilket gav anledning til den senere udvikling af typografiske systemer.Tilbage til Gutenberg - det var her, den moderne typografi begyndte. Han opfandt trykpressen i det 15. århundrede og den første navngivne skrifttype kaldet "blackletter", hvilket var katalysator for printdesign og typografi, som vi kender det.
Se denne video for at få en kort og præcis historie.
At dykke dybt ned i skriftens historie er et kaninhul, der kan vare hele livet, så vi lader det blive ved denne artikel, så længe du forstår, hvor vigtig tekst er for os mennesker! Så hvis du er designer eller typograf eller overvejer at gå videre med dette håndværk, er dine færdigheder virkelig værdifulde.
Berømte typografer, du bør kende
Tro det eller ej, men der er masser af berømte typedesignere, som du kan lære mere om (har du nogensinde undret dig over, hvor nogle af disse skrifttypebetegnelser kommer fra?
Mange af dem er faktisk opkaldt efter deres ophavsmænd). Her er et par stykker, som du måske vil finde interessante.
Johannes Gutenburg
Den måske mest berømte typedesigner er opfinderen af de bevægelige typer og den "sorte skrifttype".
Jan Tschichold
Denne typograf, kalligraf og bogdesigner var en vigtig figur i udviklingen af grafisk design i det 20. århundrede og grundlagde principperne for typografisk modernisme (for ikke at nævne udviklingen af den visuelle identitet for pingvin-bøger).
Carol Twombly
Hun er berømt for at have designet skrifttyper for Adobe og er kendt for sine skrifttyper "Trajan", "Myriad", "Adobe Caslon" og "Chaparral".
John Baskerville
En britisk typograf fra det 18. århundrede, der designede "Baskerville", en skrifttype, der stadig lever i dag.
Se også: På fuld tid: Et interview med Andy McNallyStanley Morison
Britisk designer fra begyndelsen af det 20. århundrede, der skabte den berømte skrifttype "Times New Roman".
Hvorfor er typografi vigtigt?
Typografisk design er et af de mest afgørende elementer i grafisk design og UX/UI.
Typografi i designsystemer kommunikerer et budskab, guider oplevelsen og fremhæver en brandidentitet. Typografi er fundamentet for trykte og digitale oplevelser. Uden typografi er vi ikke i stand til at kommunikere koncepter på en hensigtsmæssig måde.
En designers typografiske valg påvirker udseendet og fornemmelsen af et brand eller et designprojekt samt beskuerens oplevelse.
Typer af type
Øh, hvad betyder det?
Typografi kan også kaldes "skrift", og ironisk nok findes der et par forskellige typer af skrifttyper, eller rettere sagt skriftstile, som normalt inddeles i fem hovedkategorier: serif, seriefri skrift, skrift, monospaced og display.
Inden for disse er der også underkategorier. Vi ser nærmere på dem om et øjeblik, men før vi begynder, skal vi afklare noget, som du måske undrer dig over: Hvad er forskellen på skrifttype og typeface?
Skrifttype vs. typografi
En skrifttype henviser til den bredere designstil for en gruppe tegn, mens skrifttyper er de variationer, der er skabt ud fra denne skrifttype.
"Arial" er en skrifttype, mens "Arial Narrow" eller "Arial Bold" er en skrifttype. Der er mange diskussioner og misforståelser omkring disse, men det vigtigste at vide er, at skrifttyper hører under skrifttyper. En skrifttype er i bund og grund en manipuleret form af en større skrifttype. Her er en artikel, der går i dybden med det, hvis du er interesseret.
Kategorier af skrifttyper
Serif
Dette er de traditionelle skrifttyper, der også bruges til titler og overskrifter. Du kan se dem i bøger, magasiner og aviser. Serif-skrifttyper defineres ved at have en lille streg i slutningen af de vigtigste streger, der udgør tegnet, som her:
Du kan genkende "Times" som en serifskrift.
Sans Serif
Sans Serif betyder i bund og grund "uden" (dvs. uden) den ekstra streg. Disse skrifttyper er mere enkle. De er også almindelige skrifttyper til brødtekst. Det er generelt de mest læselige skrifttyper.
Script
Disse skrifttyper bruges til overskrifter og er mere udtryksfulde skrifttyper. De er generelt kursive, mindre strukturerede og mere elegante.
Vis
I lighed med skrifttyper anvendes display-skrifttyper og display-skrifttyper til titler og overskrifter. Disse skrifttyper er også mere kreative og udtryksfulde.
Monosacet
Dette er den typiske skrivemaskineskrifttype. De bruges normalt til at vise kode. Nogle skrifttyper med en enkelt skrifttype med en enkelt skriftstreg er Menlo og Courier.
Nogle grundlæggende typografibegreber og termer
Der ligger meget i typografisk design.
Designeren skal tage hensyn til tekstens læsbarhed, hvor meget plads han/hun har at arbejde med, tekstens vægt, afstanden mellem linjerne og meget mere. Lad os se på nogle grundlæggende designelementer, der indgår i arbejdet med typografi.
Bogstavafstand AKA "Tracking"
Rummet mellem linjerne og omkring bogstaverne er lige så vigtigt som selve bogstaverne. At arbejde med rummet er en integreret del af typografi og grafisk design. I typografi kaldes det at justere mellemrummet mellem bogstaverne for tracking.
Kerning
Kerning henviser til afstanden mellem bogstaverne og er både et navneord og et verbum, eller et begreb og en proces. Det er både afstanden mellem bogstaverne og processen med at justere denne afstand. Det er en vigtig teknik i design, der får teksten til at skille sig ud, og den er ret dybdegående. Derfor har vi skrevet en hel artikel om kerning.
Type Skala
Dette henviser til skriftstørrelser. Skalaen påvirker læsbarheden og layoutet af et stykke tekst. At lege med skriftstørrelser kan være en mulighed for at være kreativ med et design og kan også bruges som en teknik til at lede øjet.
Typografiske hierarkier
Tænk på dette som en "brugeroplevelsesteknik" for skrifttyper. Typografisk hierarki bruger skriftstørrelse, vægt og endda farve til at lede øjet gennem teksten.
Vægt
Betyder, hvor "let", "tung" eller "fed" en tekst er.
Type Anatomi
Dette er en paraplybetegnelse for mange mindre koncepter, der findes inden for typografisk design. Det er meget teknisk og ser nogenlunde sådan ud:
Tilpasning
Selv hvis du ikke er designer, har du sikkert allerede oplevet et Microsoft Word-dokument eller et Google-dokument, hvor du har "justeret" din tekst til venstre, højre eller midt på siden.
Gitter
Et vigtigt element i brødteksten er gitre, der indrammer teksten - de kan have form af kolonner, firkanter, der efterlader hvidt mellemrum for at fremhæve et opslag, eller en blanding af interessante former, som teksten ligger i. Du kan se, hvad vi mener, i eksemplerne længere nede.
Eksempler på typografi
Lad os se på nogle eksempler på typografi for at få en bedre idé om, hvad der er muligt, forstå det, vi har diskuteret ovenfor, og give dig ideer til dit næste designprojekt!
Dette seje eksempel på typografisk design viser, hvad man kan gøre med en smule fantasi. Denne designer har kombineret typografi med en hverdagsgenstand for at indfange ordets essens visuelt. Snørebåndet er perfekt til at skabe tekst, og det tilføjede animationselement gør dette stykke skrift endnu mere indtagende.
Denne kursive skrifttype i skrivestil ser fantastisk ud som en 3D-gengivelse. Skriften er det vigtigste element i dette design. Hvis du ser på hele casestudiet, kan du se, hvordan dette typografiske design udviklede sig og blev til fra en grundlæggende tegning.
Denne typografi, der ligner billedet af sneakers, anvender billeder, der er forbundet med ordet.
Let Go bogstaverLet Go Lettering er designet af Ana Stoyanova . Kom i kontakt med dem på Dribbble; det globale fællesskab for designere og kreative fagfolk.
Pastelfarver og en vintage-inspireret skrifttype, der fremkalder følelsen af frihed, får beskueren til at føle sig afslappet og afslappet, som ordene "let go" antyder.
Dette billede bruger en simpel sløringsteknik til at skabe et interessant ordspil. Typografien er så enkel, blot en grundlæggende serif-skrifttype i sort på en hvid baggrund, hvilket understreger, at den enkle designteknik med at sløre nogle få bogstaver for at skabe et budskab er nok. Cool typografi-centrerede designs behøver ikke at være noget udførligt for at have effekt. Den enkleste, smarte idé virker også!
Dette fristende typografiske design med tunge-twist bruger på kreativ vis en tunge som grundlag for teksten. Igen lader du ordene styre dit typografiske design.
Dette design kombinerer fotografi med typografi. For at få et ekstra kreativt element kan du lade et fotografi styre, hvordan du kan designe skrifttyper. Du kan først konceptualisere, hvordan du gerne vil have, at skrifttypen skal se ud i forhold til det, du ønsker at kommunikere; for eksempel kan denne designer have fået ideen om ordene "don't touch", der er blevet klemt af et par hænder for at skabe et cool afsnit, førat finde frem til fotografiet.
Alternativt kan du lave et sjovt designprojekt ved at tage og finde fotografier, du kan lide, og indsætte tekst i fotografiet for at skabe en interessant visuel historie, hvor tekst og foto arbejder sammen og kontrasterer hinanden.
Okay, vi bruger en masse eksempler, hvor teksten består af objekter, der relaterer til ordet. I forstår det, vi forstår det, vi prøver bare at inspirere jer med typografi, der ser fantastisk ud. Vi håber, I kan lide det. Det er alt.
Er der andre, der har lyst til ost?
Dette design leger med tekstens form for visuelt at kommunikere en følelse af vægt og bruger tungt vægtede (dvs., fed ) for at kommunikere det samme.
Et smukt eksempel på skrifttyper kombineret med fotografi. Bemærk også teknikken med at kombinere flere skrifttyper i et stykke tekst for at skabe en mere visuelt indtagende oplevelse.
Parkshore-skriftsamlingenParkshore Font Collection er designet af Jeremy Vessey. Kom i kontakt med dem på Dribbble; det globale fællesskab for designere og kreative fagfolk.
Der er mange fantastiske skrifttyper at lege med, når det kommer til et vintage look og følelse. Dette er blot et eksempel på de mange skrifttyper, der findes. Bemærk, at der er brugt flere forskellige skrifttyper fra seriefri til skrifttyper.
Nødder om typografiNuts About Typography er designet af Focus Lab. Kom i kontakt med dem på Dribbble; det globale fællesskab for designere og kreative fagfolk.
Dette er et eksempel på typografisk hierarki. Kan du se, hvordan de forskellige skriftstørrelser viser læseren, hvor han/hun skal kigge og guider ham/hende gennem oplevelsen af informationen på den mest logiske og nemme måde?
Se, hvordan justeringen bruges kreativt med en højre justering og hvidt rum som det centrale blikfang for øjet, hvilket skaber et let og luftigt, minimalistisk design.
Bauhaus-bevægelsen gav anledning til sin egen skrifttype, og Bauhaus-inspireret typografi kan stadig være smart og sjov i et design den dag i dag.
Tips og praktiske erfaringer
Type fortæller en visuel historie
Tekst er så meget mere end brødtekst i en avis eller på et websted. Selve teksten fortæller en historie (og vi mener ikke kun ordene). Som du har bemærket i eksemplerne, gør brugen af objekter, teksturer og naturelementer teksten til en historie og gør den spændende.
Skrifttype påvirker følelsen
Eller skal vi snarere sige "skrifttype"? Skrifttypen har stor betydning for moos. Som du har bemærket i eksemplerne, giver en seriøs serif en helt anden stemning end en let og sprudlende vintage skrifttype.
Typografi er meget teknisk
Det er de detaljerede tekniske ting, der har størst betydning for typografisk design. Disse designere skal have et meget skarpt øje og skal være opmærksomme på kerning, linjeafstand, gitter og alle de små ting, der indgår i typografiens anatomi.
Se også: Sådan bliver du freelance designerDesign af typografi med Vectornator
Vectornator er et fremragende værktøj til at designe typografi.
Du har adgang til alle de tekstrelaterede værktøjer, du kan få brug for, lige ved hånden, for ikke at nævne de mange tegneværktøjer, så du kan have det sjovt med dine håndbogstaver. Husk at tjekke appen ud, hvis du ikke allerede har gjort det, og del dine fantastiske typografiske designs med os!
