Typografiske elementer, som alle har brug for at forstå

Type design kan være skræmmende for mange med udtryk som førende, baseline, kerning, ascender, hale og mange flere ... Den gode nyhed er, at der er otte grundlæggende, universelle typografiske designelementer: skrifttype, hierarki, kontrast, konsistens, justering , hvidt rum og farve. Selv en grundlæggende forståelse af hvert af disse elementer kan revolutionere ethvert designprojekt.

Typografiske principper er ikke kun vilkårlige æstetiske filosofier, som en prætentiøs designstudent udgør, de er teknikker, der hjælper dig med at præsentere dine ideer for seerne og få mest muligt ud af hvert ord. Principperne, der vedrører hvert af disse elementer, drejer sig om en central idé: god kommunikation. God typografi er vigtig for enhver situation, hvor du vil overføre en idé til en anden person via tekst - såsom et websted, blogindlæg, magasinannonce, interface, billboard eller nyhedsbrev.

Typeface

Der er tre grundlæggende typer skrifttyper: serif, sans-serif og dekorative.

Skrifttype kategorier.

Læg mærke til de små udsmykninger i slutningen af ​​linjer på serif-skrifttypen, cirkelformet med rødt. Disse kaldes faktisk "serifs", deraf navnet på skrifttypekategorien. "Sans" betyder "uden", og derfor kaldes alle skrifttyper uden serifs "sans-serif." Dekorative skrifttyper er sådan, at de ikke rigtig passer perfekt til nogen af ​​disse kategorier, og de er ofte detaljerede, kreative skrifter, der bruges til titler .

Det er bedst at bruge maksimalt tre skrifttyper i et givet designprojekt, og to er ofte endnu bedre. Det holder dit design uklædet og enkelt. Prøv at parre serif-skrifttyper med sans-serif-skrifttyper, f.eks. At placere hovedteksttekst i en serif-skrifttype og placere din titel i en sans-serif-font, eller omvendt. Brug dekorative skrifttyper minimalt og næsten aldrig til hovedkropstekst, fordi de ofte har lav læsbarhed og bare ikke ser dejlige ud af tiden.

Fontparringer.

Ved hjælp af Gravit Designer kan du nemt vælge fantastiske fontparringer ved at vælge det tekstlag, du vil ændre (1), vælge fanen "Udseende" (2) og rulle gennem enten "Web-skrifttyper" eller "Systemskrifter", som er de skrifttyper, der allerede findes på din computer (3). Jeg anbefaler, at du søger på webskrifttyper for at undgå de klæbrige, overbrugte skrifttyper, der følger med de fleste computere. Vær meget opmærksom på skrifttypeeksemplerne (4) og identificer, om de er dekorative, serif eller sans-serif. Den skrifttype, jeg har valgt nedenfor, "Adamina", er en serif-font og ser godt ud med den fed sans-serif-titel.

Valg af skrifttyper i Gravit Designer

Hierarki

En af hierarkiets hovedroller er at hjælpe med at holde dine ideer organiserede, så seerne altid kan identificere, hvilken kategori information de læser. Et typisk eksempel ville være et websted, hvor titlen på webstedet er øverst på siden i en stor header, mens hovednavigationssider på webstedet er anført under overskriften i en mindre skrifttype. Dette er et visuelt signal, der hjælper læserne med at identificere teksten i teksten uden selv at skulle bevidst tænke over den. Bemærk, at på teksten herunder er teksten i samme størrelse, skrifttype, vægt og farve med ringe skelnen. Hele teksten forekommer lige, og intet springer ud ... dette er dårligt design!

Et design, der mangler hierarki.

I det næste billede er skrifttype, størrelse, farve og format på hvert hierarkisk niveau ændret til at være unikt og adskille sig fra de andre kategorier. Bemærk, at websidens titel, navigationsmenu og hovedindholdsoverskrifter og kropstekst hver har ensartede stilarter, der er unikke for deres respektive kategorier.

design med godt hierarki [webside-illustrationer komplimenter af Gravit Designer's sticker gallery]

Hierarki hjælper også med at gøre din tekst "scanbar." I en alder af 140 tegn tweets og TL; DR (for længe; læste ikke), skal forfattere og designere nu, mere end nogensinde, søge at være kortfattede og give læserne med muligheden for hurtigt at forbruge store mængder information. En af de bedste måder at gøre det på er at anvende hierarki til at gøre din tekst scanbar.

For eksempel, hvis nogen læser en brochure til din bagerivirksomhed, men kun er interesseret i cupcakes, vil du give dem en hurtig måde at finde disse oplysninger på. I stedet for at få seeren til at læse gennem blokke med kropstekst, skal du organisere typerne af bagværk med fed fedthoved for at lade seeren hurtigt finde området med relevant information, inden han skal se nærmere.

Kontrast

Kontrast gør tekst interessant og kan hjælpe dig med at kommunikere, hvilke ideer du vil fremhæve. Varierende størrelse, skrifttype, vægt, farve og stil kan give dine designs en stor indflydelse og gøre dine ideer organiserede. Nedenfor kan du se, hvordan kontrast hjælper dig med at give din tekst et interessant, opmærksomme og endnu mere meningsfuldt udseende. Nedenfor er ordet “Lille” sort, justeret til højre, let, i en kursiv serif-skrifttype med øget mellemrum mellem bogstaver. "Stor" er rød, tung vægt i et almindeligt skrifttype af sans-serif og er ca. 10x større end ordet "Lille."

Masser af kontrast og dermed indflydelse!Ingen kontrast = kedeligt!

Det er klart, at kontrastelementer gør, at det første design skiller sig ud meget mere end det andet design, hvor begge ord har samme styling.

Konsistens

Konsistens er et nøgleprincip for al typografi. Konsistente skrifttyper er især vigtige, da brug af for mange kan føre til et forvirrende og rodet udseende, så brug altid den samme fontstyling til den samme information. Beslut om et hierarki af stilarter og hold dig til det. Selvom du måske har mange niveauer af hierarki, skal du holde dig til et overordnet tema for designet.

Siden "Kapitel 1" nedenfor har et behageligt design med kun to skrifttyper, to farver og tre skriftstørrelser. Selvom der kun bruges to skrifttyper, opnås hierarki ved hjælp af størrelse og farve. Hele teksten er venstrejusteret undtagen sidenummeret og giver rene, ensartede linjer. På siden "Kapitel to" er der imidlertid fire forskellige skrifttyper, fire farver, fire skrifttypestørrelser, og hvert element har en anden justering - alt dette skaber et rodet, upåvirkende design.

Justering

Justering henviser til den "linje", som teksten orienterer sig mod. Det kan gælde for en hel krop af tekst, individuelle ord eller endda billeder. Justeringen skal være så konsistent som muligt, og hvert element i dit design er beregnet til at tilpasse sig et af de andre elementer på en eller anden måde for at skabe lige størrelser og afstande mellem objekter. F.eks. Vil du måske have, at logoet skal justeres i størrelse med din header, og du vil måske have, at din kropstekst skal justeres med de samme margener, som overskriften falder i.

Gravit Designs linealværktøj er den bedste måde at holde styr på at tilpasse billeder, figurer, linjer og tekst. Vælg Vis> Vis linealer i topmenuen for at åbne linealværktøjet, og træk guider ud fra linealerne, der vises til venstre og øverst i dit dokument. Hvis du vil ændre måleenheden, der vises på linealen, skal du vælge Dokument> Enhed på fanerne i højre side af skærmen (uden noget element valgt på lærredet). Du kan også tænde et gitter til højre nedenfor for at hjælpe dig.

ved hjælp af linealer til at justere objekter

Mange amatørdesignere begår fejlen ved at overforbruge centerjustering ... det er fristende, men kan være rodet og se ubalanceret ud. Venstre justering er normalt det bedste valg, og højre justering kan også være interessant. Undgå dog at bruge den rigtige justering til brødtekst.

se, hvor meget bedre venstrejustering er end centrum!

Hvidt rum

Hvidafstand henviser til det tomme rum omkring objekter eller tekst og kan have form af margener, polstring eller bare et uklart område. Det skaber en behagelig visuel oplevelse og kan endda henlede opmærksomheden på tekst. I den første boks nedenfor klemmes teksten mod afgrænsningsfeltet, hvilket gør det svært at læse. I den anden boks har teksten indåndingsrum, og designet ser endnu mere stilfuldt ud.

Vi synes ofte, at prangende farver og fed skrift er den eneste måde at henlede opmærksomheden på tekst på, men forbløffende kan hvidt rum være den bedste måde at tegne seeren ind, da det indikerer, at hvad som helst inden for det store felt med tom plads, må være vigtigt .

Farve

Farve kan virkelig hjælpe med at indstille stemningen for dit design, og at få det rigtigt kan få din tekst til at skille sig ud. Der er tre hovedkomponenter i farve:

  1. Nuance - farvenyance
Justering af nuance i Gravit Designer

2. Mætning - hvor strålende farven er

Justering af mætning i Gravit Designer

3. Værdi - lyshed eller mørke i farven

Justering af værdi i Gravit Designer

Husk at kontrastere nuance, mætning og værdi på en måde, der gør din tekst let at læse. En god måde at fortælle, om dine farver har tilstrækkelig kontrast, er at se dit design i gråtoner, og hvis det ikke ser godt ud, skal du muligvis justere værdier. Bemærk, hvordan teksten til højre bliver næsten usynlig i gråtoner, mens billedet til venstre stadig ser godt ud:

En situation, hvor kontrast bare ikke er nok, er med lys tekst på en mørk baggrund… selvom kontrasten forekommer høj, er det bare ikke så let at læse som mørk tekst på en lys baggrund, især med lille tekst, så brug det stil sparsomt!

Når du fremstiller ethvert design, vil du stille dig selv disse tre spørgsmål hjælpe dig med at huske de førnævnte retningslinjer og principper:

  • Er min tekst læsbar?
  • Er min styling konsekvent?
  • Bruger min styling kontrast?

Jeg håber, at dette har været en nyttig introduktion til brug af grundlæggende typografiske elementer. Kommenter nedenfor, hvilket element du synes er det vigtigste eller det mest overset, og fortæl os alle tip eller principper, du gerne vil dele!

Hjemmeside | Facebook | Twitter | Forum