Typedesign: En guide til regler og vilkår

Typedesign, også kendt som typografisk design, refererer til processen med at skabe og style skrifttyper, der bruges til at vise tekst i forskellige medier såsom print, hjemmesider, mobilapps og andre medier.

Nøgleaspekter af typografisk design omfatter:

1. Oprettelse af skrifttyper: Udvikling af nye skrifttyper med unikke former af bogstaver, tal, tegnsætningstegn og andre symboler.
2. Valg og kombination af skrifttyper: At vælge passende skrifttyper til et specifikt design og kombinere dem harmonisk for at skabe æstetisk tiltalende og læsbar tekst.
3. Definition af egenskaber skrifttype: Arbejde med skrifttypeparametre såsom stil (kursiv, fed), størrelse, linjeafstand, tegnbredde og andre karakteristika for at opnå en specifik visuel effekt.
4. Arbejde med metrics og kerning: Bestemmelse af den korrekte afstand mellem tegn (kjerning) og indstilling af metrics (tegnbredde) for at sikre læsbarhed og visuel konsistens.
5. Oprettelse af variable skrifttyper: Muligheden for at skabe skrifttyper med variable parametre som vægt, hældning og højde for et mere fleksibelt og responsivt design.
6. Under hensyntagen til kulturelle og sproglige karakteristika: Under hensyntagen til de specifikke krav og egenskaber ved forskellige sprog og kulturer, når du opretter skrifttyper.

Skrifttypedesign er afgørende for den visuelle appel, læsbarhed og effektiv kommunikation af tekst. Det påvirker den overordnede opfattelse af et design og kan være et nøgleelement i at skabe et genkendeligt brand eller stil.

Før vi dykker ned i typografidesign, lad os se på, hvad typografidesign er. typografi og hvor det kom fra.

En kort historie om skrifttyper. Font design

Hvad er skrifttypedesign? Kort sagt er typografisk design kunsten at skabe et budskab i en læsbar og æstetisk tiltalende komposition. Dette er et integral designelement . Typografien beder ikke designeren om at tegne sine egne bogstaver, men arbejder i stedet med eksisterende skrifttyper. Denne proces kræver, at designeren træffer en række beslutninger, såsom at vælge det rigtige headsets, valg af punktstørrelse, justering af kerning og linjeafstand samt udvikling af et praktisk layout.

Dette kan gøres hurtigt og nemt ved hjælp af bærbare computere, computere og endda telefoner. Takket være teknologien udfordres typografien og dens regler hver dag af nye generationer af designere, der forestiller bogstaver på måder, vi ikke engang kunne forestille os for et par år siden.

Bevægelig skrifttype

Men det handlede ikke altid om teknologi. Bevægelige typer blev opfundet i det tidlige 15. århundrede af Johannes Gutenberg og revolutionerede trykkeriet ved at tillade masseproduktion trykte materialer. Men selv før trykteknikker eksisterede, var folk stadig fast besluttet på at skabe bøger eller trykte plakater. De gjorde det simpelthen i hånden, med en masse tålmodighed og dedikation. Folk har altid skabt skriftlige beskeder – manglen på papir og ordentlige skriveredskaber har aldrig stoppet os. Gamle civilisationer huggede deres glyffer ind i sten eller træ. Font design

Hvis vi ser på typografiens udvikling og alle de værktøjer og teknikker, der er brugt den dag i dag, vil vi bemærke en igangværende kamp mellem hånd og maskine, mellem det organiske og det geometriske. I dag producerer den radikale adskillelse af de to verdener, såvel som deres harmoniske forening, nye og usædvanlige resultater, der giver næring til den endeløse cyklus af typografisk forskning.

Skriv designvilkår, du bør kende

Der er nogle grundlæggende regler og designudtryk, som du skal kende, før du dykker ned i typografi. Her er de vigtigste af dem:

Stil. Font design

Bogstaver kommer i forskellige former og stilarter. At kategorisere dem kan være udfordrende, fordi der er mange faktorer at overveje: deres udseende, inspirationen til dem, den æra, de kom fra, og deres brug. For at gøre tingene enkle, henviser vi ofte til tre hovedkategorier af stilarter og opdeler dem derefter i mindre.

Serif

De første serif-skrifttyper var inspireret af traditionel kalligrafi og kaldes humanistisk eller gamle stilarter . Denne stil er kendetegnet ved glatte og afrundede former og små udsving i vægt. Font design

Omkring midten af ​​18-tallet dukkede en ny type serif op, som vi nu kalder overgang . Denne stil markerer overgangen mellem humanistiske og moderne stilarter, så den kombinerer lidt karakteristika for begge stilarter.

I slutningen af ​​det 18. og begyndelsen af ​​det 19. århundrede blev den radikale serif-stil født: moderne . Vi kan genkende denne stil på den skarpe kontrast af vægt og tynde lige seriffer.

Med fremkomsten af ​​reklamer i det 19. århundrede, egyptisk eller pladeseriffer . På grund af deres dristige udseende og tunge seriffer var de den foretrukne stil til at vise kommercielle budskaber.

Sans serif

Sans serif-skrifttyper blev populære i det 20. århundrede, og de havde også en kalligrafisk indflydelse, hvorfor vi også kalder dem humanistisk . Vi kan observere en lille ændring i vægt og en generel følelse af varme.

I midten af ​​1900-tallet blev Helvetica skabt, der satte barren for  overgangsperiode  sans serif. Disse bogstaver er ensartede og stivere end tidligere brugt, uden det håndlavede element.

Geometrisk Sans seriffer svarer til moderne seriffer. De er bygget på geometriske former (bogstavet O er en perfekt cirkel), og toppen af ​​bogstaver som A eller N er skarpe og stærke. Font design

  Håndskrevet skrifttypedesign

Manuskriptet skrift imiterer kursive og kalligrafiske stilarter, og de kan variere fra slank og formel til rodet og ubesværet.

børste er tæt på scripts, men de henter inspiration fra penslens bogstaver. Dette gør dem dristigere og mindre elegante.

Endelig Gotisk stil eller stil Blackletter har traditionel kalligrafi i form af filtspidser. Stilen udviklede sig fra karolingiske finesser og i midten af ​​12-tallet blev der skabt en ny stil med skarpe, lige og kantede linjer. Font design

Skrifttype vs skrifttype.

Jeg er sikker på, at vi alle på et tidspunkt i vores liv er blevet forvirrede over forskellen mellem skrifttype og skrifttype. Det var jeg bestemt!

Pynt (eller skrifttypefamilie ) er et visuelt design af bogstaver, og det består af flere skrifttypeformater. I metalsætning betragtes et sæt fysiske bogstaver som en skrifttype, der indeholder alle eksisterende bogstaver, tal og tegnsætningstegn som et separat element. I den digitale verden er font software, som vi installerer og bruger. Font design

En komplet skrifttypefamilie kan komme i et overvældende antal stilarter, fra supertynd til ultrasort og superkondenseret til ekstra bred, alt sammen i almindelig og kursiv.

Men vent, der er mere. Nogle ansigter har også små bogstaver (store bogstaver, der kun strækker sig til x-højden), linjerede tal og tal uden linje (tal, der strækker sig ud over basislinjen og x-højden, integreres lettere i tekstblokke), og i nogle tilfælde en et par ekstra alternative tegn. Det er ret meget, hva'?

Anatomi. Font design

Bogstavernes anatomi er ret kompleks - hver lille detalje og element har sit eget udtryk.

Her er et par af dem:

Genkende typografiske illusioner. Font design

Breve er fantastiske, ikke kun fordi de udtrykker så mange følelser, men også fordi de har evnen til at bedrage vores øjne.

Lad os se på nogle optiske illusioner fundet i typografisk design:

Illusion 1

Bogstavet S virker som et perfekt symmetrisk bogstav, ikke? Nå, det er ikke sandt. Bare drej den 180°, og du vil se, at toppen faktisk er mindre end bunden. Dette gør ham mere stabil og selvsikker.

Illusion 2

Selvom alle bogstaverne er lige høje, er de runde former faktisk lidt større. For eksempel er skæringen af ​​bogstavet O med grundlinjen og højden af ​​overskriften kun et punkt. Mens skæringspunktet mellem bogstavet E, for eksempel, rører disse linjer med sin fulde overflade. Siden begge bogstaverne har teknisk set samme størrelse, vil de virke uforholdsmæssigt store. Vi er nødt til at forskyde O'erne lidt for at gøre dem visuelt lige. Font design

Illusion 3. Skrifttypedesign

For at få O'et til at se symmetrisk og konstant i vægt, skal vi faktisk gøre det - ikke konstant i vægt. Vend O 90°, og du vil indse, at siderne er lidt tykkere end toppen og bunden.

Illusion 4. Skrifttypedesign

Da vi spejlvender bogstaver, lad os prøve det samme trick med bogstavet A. Hvis vi vender det vandret, vil det afsløre, at dette tilsyneladende symmetriske bogstav faktisk ikke er symmetrisk. Små snydekoder skal anvendes på visse bogstaver, selvom det betyder, at de går imod en matematisk regel, for at gøre dem visuelt tiltalende.

Illusion 5

Hvis du ved noget om kalligrafi, ved du, at streger er tynde, strøg er tykke og krydsstrøg er tynde igen. Denne regel skal anvendes selv på de enkleste og mest geometriske bogstaver, såsom bogstavet T. Skrifttypedesign

Illusion 6. Skrifttypedesign

Du tror måske, at tværstængerne i bogstaverne E og A teoretisk er i midten af ​​bogstavet. Nå, tænk om igen. For at få bogstavet til at se velafbalanceret ud, skal det flyttes lidt rundt. Du kan tydeligt se, at overliggeren er off-center, hvis du vender bogstavet på hovedet.

Illusion 7

Bogstaverne B, P og R er beslægtede former, den ene afledt af den anden. Det betyder dog ikke, at de har samme proportioner. R skålen skal være lidt tyndere, så den ikke bliver for tyk, når du forbinder stilken til den. Selvom den øverste kop på B'et skal være mindre end den nederste for at gøre bogstavet mere stabilt. Font design

Regler for skrifttypedesign. Font design

Ja, jeg ved det godt  regler skal brydes men for at bryde reglerne på en måde, der ikke får designeren til at græde, skal du først lære dem.

Når vi arbejder med at skrive og arrangere afsnit på en side, skal vi være opmærksomme på flere faktorer og sørge for, at det, vi skaber, er læseligt og forståeligt. Bortset fra, selvfølgelig, hvis du laver en form for abstrakt, eksperimenterende typografisk plakat rettet mod totalt kaos og anarki. Hvis dette er din marmelade, så gå efter det. Men hvis du arbejder med en lang kopi, der ikke kun er designet til at fange seerens opmærksomhed, men til rent faktisk at skildre et budskab på en enkel måde, skal du være opmærksom på enhver beslutning, du træffer.

Centrering

Justering refererer til placeringen af ​​tekst på en side, eller mere specifikt justeringen af ​​dens kanter med sidens kanter. Der er 4 typer justering, men husk at ingen af ​​dem er mindre korrekte end den anden, de ser bare anderledes ud og udtrykker forskellige vibrationer.

Skyl til venstre. Font design

Dette er sandsynligvis den mest almindeligt anvendte justering, da den følger de fleste sprogs naturlige flow. Ved brug af denne opretning skal man passe på at skabe en velafbalanceret højre kant, med rækkelængder, der har et naturligt udseende.

Sørg for at undgå ensomme ord i nye linjer. De kaldes "enker", og de er triste.

Skyl til højre. Font design

I modsætning til venstrejustering går højrejustering imod det naturlige flow i de fleste skriftsprog, hvilket også kan bruges til vores fordel. Husk dog, at denne justering skaber et usædvanligt udseende, og det kan være svært for øjet, når det bruges i lange afsnit. For at have en ren højre kant skal du prøve at undgå mange punktum eller kommaer for enden af ​​linjer.

Koncentreret. Font design

Hvis det udføres dårligt, kan centreret justering se ret kedeligt og rodet ud. Selvom den med stor omhu kan skabe et elegant, men alligevel dynamisk look. Nøglen er at spille med linjelængder og samtidig bevare den overordnede balance.

Berettiget. Font design

Selvom det kan se moderne og rent ud, hvis det gøres korrekt, kan berettiget justering gå galt meget hurtigt. Fordi ordene skal fylde hele rækken, kan der være akavede mellemrum mellem dem. Sørg for at justere alt pænt og igen, leg med tekststørrelsen, tekstboksens længde og kerning, hvis det er nødvendigt.

sporing

Processen med at justere den overordnede afstand mellem bogstaver kaldes sporing eller bogstavafstand. I de fleste tilfælde kan du bruge positiv sporing frem for negativ sporing for at skabe en mere åben og luftig sammensætning. Font design

Efterhånden som teksten bliver større, bliver mellemrummet mellem bogstaverne større, så sporing skal reduceres. Ligeledes, hvis tekststørrelsen bliver mindre, skal vi øge sporingen.

Et tip til at huske er, at store bogstaver giver bedre læsning end små bogstaver.

Kerning. Font design

Kerning henviser til at ændre mellemrummet mellem individuelle bogstaver. Selvom vi i de fleste tilfælde kan undgå at anvende sporing, er vi nogle gange nødt til at gå derind og justere afstanden mellem kun to bogstaver. Disse "lukkede" rum vises oftest omkring bogstaver som A, W, V, T.

Åh, her er et lille spil til at teste dine kerning-evner!

Hvis vi arbejder med velkonstruerede skrifttyper, behøver vi ikke anvende en enorm mængde kerning. Men hvis vi gør dette, har vi mulighed for at anvende optisk kerning (som automatisk udføres af det program, vi arbejder i) eller metrisk kerning (som vil bruge kerning af den typedesigner, der er beregnet til at designe skrifttypen) i vores redigering. ansøgning, eller vi kan gøre det hele manuelt (ved at bruge vores intuition og erfaring).

Analyser dine e-mails og anvend den sporingsmetode, der passer bedst til formålet. Husk også, at bare fordi optisk kerning vil fungere godt for et bestemt headset, betyder det ikke, at det vil være det bedste valg i alle situationer.

Interline. Font design

Afstanden mellem to tekstlinjer kaldes linjeafstand. Ved at tilpasse det, kan vi lege med teksturen og farven på afsnittet og skabe visuel interesse og opbygning af hierarki. Den optimale linjeafstandsstørrelse afhænger af forskellige ting, såsom mængden af ​​ord i forhold til den anvendte plads, størrelsen af ​​displayet.

Hierarki. Font design

Hierarki hjælper os med at skabe visuel interesse og guide seerens øje henover siden, hvilket gør oplevelsen af ​​tekst meget nemmere og mere intuitiv. Den mest oplagte og enkle måde, vi kan skabe noget hierarki på, er at få skrevet information ind forskellige størrelser.

Vi kan også skabe et interessant hierarki ved at justere bogstav- eller linjeafstanden eller ændre størrelsen på vores tekst. Vi kan også blande de anvendte stilarter eller farver eller bruge specialtegn eller forskellige justeringer og layouts.

Hvordan vi beslutter os for at indrette vores tekst, især hvilke dele, der skal fremhæves, afhænger i høj grad af, hvilken type materiale vi forbereder teksten til: trykt eller digitalt. Hvis det er til tryk, er det så en avis med meget tekst, et magasinforside med hovedtitlen og et par kortere, der repræsenterer magasinets indhold, eller en plakat med en titel og nogle oplysninger såsom datoer og steder? Hvis det er til nettet, hvad er vores mål med siden: hvor lang tekst skal vi vise, og hvem designer vi den til?

Brugen af ​​hierarki er dog ikke altid forbundet med at fremhæve bestemte dele af teksten. Vi kan også bruge hierarki til at skabe visuelt interessante kompositioner såsom mønstre og former ved at variere vægt, farver og størrelser.

At holde alle disse referencer i tankerne vil hjælpe os med at opbygge et ordentligt hierarki uden at overvælde læseren.

Gitter. Font design

En af de vigtigste elementer i proces At arbejde med tekstbrød er et gitter, og det kan være fra simpelt til komplekst. Ved at bruge grids strukturerer vi grundlæggende informationen på en given side. Dette giver os bedre kontrol over, hvordan vi placerer elementer på vores side. Når de bruges korrekt, kan gitter skabe kompositioner, der guider seerens øje, hvilket gør information lettere at behandle og forstå.

Som med alting kan vi arbejde med enkle og enkle gitter, eller vi kan blive helt skøre og komme med komplekse og komplekse.

En anden meget vigtig ting at huske på, når du placerer oplysninger på en side, er hvidt mellemrum. Bliv venner med ham og hold ham tæt på dig altid.

Font design

Mange mennesker har et ønske om at fylde hvert hjørne af siden med tekst eller billeder, men det er normalt en god idé at have en masse hvid plads. Dette giver informationen pusterum, får kompositionen til at føles luftigere og hjælper læseren med at navigere i informationen.

Skrifttypernes magt. Font design

Typografisk design har enorm magt til at påvirke et budskab. Når det bruges korrekt - den rigtige kombination af stil, størrelse, hierarki, kerning og linjeafstand - er der intet du kan gøre ved det. Fra formelle og elegante sider til dynamiske og iøjnefaldende kompositioner kan du gøre alt, hvad din fantasi kan finde på.

Ved at forstå reglerne og fakta om bogstaver og de forskellige måder, vi kan bruge dem på, kan vi uendeligt udtrykke os gennem dem. Disse regler er kun retningslinjer. Jeg anbefaler stærkt, at du går videre og bryder dem alle sammen! Lær, eksperimenter, glem hvad du har lært, lav fejl og start forfra. På denne måde vil du udvikle en stil, der er unik for dig.

Ofte stillede spørgsmål

1. Hvad er skrifttypedesign?

   • Svar: Typedesign er processen med at skabe og style skrifttyper (typografi), der kan bruges til at vise tekst på trykte og digitale medier.

2. Hvordan skabes skrifttyper?

   • Svar: Skrifttyper er skabt af designere ved hjælp af forskellige værktøjer, såsom grafiktablets, vektoreditorer eller specialiserede programmer til oprettelse af skrifttyper.

3. Hvordan vælger man den rigtige skrifttype til dit design?

   • Svar: Valget af skrifttype afhænger af konteksten, formålet med teksten og designstilen. Det er vigtigt at overveje læsbarhed, humør og kompatibilitet med andre elementer.

4. Hvilke skrifttypekarakteristika påvirker opfattelsen af ​​tekst?

   • Svar: Størrelse, stil (kursiv, fed), linjeafstand, tegnbredde, højde på øvre og nedre store bogstaver - alle disse faktorer kan påvirke opfattelsen af ​​teksten.

5. Hvordan bestemmer man reglerne for skrifttypevariation i design?

   • Svar: Skrifttypevariationer kan afhænge af kontrast, kompatibilitet, struktur og konsistens i designet. Det er vigtigt at skabe balance og understrege visuelle elementer.

6. Hvilke tendenser er fremherskende inden for skrifttypedesign?

   • Svar: Tendenser i skrifttypedesign kan ændre sig, men i øjeblikket populære er brugerdefinerede former, variable skrifttyper og understøttelse af flere sprog.

7. Hvordan laver man sin egen skrifttype?

   • Svar: Oprettelse af din egen skrifttype involverer at tegne bogstaver, tal og symboler, vektorisere dem, definere metrikker og oprette en skrifttypefil ved hjælp af specialiserede programmer.

8. Kan skrifttyper påvirke mærkeopfattelsen?

   • Svar: Ja, valget af skrifttype kan have stor indflydelse på opfattelsen af ​​et brand, da skrifttyper kan formidle en bestemt stemning og stil, der forbinder med mærkets karakter.

АЗБУКА