Tüübikujundus: reeglite ja tingimuste juhend

Tüübikujundus, tuntud ka kui tüpograafiline kujundus, viitab fontide loomisele ja stiilile, mida kasutatakse teksti kuvamiseks erinevates meediumites (nt trükis, veebisaidid, mobiilirakendused ja muu meedia).

Tüpograafilise disaini põhiaspektid hõlmavad järgmist:

1. Fontide loomine: Uute fontide väljatöötamine ainulaadse kujuga tähtede, numbrite, kirjavahemärkide ja muude sümbolitega.
2. Fontide valimine ja kombineerimine: Konkreetse kujunduse jaoks sobivate fontide valimine ja nende harmooniline kombineerimine, et luua esteetiliselt meeldiv ja loetav tekst.
3. Tunnuste määratlus font: Konkreetse visuaalse efekti saavutamiseks töötamine fondi parameetritega, nagu stiil (kaldkiri, paksus kirjas), suurus, reavahe, tähemärgi laius ja muud omadused.
4. Mõõdikute ja kerninguga töötamine: Tähemärkide õigete vahekauguste määramine (kerning) ja mõõdikute määramine (tähemärgi laius), et tagada loetavus ja visuaalne järjepidevus.
5. Muutuvate fontide loomine: Võimalus luua fonte muutuvate parameetritega, nagu kaal, kalle ja kõrgus, et tagada paindlikum ja tundlikum disain.
6. Võttes arvesse kultuurilisi ja keelelisi iseärasusi: Erinevate keelte ja kultuuride spetsiifiliste nõuete ja omaduste arvessevõtmine fontide loomisel.

Fondikujundus on teksti visuaalse atraktiivsuse, loetavuse ja tõhusa edastamise jaoks hädavajalik. See mõjutab üldist ettekujutust disainist ja võib olla äratuntava kaubamärgi või stiili loomisel võtmeelemendiks.

Enne kui sukeldume tüpograafiakujundusse, vaatame, mis on tüpograafiakujundus. trükikoda ja kust see tuli.

Fontide lühiajalugu. Fondi kujundus

Mis on fondikujundus? Lühidalt öeldes on tüpograafiline disain kunst luua sõnum loetavas ja esteetiliselt nauditavas kompositsioonis. See on lahutamatu osa kujunduselement . Tüpograafia ei palu disaineril ise tähti joonistada, vaid töötab olemasolevate fontidega. See protsess nõuab disainerilt mitmeid otsuseid, näiteks õige valiku tegemist kõrvaklapid, punkti suuruse valimine, kerningu ja reavahe reguleerimine, samuti mugava paigutuse väljatöötamine.

Seda saab teha kiiresti ja lihtsalt, kasutades sülearvuteid, arvuteid ja isegi telefone. Tänu tehnoloogiale esitavad tüpograafiale ja selle reeglitele iga päev väljakutseid uued disainerite põlvkonnad, kes kujutavad tähti ette viisil, mida me paar aastat tagasi isegi ette ei kujutanud.

Liigutatav font

Kuid see ei olnud alati seotud tehnoloogiaga. Liigutatava trükikirja leiutas 15. sajandi alguses Johannes Gutenberg ja see muutis trükkimise, võimaldades masstootmist trükitud materjalid. Kuid isegi enne trükitehnikate olemasolu olid inimesed alles otsustanud luua raamatuid või trükitud plakatid. Nad tegid seda lihtsalt käsitsi, suure kannatlikkuse ja pühendumusega. Inimesed on alati loonud kirjalikke sõnumeid – paberi ja korralike kirjutusvahendite puudumine pole meid kunagi peatanud. Muistsed tsivilisatsioonid raiusid oma glüüfid kivisse või puusse. Fondi kujundus

Kui vaatame tüpograafia arengut ja kõiki tänapäevani kasutatud tööriistu ja tehnikaid, siis märkame käimasolevat võitlust käe ja masina, orgaanilise ja geomeetrilise vahel. Tänapäeval annab kahe maailma radikaalne eraldamine ja nende harmooniline ühendamine uusi ja ebatavalisi tulemusi, mis õhutavad tüpograafiliste uuringute lõputut tsüklit.

Tüübikujunduse terminid, mida peaksite teadma

Enne tüpograafiasse sukeldumist peate teadma mõningaid põhireegleid ja kujundustermineid. Siin on neist olulisemad:

Stiil. Fondi kujundus

Kirjad on erineva kuju ja stiiliga. Nende kategoriseerimine võib olla keeruline, kuna arvestada tuleb paljude teguritega: nende välimus, inspiratsioon, ajastu, kust nad pärinevad, ja nende kasutamine. Asjade lihtsuse huvides viitame sageli kolmele peamisele stiilikategooriale ja jagame need seejärel väiksemateks.

Serif

Esimesed serif-fondid olid inspireeritud traditsioonilisest kalligraafiast ja neid nimetatakse humanistlik või vanad stiilid . Seda stiili iseloomustavad siledad ja ümarad vormid ning kerged kaalukõikumised. Fondi kujundus

Umbes 18. sajandi keskpaigas ilmus uut tüüpi serif, mida me nüüd kutsume üleminekuperiood . See stiil tähistab üleminekut humanistlike ja kaasaegsete stiilide vahel, nii et see ühendab natuke mõlema stiili omadused.

18. sajandi lõpuks ja 19. sajandi alguseks sündis radikaalne serif-stiil: kaasaegne . Selle stiili tunneme ära kaalu ja õhukeste sirgete seriifide terava kontrasti järgi.

Reklaami tulekuga 19. sajandil egiptlane või plaadi serifid . Julge välimuse ja raskete serifide tõttu olid need eelistatud stiil kommertssõnumite kuvamiseks.

Sans serif

Sans serif-fondid muutusid populaarseks 20. sajandil ja neil oli ka kalligraafiline mõju, mistõttu kutsume neid ka humanistlik . Võime täheldada kerget kaalumuutust ja üldist soojustunnet.

1900. aastate keskel loodi Helvetica, mis seadis lati  üleminekuperiood  ilma serifita. Need tähed on ühtlased ja jäigemad kui varem kasutatud, ilma käsitsi valmistatud elemendita.

Geomeetriline Sans serifid on samaväärsed tänapäevaste serifidega. Need on üles ehitatud geomeetrilistele kujunditele (täht O on täiuslik ring) ning selliste tähtede ülaosad nagu A või N on teravad ja tugevad. Fondi kujundus

  Käsitsi kirjutatud fondikujundus

Skript kirjutamine jäljendab kursiivseid ja kalligraafilisi stiile ning need võivad ulatuda elegantsest ja ametlikust räpane ja vaevatuni.

Pintslid on skriptidele lähedased, kuid ammutavad inspiratsiooni pintsli tähtedest. See muudab need julgemaks ja vähem elegantseks.

Lõpuks gooti stiil või stiil Must kirja kasutada traditsioonilist kalligraafiat viltotsade kujul. Stiil kujunes välja Karolingide peentest ja 12. sajandi keskpaigaks loodi uus stiil teravate, sirgete ja nurgeliste joontega. Fondi kujundus

Font vs font.

Olen kindel, et mingil eluhetkel on meid kõiki segadusse ajanud erinevus fondi ja fondi vahel. Olin kindlasti!

Peakomplekt (Või fondiperekond ) on tähevormide visuaalne kujundus ja see koosneb mitmest kirjavormingust. Metalli ladumisel loetakse füüsiliste tähtede komplekti kirjatüübiks, mis sisaldab iga olemasolevat tähte, numbrit ja kirjavahemärki eraldi elemendina. Digimaailmas on font tarkvara, mida installime ja kasutame. Fondi kujundus

Täielik fondiperekond võib olla saadaval tohutul hulgal stiilidel, alates üliõhukesest kuni ülimustani ja ülitihendatud kuni eriti laiani, kõik tavalises ja kaldkirjas.

Aga oota, seal on veel. Mõnedel nägudel on ka väikesed suurtähed (suurtähed, mis ulatuvad ainult x-kõrgusele), joonega numbrid ja jooneta numbrid (numbrid, mis ulatuvad kaugemale lähtejoonest ja x-kõrgusest, on kergemini integreeritud tekstiplokkidesse) ja mõnel juhul veel mõned alternatiivsed tähemärgid. Seda on päris palju, ah?

Anatoomia. Fondi kujundus

Tähtede anatoomia on üsna keeruline – igal pisidetailidel ja elemendil on oma termin.

Siin on mõned neist:

Tüpograafiliste illusioonide äratundmine. Fondi kujundus

Tähed on hämmastavad mitte ainult sellepärast, et nad väljendavad nii palju emotsioone, vaid ka seetõttu, et neil on võime meie silmi petta.

Vaatame mõningaid tüpograafilises kujunduses leitud optilisi illusioone:

Illusioon 1

S-täht tundub täiesti sümmeetrilise tähena, eks? No see pole tõsi. Lihtsalt pöörake seda 180° ja näete, et ülemine osa on tegelikult väiksem kui alumine. See muudab ta stabiilsemaks ja enesekindlamaks.

Illusioon 2

Isegi kui kõik tähed on ühekõrgused, on ümarad kujundid tegelikult veidi suuremad. Näiteks O-tähe ristumiskoht lähtejoone ja päise kõrgusega on vaid üks punkt. Samal ajal kui näiteks tähe E ristumiskoht puudutab neid jooni kogu pinnaga. Kuna mõlemad tähed on tehniliselt ühesuurused, näivad need ebaproportsionaalsed. Peame O-d veidi kompenseerima, et muuta need visuaalselt võrdseks. Fondi kujundus

Illusioon 3. Fontide kujundus

Selleks, et O näeks välja sümmeetriline ja kaalult konstantne, peame selle tegelikult muutma – mitte kaalult konstantseks. Pöörake O 90° ja saate aru, et küljed on veidi paksemad kui ülemine ja alumine.

Illusioon 4. Fontide kujundus

Kuna me pöörame tähti, proovime sama nippi A-tähega. Selle horisontaalselt pööramisel selgub, et see näiliselt sümmeetriline täht pole tegelikult sümmeetriline. Teatud tähtede visuaalselt meeldivaks muutmiseks tuleb teatud tähtede puhul kasutada väikeseid pettusi, isegi kui see tähendab, et need lähevad vastuollu matemaatilise reegliga.

Illusioon 5

Kui teate midagi kalligraafiast, siis teate, et tõmbed on õhukesed, jooned on paksud ja ristjooned on jälle õhukesed. Seda reeglit tuleb rakendada ka kõige lihtsamate ja geomeetrilisemate tähtede puhul, nagu näiteks T-täht. Fontide kujundus

Illusioon 6. Fontide kujundus

Võib arvata, et E- ja A-tähtede risttalad asuvad teoreetiliselt tähe keskel. No mõtle uuesti. Et kiri näeks välja hea tasakaalu, tuleb seda veidi liigutada. Kui pöörate tähe tagurpidi, näete selgelt, et risttala on keskelt väljas.

Illusioon 7

Tähed B, P ja R on seotud vormid, millest üks on tuletatud teisest. See aga ei tähenda, et neil oleks samad proportsioonid. R-kauss peab olema veidi õhem, et varre külge ühendades ei läheks see liiga paksuks. Kuigi B ülemine tass peaks olema väiksem kui alumine, et täht oleks stabiilsem. Fondi kujundus

Fontide kujundamise reeglid. Fondi kujundus

Jah, ma tean seda  reegleid tuleb rikkuda aga selleks, et reegleid rikkuda viisil, mis disainerit nutma ei aja, tuleb need enne selgeks õppida.

Lehe tüübi ja lõikude järjestamisel töötades peame tähelepanu pöörama mitmele tegurile ning veenduma, et loodu oleks loetav ja arusaadav. Välja arvatud muidugi juhul, kui loote mingi abstraktse, eksperimentaalse tüpograafilise plakati, mille eesmärk on täielik kaos ja anarhia. Kui see on teie moos, proovige seda. Kuid kui töötate pika vorminguga koopiaga, mis ei ole mõeldud mitte ainult vaataja tähelepanu köitmiseks, vaid ka sõnumi lihtsaks kujutamiseks, peate arvestama iga tehtud otsusega.

Tsentreerimine

Joondamine viitab teksti paigutusele lehel või täpsemalt selle servade joondamisele lehe servadega. Joondamist on 4 tüüpi, kuid pidage meeles, et ükski neist pole vähem õige kui teine, nad lihtsalt näevad teistsugused välja ja väljendavad erinevat vibratsiooni.

Loputa vasakule. Fondi kujundus

See on ilmselt kõige sagedamini kasutatav joondus, kuna see järgib enamiku keelte loomulikku voolu. Selle joonduse kasutamisel tuleb jälgida, et tekiks hästi tasakaalustatud parem serv, mille reapikkused on loomuliku välimusega.

Kindlasti vältige uutes ridades üksikuid sõnu. Neid kutsutakse "leskedeks" ja nad on kurvad.

Loputage paremale. Fondi kujundus

Erinevalt vasakjoondamisest läheb paremale joondamine vastu enamiku kirjakeelte loomulikule voolule, mida saab ka meie huvides ära kasutada. Pidage siiski meeles, et see joondus loob ebatavalise välimuse ja pikkades lõikudes kasutamisel võib see silmale raske olla. Puhta parema serva saamiseks proovige vältida ridade lõpus palju punkte või komasid.

Keskendunud. Fondi kujundus

Kui see on halvasti tehtud, võib keskele joondamine tunduda üsna igav ja räpane. Kuigi see on väga ettevaatlik, võib see luua elegantse, kuid dünaamilise välimuse. Peamine on mängida joonte pikkustega, säilitades samal ajal üldise tasakaalu.

Põhjendatud. Fondi kujundus

Kuigi see võib korrektse tegemise korral tunduda kaasaegne ja puhas, võib õigustatud joondamine väga kiiresti valesti minna. Kuna sõnad peavad täitma terve rea, võib nende vahel olla ebamugavaid tühikuid. Kindlasti joonda kõik ilusti ja uuesti, mängi teksti suuruse, tekstikasti pikkuse ja vajadusel kerninguga.

Jälgimine

Tähtede üldise vahekauguse reguleerimise protsessi nimetatakse jälgimiseks või tähevaheks. Enamikul juhtudel saate avatuma ja õhulisema kompositsiooni loomiseks kasutada pigem positiivset kui negatiivset jälgimist. Fondi kujundus

Teksti suurenedes suureneb tähtede vaheline ruum, mistõttu tuleb jälgimist vähendada. Samamoodi, kui teksti suurus väheneb, peame jälgimist suurendama.

Pidage meeles, et suurtähed muudavad lugemiseks parema lugemise kui väikesed tähed.

Kerning. Fondi kujundus

Kerning viitab üksikute tähtede vahelise tühiku muutmisele. Kuigi me saame enamikul juhtudel vältida jälgimise rakendamist, peame mõnikord sinna sisse minema ja reguleerima vaid kahe tähe vahet. Need "suletud" tühikud ilmuvad kõige sagedamini selliste tähtede ümber nagu A, W, V, T.

Oh, siin on väike mäng, et panna proovile oma kernimisoskused!

Kui töötame hästi üles ehitatud fontidega, ei pea me kasutama tohutul hulgal kerningut. Kui me aga seda teeme, on meil võimalik redigeerimisel rakendada optilist kernimist (mida teeb automaatselt programm, milles töötame) või meetermõõdustikku (mis kasutab fondi kujundamisel ette nähtud tüübikujundajat) rakendust või saame seda kõike teha käsitsi (kasutades oma intuitsiooni ja kogemusi).

Analüüsige oma e-kirju ja rakendage eesmärgile kõige paremini sobivat jälgimismeetodit. Samuti pidage meeles, et see, et optiline kerning töötab teatud peakomplekti jaoks hästi, ei tähenda, et see oleks kõigis olukordades parim valik.

Interline. Fondi kujundus

Kahe tekstirea vahelist kaugust nimetatakse reavaheks. Seda kohandades saame mängida lõigu tekstuuri ja värviga, luues visuaalne huvi ja ehitushierarhia. Reavahe optimaalne suurus sõltub erinevatest asjadest, näiteks sõnade mahust kasutatava ruumi suhtes, ekraani suurusest.

Hierarhia. Fondi kujundus

Hierarhia aitab meil luua visuaalset huvi ja suunata vaataja pilku üle lehe, muutes tekstikogemuse palju lihtsamaks ja intuitiivsemaks. Kõige ilmsem ja lihtsam viis hierarhia loomiseks on teabe sissekirjutamine erinevad suurused.

Samuti saame luua huvitava hierarhia, kohandades tähe- või reavahet või muutes oma teksti suurust. Samuti võime kasutatud stiile või värve segamini ajada või kasutada erimärke või erinevaid joondusi ja paigutusi.

See, kuidas me otsustame oma teksti paigutada, eriti milliseid osi esile tõsta, sõltub suuresti sellest, millist tüüpi materjali jaoks me teksti ette valmistame: kas trükitud või digitaalseks. Kui see on trükis, kas see on ajaleht, kus on palju teksti, ajakirja kaas, millel on põhipealkiri ja mõned lühemad, mis kajastavad ajakirja sisu, või plakat, millel on pealkiri ja teatud teave, näiteks kuupäevad ja kohad? Kui see on veebi jaoks, siis mis on meie eesmärk lehe jaoks: kui pikka teksti peaksime kuvama ja kellele me selle kujundame?

Hierarhia kasutamine ei ole aga alati seotud teatud tekstiosade esiletõstmisega. Samuti saame kasutada hierarhiat, et luua visuaalselt huvitavaid kompositsioone, nagu mustrid ja kujundid, muutes kaalu, värve ja suurusi.

Kõigi nende viidete meelespidamine aitab meil luua õiget hierarhiat, ilma lugejat üle koormamata.

Võred. Fondi kujundus

Üks tähtsamaid protsessis olevad elemendid Tekstikehadega töötamine on ruudustik ja see võib olla lihtsast keerukani. Ruuduke kasutades struktureerime põhiliselt antud lehel oleva teabe. See annab meile parema kontrolli selle üle, kuidas me oma lehele elemente paigutame. Õige kasutamise korral võivad ruudustikud luua kompositsioone, mis suunavad vaataja silma, muutes teabe hõlpsamini töödeldavaks ja mõistmiseks.

Nagu kõigega, saame töötada lihtsate ja lihtsate ruudustikega või minna täiesti hulluks ja välja mõelda keerukaid ja keerukaid.

Teine väga oluline asi, mida lehele teabe paigutamisel meeles pidada, on tühik. Sõbrake temaga ja hoidke teda alati enda lähedal.

Fondi kujundus

Paljudel inimestel on soov täita lehe iga nurk teksti või piltidega, kuid palju tühja ruumi on tavaliselt hea mõte. See annab teabele hingamisruumi, muudab kompositsiooni õhulisemaks ja aitab lugejal teabes navigeerida.

Fontide jõud. Fondi kujundus

Tüpograafilisel disainil on tohutu jõud sõnumit mõjutada. Kui seda õigesti kasutada – stiili, suuruse, hierarhia, kerningu ja reavahe õige kombinatsioon – ei saa sellega midagi peale hakata. Alates ametlikest ja elegantsetest lehtedest kuni dünaamiliste ja pilkupüüdvate kompositsioonideni saate teha kõike, mida teie kujutlusvõime suudab välja mõelda.

Mõistes kirjade kohta kehtivaid reegleid ja fakte ning erinevaid viise, kuidas neid kasutada, saame end nende kaudu lõputult väljendada. Need reeglid on ainult juhised. Soovitan tungivalt need kõik murda! Õppige, katsetage, unustage õpitu, tehke vigu ja alustage otsast peale. Nii arendate välja teile ainulaadse stiili.

KKK

1. Mis on fondikujundus?

   • Vastus: Tüübikujundus on trüki- ja digitaalmeedias teksti kuvamiseks kasutatavate kirjatüüpide (tüpograafia) loomise ja stiili kujundamise protsess.

2. Kuidas fonte luuakse?

   • Vastus: Fonte loovad disainerid, kasutades erinevaid tööriistu, nagu graafikatahvlid, vektorredaktorid või spetsiaalsed fontide loomise programmid.

3. Kuidas valida oma disaini jaoks õige font?

   • Vastus: Fondi valik sõltub kontekstist, teksti eesmärgist ja kujundusstiilist. Oluline on arvestada loetavust, meeleolu ja ühilduvust teiste elementidega.

4. Millised fondi omadused mõjutavad teksti tajumist?

   • Vastus: Suurus, stiil (kaldkiri, paksus kirjas), reavahe, tähemärgi laius, ülemise ja alumise suurtähte kõrgus – kõik need tegurid võivad mõjutada teksti tajumist.

5. Kuidas määrata kujunduse fontide varieerumise reegleid?

   • Vastus: Fondi variatsioonid võivad sõltuda kontrastist, ühilduvusest, struktuurist ja kujunduse järjepidevusest. Oluline on luua tasakaal ja rõhutada visuaalseid elemente.

6. Millised trendid valitsevad fondikujunduses?

   • Vastus: Fondikujunduse suundumused võivad muutuda, kuid praegu on populaarsed kohandatud kujundid, muutuvad fondid ja mitme keele tugi.

7. Kuidas luua oma fonti?

   • Vastus: Oma fondi loomine hõlmab tähtede, numbrite ja sümbolite joonistamist, nende vektoriseerimist, mõõdikute määratlemist ja fondifaili loomist spetsiaalsete programmide abil.

8. Kas fondid võivad brändi tajumist mõjutada?

   • Vastus: Jah, fondivalik võib oluliselt mõjutada brändi tajumist, kuna fondid võivad edasi anda teatud meeleolu ja stiili, seostudes brändi iseloomuga.

АЗБУКА