Kas ir tipogrāfija un, vēl jo vairāk, tipogrāfiskais dizains? Lai izmantotu visvienkāršāko skaidrojumu, tipogrāfija ir burtveidolu projektēšana un izmantošana kā saziņas līdzeklis. Daudzi uzskata, ka tipogrāfija ir sākusies ar Gutenbergu un ir kustīga tipa attīstība, bet tipogrāfija ir daudz plašāka nekā tā. Šī dizaina filiāle pamatā ir rokraksta formas. Tipogrāfija ietver visu, sākot no kaligrāfijas, izmantojot digitālo veidu, ko mēs šodien redzam visu veidu tīmekļa lapās. Tipogrāfijas mākslā ietilpst arī tipu dizaineri, kuri izveido jaunas burtu formas, kuras pēc tam tiek pārvērstas fontu failos, kurus citā dizainā var izmantot savā darbā, no iespieddarbiem līdz minētajām tīmekļa vietnēm. Tikpat atšķirīgi kā šajos darbos var būt visa veida tipogrāfijas pamatprincipi.
Tipogrāfijas elementi
Burtveidoli un fonti: ja jūs kādreiz esat sarunājies ar dizainu, kurš savā darbībā izmanto tipogrāfiju, jūs, iespējams, esat dzirdējis vārdus "burtveidols" un / vai "fonts". Daudzi cilvēki lieto šos divus vārdus savstarpēji aizstājami, taču starp šīm divām pozīcijām patiesībā ir dažas atšķirības.
"Burtveidols" ir termini, kurus piešķir fontu ģimenei (piemēram, Helvetica Regular, Helvetica Italic, Helvetica Black un Helvetica Bold ). Visas Helvetica dažādās versijas veido pilnu burtveidolu.
"Fonds" ir termins, ko lieto, ja kāds atsaucas tikai uz vienu svaru vai stilu šajā ģimenē (piemēram, Helvetica Bold). Tik daudz rakstāmlietu sastāv no vairākiem atsevišķiem fontiem, no kuriem visi ir līdzīgi un saistīti, bet zināmā mērā atšķirīgi. Dažās rakstāmlietās var būt ietverts tikai viens fonts, savukārt citās var ietvert vairākas burtu formu variācijas, kas veido fontus.
Vai tas izklausās nedaudz mulsinoši? Ja tā, tad neuztraucieties. Patiesībā, ja kāds nav tipogrāfijas eksperts, viņi, visticamāk, izmantos terminu "fonts", neatkarīgi no tā, kuru no šiem terminiem viņi patiešām nozīmē - un pat daudzi profesionālie dizaineri izmanto šos divus vārdus savstarpēji aizstājami. Ja vien jūs nerunāties ar tīra tipa dizaineru par amatniecības mehānismu, droši vien jūs diezgan droši izmantojat kādu no šiem diviem vārdiem, kurus vēlaties. Tas tiek teikts, ja jūs saprotat atšķirību un var pareizi lietot pareizos vārdus, tas nekad nav slikta lieta!
Virsrakstu klasifikācijas: dažkārt sauc par "vispārējām fontu saitēm" , tās ir lielas burtveidolu grupas, kuru pamatā ir vairāki vispārēji klasifikāti, uz kuriem attiecas dažādi fonti. Tīmekļa lapās ir sešas fontu klasifikācijas veidi, kuras jūs, iespējams, redzēsiet:
- serifs
- sans serif
- monospaced
- kursīvs
- fantāzija
- skripts
Ir arī vairāki citi fontu klasifikācijas veidi, kas ir nošķirti no šiem. Piemēram, "slab serif" fonti ir līdzīgi serifiem, taču tiem visiem ir raksturīgs atpazīstams dizains ar bieziem, stingriem serifiem uz burtu formām.
Viena no šodienas tīmekļa vietnēm, serif un sans-serif ir divas visizplatītākās fontu klasifikācijas, kuras tiek izmantotas.
Virsmas anatomija: Katra rakstzīme sastāv no dažādiem elementiem, kas to atšķir no citiem rakstāmfailiem. Ja vien jūs neesat īpaši gatavs ieiet tipa dizainā un vēlas izveidot pavisam jaunus fontus, tīmekļa dizaineriem parasti nav jāzina rakstzīmju anatomiskās īpašības. Ja jūs interesē vairāk uzzināt vairāk par šiem šablonu un burtu formu veidņu blokiem, par rakstzīmju anatomiju ir rakstīts rakstus uz versijas.
Pamatlīmenī ir jāapzinās, ka raksturlīknes anatomijas elementi ir šādi:
- Cepures un x augstums: tas ir lielo burtu augstums burtveidolā un burta x augstums. Tas jums parāda, cik lieli būs lielākie burti, kā arī cik lieli ir mazie un mazie burti. Fonti ir izmēru pamatā ir šīs divas īpašības.
- Augstvērtīgie un pacēlāji: šīs ir burtu daļas, kas iet zem un virs x augstuma rindas. Tie parasti attiecas uz mazajiem burtiem. Piemēram, burts "b" ir augšupejošs (gabals, kas pieskaras burtiem "uz augšu"), bet burts "p" ir nolaižamais (tās daļas, kas no burta nokrīt "uz leju").
Spacing Around Letters
Pastāv vairāki pielāgojumi, kas var būt starp burtiem un ap tiem, kas ietekmē tipogrāfiju. Digitālie fonti tiek veidoti, izmantojot daudzas no šīm iezīmēm, un vietnēs mums ir ierobežota iespēja mainīt šos fonta aspektus. Tas bieži vien ir laba lieta, jo parasti noklusējuma veids fontu parādīšanai ir vēlams.
- kerning - horizontālā telpa starp atsevišķām burtiem
- izsekošana - atstarpes starp burtu grupām
- vadošā - vertikālā telpa starp līniju tipiem (tas sauc par line-height tīmekļa vietnes noteikumiem)
- pasākums - teksta rindu garums
- izlīdzināšana - vizuāli ievietojot tekstu pa kreisi, pa labi, centrēts vai pamatots
- ligatūras - burti pārvietoti cieši kopā, lai to anatomijas apvienotu, būtībā plūstot vienu burtu citā
Vairāk tipogrāfijas elementu
Tipogrāfija ir vairāk nekā tikai izmantojamās rakstāmlietas un atstarpes. Ir arī dažas citas lietas, kuras jāpatur prātā, izveidojot labu tipogrāfijas sistēmu jebkuram dizainam:
Pārvarēšana: spilgtums ir līnijas beigās pievienot defise (-), lai palīdzētu novērst problēmas lasāmību vai padarītu attaisnojumu labāku. Lai gan parasti tiek atrasti iespiestos dokumentos, lielākā daļa tīmekļa dizaineru ignorē saīsinājumu un nelieto to savā darbā, jo tīmekļa pārlūkprogrammās tas nav automātiski apstrādāts.
Rag: teksta bloka nevienmērīgā vertikālā malu sauc par lupatu. Pievēršot uzmanību tipogrāfijai, jums vajadzētu apskatīt jūsu teksta blokus kopumā, lai pārliecinātos, ka lupata neietekmē dizainu. Ja lupata ir pārāk stingra vai nevienmērīga, tas var ietekmēt teksta bloka lasāmību un padarīt to par satraucošu. Tas ir kaut kas, ko pārlūkprogramma automātiski apstrādā, ņemot vērā, kā tā virza no rindas uz līniju.
Atraitnes un bāreņi: kolonnas beigās viens vārds ir atraitne, un ja tā ir jaunās kolonnas augšdaļā, tas ir bāreņains. Atraitnes un bāreņi izskatās slikti un tos var būt grūti lasīt.
Teksta rindu parādīšana tīmekļa pārlūkprogrammā ir lieliski piemērots, jo īpaši, ja jums ir pielāgojama tīmekļa vietne un dažādi displeji dažādiem ekrāna izmēriem.Jūsu mērķis ir pārskatīt vietni dažādos izmēros, lai mēģinātu izveidot vislabāko izskatu iespējams, vienlaikus pieņemot, ka dažos gadījumos jūsu saturam būs logi, bāreņi vai citi mazāk par ideāliem ekrāniem. Jūsu mērķis ir samazināt šos modeļa dizaina aspektus, vienlaikus būt reāliem arī tādēļ, ka jūs nevarat sasniegt pilnību katram ekrāna izmēram un attēlam.
Veiksmīgi pārbaudīt savu tipogrāfiju
- Rūpīgi izvēlieties rakstāmlietas, apskatot tipa anatomiju, kā arī to, kāda tipa ģimene tā ir.
- Ja veidojat dizainu, izmantojot vietturu tekstu , neapstipriniet galīgo dizainu, kamēr neesat redzējis reālo tekstu dizainā.
- Pievērsiet uzmanību mazajām tipogrāfijas detaļām .
- Apskatiet katru teksta bloku, it kā tajā nebūtu vārdu. Kādas formas lapā izdara tekstu? Pārliecinieties, vai šīs formas novieto visu lapas dizainu uz priekšu.
Jennifera Krīnina oriģinālais raksts. Rediģējis Jeremijs Girards 17. un 17. jūlijā