For at bruge den mest grundlæggende forklaring er typografi design og brug af skrifttyper som kommunikationsmiddel. Mange mennesker anser typografi for at være begyndt med Gutenberg og udviklingen af bevægelig type, men typografi går meget længere end det. Denne gren af design har faktisk sine rødder i håndskrevne bogstaver.
Typografi omfatter alt fra kalligrafi gennem den digitale type, som vi ser i dag på websider af alle slags. Typografiens kunst inkluderer også typedesignere, der opretter nye bogstaver, der derefter omdannes til skrifttypefiler, som andre designs kan bruge i deres arbejde, fra trykte værker til de førnævnte websteder. Så forskelligt som de værker kan være, understøtter det grundlæggende i typografi dem alle.
Typografiens elementer
Hvis du nogensinde har talt til en webdesigner, der bruger typografi i sit arbejde, har du sandsynligvis hørt ordene "skrifttype" og / eller "skrifttype". Mange mennesker bruger disse to ord udveksling, men der er faktisk nogle forskelle mellem disse to ting.
Typeface er udtrykket givet til en familie af skrifttyper (som Helvetica Regular, Helvetica Kursiv, Helvetica Black og Helvetica Bold). Alle de forskellige versioner af Helvetica udgør den komplette skrifttype.
Skrifttype er det udtryk, der bruges, når en person kun henviser til en vægt eller stil inden for denne familie (som f.eks. Helvetica Bold). Så mange skrifttyper består af en række individuelle skrifttyper, som alle er ens og relaterede, men forskellige på en eller anden måde. Nogle skrifttyper må kun indeholde en enkelt skrifttype, mens andre kan indeholde talrige variationer af de bogstaver, der udgør skrifttyperne.
Hvis dette virker forvirrende, skal du ikke bekymre dig, hvis nogen ikke er en typografisk ekspert, vil de sandsynligvis bruge udtrykket "skrifttype", uanset hvilket af disse vilkår de virkelig betyder, og selv mange professionelle designere bruger disse to ord udveksling. Medmindre du taler til en ren type designer om håndværkets mekanik, er du sandsynligvis ret sikker ved at bruge hvilken af disse to udtryk du foretrækker. Når det er sagt, hvis du forstår sondringen og korrekt kan bruge de korrekte vilkår, er det aldrig en dårlig ting!
Typeface klassifikationer
Nogle gange kaldes "generiske skrifttypefamilier", disse er store grupperinger af skrifttyper baseret på en række generiske klassifikationer, som forskellige skrifttyper falder ind under. På websider er der seks typer skrifttypeklassifikationer, som du sandsynligvis vil se:
- Serif
- Sans serif
- Manuskript
- Monospaced
- Cursive
- Fantasi
Der er også en række andre skrifttypeklassifikationer, der er offshoots af disse. F.eks. Svarer "slab serif" skrifttyper til serifs, men de har alle et genkendeligt design med tykke, klare serifs på brevformerne. Serif og sans-serif er de to mest almindelige skrifttypeklassifikationer, som bruges på de fleste hjemmesider.
Typeface Anatomy
Hvert skrifttype består af forskellige elementer, der adskiller det fra andre skrifttyper, der betegnes som skrifttypeanatomi. Medmindre du specifikt skal gå ind i typedesign og søger at oprette helt nye skrifttyper, skal webdesignere generelt kun kende det grundlæggende i skrifttypens terminologi.
På et grundlæggende niveau er de elementer af skrifttypeanatomi, som du bør være opmærksom på, "cap" og "x-height" og "descenders" og "ascenders."
Hætte og x-højde er højden af hovedbogstaverne i skrifttypen og højden af brevet x. Det fortæller dig, hvor høj de største bogstaver vil være, samt hvor store de fleste små bogstaver vil være. Alle skrifttyper er dimensioneret ud fra disse to karakteristika.
Nedstigninger og opstigninger er de dele af bogstaver, der går under og over x-højden linjen. Dette refererer typisk til små bogstaver. F.eks. Har bogstavet "b" en stigende (det stykke der stikker "op" fra brevet), mens bogstavet "p" har en nedstigning (de dele, der dykker "ned" fra brevet).
Spacing Around Letters
Der er flere justeringer, der kan laves mellem og omkring bogstaver, der påvirker typografi. Digitale skrifttyper oprettes med mange af disse egenskaber på plads, og på hjemmesider har vi begrænset evne til at ændre disse aspekter af skrifttypen. Dette er ofte en god ting, da standardindstillingen, som skrifttyper vises, normalt foretrækkes.
- knibning: Det vandrette mellemrum mellem individuelle bogstaver
- Sporing: Mellemrummet mellem bogstaver
- førende: Lodret mellemrum mellem linjer af typen (dette kaldes liniehøjde i hjemmesider)
- Måle: Længden af tekstlinjer
- Justering: Visuelt placere tekst til venstre, højre, centreret eller begrundet
- Ligaturer: Bogstaver flyttede så tæt sammen, at deres anatomier kombineres og i det væsentlige flyder et bogstav til et andet
Flere typografielementer
Typografi er mere end blot de skrifttyper, der bruges, og hvide rum omkring dem. Der er også nogle andre ting, du bør huske på, når du opretter et godt typografisk system til ethvert design:
"Hyphenation" er tilføjelsen af en bindestreg (-) i slutningen af linjer for at forhindre problemer i læsbarhed eller gøre retfærdiggørelse bedre. Selvom de ofte findes i trykte dokumenter, ignorerer de fleste webdesignere bindestreg og bruger dem ikke i deres arbejde, fordi det ikke er noget, der håndteres godt automatisk af webbrowsere.
"Klud" er den ujævne lodrette kant af en tekstblok. Når du tager hensyn til typografi, skal du se på dine tekstblokke som helhed for at sikre, at kluden ikke påvirker designet.Hvis kluden er for skæv eller ujævn, kan den påvirke læsbarheden af tekstblokken og gøre det distraherende. Dette er noget, der automatisk håndteres af browseren med hensyn til hvordan det wraps skriver fra linje til linje.
Et enkelt ord i enden af en kolonne er enke, og hvis det er øverst i en ny kolonne, er det forældreløst. "Enke" og "forældreløse" ser dårligt ud og kan være svære at læse.
Få dine tekstlinjer til at vise perfekt i en webbrowser er et uhyggeligt forslag, især når du har en lydhør hjemmeside og forskellige skærme til forskellige skærmstørrelser. Dit mål bør være at gennemgå webstedet i forskellige størrelser for at prøve at skabe det bedste udseende, mens du accepterer, at dit indhold i visse tilfælde vil have vinduer, forældreløse eller andre mindre end ideelle displays. Dit mål skal være at minimere disse aspekter af en type design, samtidig med at det er realistisk, at du ikke kan opnå perfektion for hver skærmstørrelse og display.
Skridt til at kontrollere din typografi
- Vælg skrifttyperne nøje og se på anatomien af typen samt hvilken type familie det er i.
- Hvis du opbygger designet ved hjælp af pladsholdertekst, skal du ikke godkende det endelige design, før du har set den rigtige tekst i designet.
- Vær opmærksom på de små detaljer i typografi, såsom bindestreger og bindestreger.
- Se på hver tekstblok, som om den ikke havde ord i den. Hvilke former laver teksten på siden? Sørg for, at disse figurer bærer hele sidedesignet fremad.
