Tyyppisuunnittelu: Sääntöjen ja ehtojen opas

Kirjasinsuunnittelu, joka tunnetaan myös typografisena suunnitteluna, viittaa prosessiin, jolla luodaan ja muotoillaan fontteja, joita käytetään tekstin näyttämiseen eri medioissa, kuten printissä, verkkosivustoilla, mobiilisovelluksissa ja muissa medioissa.

Typografisen suunnittelun tärkeimpiä näkökohtia ovat:

1. Fonttien luominen: Uusien fonttien kehittäminen ainutlaatuisilla kirjaimien, numeroiden, välimerkkien ja muiden symbolien muodoilla.
2. Fonttien valinta ja yhdistäminen: Sopivien fonttien valitseminen tiettyyn malliin ja niiden harmoninen yhdistäminen esteettisesti miellyttävän ja luettavan tekstin luomiseksi.
3. Ominaisuuksien määritelmä fontti: Työskentely kirjasinparametreilla, kuten tyylillä (kursivointi, lihavoitu), kokoa, riviväliä, merkin leveyttä ja muita ominaisuuksia tietyn visuaalisen tehosteen saavuttamiseksi.
4. Mittareiden ja kerningin käyttäminen: Oikean merkkivälin määrittäminen (kerning) ja mittareiden asettaminen (merkin leveys) luettavuuden ja visuaalisen johdonmukaisuuden varmistamiseksi.
5. Muuttuvien fonttien luominen: Mahdollisuus luoda fontteja vaihtelevilla parametreilla, kuten painolla, kaltevuudella ja korkeudella, mikä tekee suunnittelusta joustavamman ja reagoivamman.
6. Ottaen huomioon kulttuuriset ja kielelliset ominaispiirteet: Eri kielten ja kulttuurien erityisvaatimukset ja ominaisuudet huomioon ottaen fontteja luotaessa.

Fonttisuunnittelu on välttämätöntä tekstin visuaalisen vetovoiman, luettavuuden ja tehokkaan viestinnän kannalta. Se vaikuttaa yleiseen käsitykseen suunnittelusta ja voi olla avaintekijä tunnistettavan brändin tai tyylin luomisessa.

Ennen kuin sukeltaamme typografiseen suunnitteluun, katsotaanpa mitä typografiasuunnittelu on. kirjapaino ja mistä se tuli.

Lyhyt kirjasinten historia. Fontin suunnittelu

Mikä on fonttisuunnittelu? Lyhyesti sanottuna typografinen suunnittelu on taitoa luoda viesti luettavassa ja esteettisesti miellyttävässä koostumuksessa. Tämä on integraali design-elementti . Typografia ei pyydä suunnittelijaa piirtämään omia kirjaimia, vaan työskentelemään olemassa olevien fonttien kanssa. Tämä prosessi vaatii suunnittelijalta useita päätöksiä, kuten oikean valinnan kuulokkeet, valitse pisteen koko, säädä välin ja riviväliä sekä kehittelet kätevän asettelun.

Tämä voidaan tehdä nopeasti ja helposti käyttämällä kannettavia tietokoneita, tietokoneita ja jopa puhelimia. Teknologian ansiosta typografiaa ja sen sääntöjä haastavat päivittäin uudet suunnittelijasukupolvet, jotka kuvittelevat kirjaimia tavoilla, joita emme voineet edes kuvitella muutama vuosi sitten.

Siirrettävä fontti

Mutta se ei aina ollut teknologiasta kiinni. Siirrettävän kirjasin keksi 15-luvun alussa Johannes Gutenberg, ja se mullisti painatuksen sallimalla massatuotannon painetut materiaalit. Kuitenkin jo ennen painatustekniikoiden olemassaoloa ihmiset olivat edelleen päättänyt luoda kirjoja tai painettuja julisteita. He tekivät sen yksinkertaisesti käsin, paljon kärsivällisyyttä ja omistautumista. Ihmiset ovat aina luoneet kirjoitettuja viestejä – paperin ja kunnollisten kirjoitusvälineiden puute ei ole koskaan pysäyttänyt meitä. Muinaiset sivilisaatiot kaivertivat kuvionsa kiveen tai puuhun. Fontin suunnittelu

Jos tarkastelemme typografian kehitystä ja kaikkia tähän päivään asti käytettyjä työkaluja ja tekniikoita, huomaamme jatkuvan taistelun käden ja koneen, orgaanisen ja geometrisen välillä. Nykyään kahden maailman radikaali erottaminen sekä niiden harmoninen yhdistäminen tuottaa uusia ja epätavallisia tuloksia, jotka ruokkivat loputonta typografisen tutkimuksen kiertokulkua.

Tyyppisuunnittelutermit, jotka sinun tulisi tietää

On olemassa joitakin perussääntöjä ja suunnittelutermejä, jotka sinun on tiedettävä ennen kuin sukeltaa typografiaan. Tässä niistä tärkeimmät:

Tyyli. Fontin suunnittelu

Kirjeitä on eri muodoissa ja tyyleissä. Niiden luokittelu voi olla haastavaa, koska on otettava huomioon monia tekijöitä: niiden ulkonäkö, inspiraatio, aikakausi, jolta ne tulivat, ja niiden käyttö. Asioiden yksinkertaistamiseksi viittaamme usein kolmeen tyylien pääluokkaan ja jaamme ne sitten pienempiin.

Serif

Ensimmäiset serif-fontit saivat inspiraationsa perinteisestä kalligrafiasta ja niitä kutsutaan humanistinen tai vanhoja tyylejä . Tälle tyylille on ominaista sileät ja pyöristetyt muodot ja pienet painonvaihtelut. Fontin suunnittelu

Noin 18-luvun puolivälissä ilmestyi uudenlainen serif, jota kutsumme nyt siirtymäkauden . Tämä tyyli merkitsee siirtymää humanistisen ja modernin tyylin välillä, joten se yhdistyy hieman molempien tyylien ominaisuudet.

18-luvun lopulla ja 19-luvun alussa syntyi radikaali serif-tyyli: nykyaikainen . Tunnistamme tämän tyylin painon terävästä kontrastista ja ohuista suorista serifeistä.

Mainonnan myötä 19-luvulla egyptiläinen tai laatta serifit . Rohkean ulkonäönsä ja raskaiden serifiensä vuoksi ne olivat suosituin tyyli kaupallisten viestien esittämiseen.

Sans serif

Sans serif -kirjasimet tulivat suosittuja 20-luvulla, ja niillä oli myös kalligrafinen vaikutus, minkä vuoksi kutsumme niitä myös humanistinen . Saatamme havaita pientä painonmuutosta ja yleistä lämmön tunnetta.

1900-luvun puolivälissä luotiin Helvetica, joka asetti riman  siirtyminen  ilman serifiä. Nämä kirjaimet ovat yhtenäisiä ja jäykempiä kuin aiemmin käytetty, ilman käsintehtyä elementtiä.

Geometrinen Sans serifit vastaavat moderneja serifejä. Ne on rakennettu geometrisille muodoille (O-kirjain on täydellinen ympyrä), ja kirjainten, kuten A tai N, yläreunat ovat teräviä ja vahvoja. Fontin suunnittelu

  Käsinkirjoitettu fonttisuunnittelu

Käsikirjoitus kirjoittaminen jäljittelee kursiivi- ja kalligrafisia tyylejä, ja ne voivat vaihdella tyylikkäästä ja muodollisesta sotkuiseen ja vaivattomaan.

Кисти ovat lähellä käsikirjoituksia, mutta ne saavat inspiraationsa siveltimen kirjaimista. Tämä tekee niistä rohkeampia ja vähemmän tyylikkäitä.

Lopuksi gotiikka tyyli tai tyyli blackletter on perinteistä kalligrafiaa huopakärkien muodossa. Tyyli kehittyi Karolingien hienouksista ja 12-luvun puoliväliin mennessä luotiin uusi tyyli terävin, suorin ja kulmikas linjoin. Fontin suunnittelu

Fontti vs fontti.

Olen varma, että jossain vaiheessa elämäämme olemme kaikki hämmentyneitä fontin ja kirjasimen välisestä erosta. Olin ehdottomasti!

Koristele (tai fonttiperhe ) on kirjainmuotojen visuaalinen suunnittelu ja se koostuu useista kirjasinmuodoista. Metalliladonnassa fyysisten kirjainten joukkoa pidetään kirjasintyyppinä, joka sisältää jokaisen olemassa olevan kirjaimen, numeron ja välimerkin erillisenä elementtinä. Digitaalisessa maailmassa fontti on ohjelmisto, jonka asennamme ja käytämme. Fontin suunnittelu

Täydellisen kirjasinperheen tyylejä voi olla valtava määrä superohuista erittäin mustiin ja supertiivistetyistä erittäin leveisiin, kaikki tavallisella ja kursivoitulla.

Mutta odota, siellä on enemmän. Joissakin kasvoissa on myös pieniä kirjaimia (isot kirjaimet, jotka ulottuvat vain x-korkeuteen), viivatut numerot ja rivittömät numerot (numerot, jotka ulottuvat perusviivan ja x-korkeuden ulkopuolelle, integroidaan helpommin tekstilohkoihin), ja joissakin tapauksissa muutamia muita vaihtoehtoisia merkkejä. Se on aika paljon, vai mitä?

Anatomia. Fontin suunnittelu

Kirjainten anatomia on melko monimutkainen - jokaisella pienellä yksityiskohdalla ja elementillä on oma termi.

Tässä on muutama niistä:

Typografisten illuusioiden tunnistaminen. Fontin suunnittelu

Kirjeet ovat hämmästyttäviä, ei vain siksi, että ne ilmaisevat niin monia tunteita, vaan myös siksi, että niillä on kyky pettää silmämme.

Katsotaanpa joitain typografisessa suunnittelussa esiintyviä optisia illuusioita:

Illuusio 1

S-kirjain näyttää täysin symmetriseltä kirjaimelta, eikö niin? No, se ei ole totta. Kierrä vain sitä 180° ja näet, että yläosa on itse asiassa pienempi kuin alaosa. Tämä tekee hänestä vakaamman ja itsevarmemman.

Illuusio 2

Vaikka kaikki kirjaimet ovat samankorkuisia, pyöreät muodot ovat itse asiassa hieman suurempia. Esimerkiksi O-kirjaimen leikkauspiste perusviivan ja otsikon korkeuden kanssa on vain yksi piste. Esimerkiksi E-kirjaimen leikkauskohta koskettaa näitä viivoja koko pinnallaan. Koska molemmat kirjaimet ovat teknisesti samankokoisia, ne näyttävät suhteettomilta. Meidän on kompensoitava O:ita hieman, jotta ne olisivat visuaalisesti samanarvoisia. Fontin suunnittelu

Illusion 3. Fonttisuunnittelu

Jotta O näyttää symmetriseltä ja painoltaan vakiolta, meidän on itse asiassa tehtävä se - ei painoltaan vakio. Käännä O 90° ja huomaat, että sivut ovat hieman paksumpia kuin ylä- ja alaosa.

Illusion 4. Fonttisuunnittelu

Koska käännämme kirjaimia, kokeillaan samaa temppua A-kirjaimen kanssa. Kääntäminen vaakasuunnassa paljastaa, että tämä näennäisesti symmetrinen kirjain ei itse asiassa ole symmetrinen. Pieniä huijauksia on käytettävä tiettyihin kirjaimiin, vaikka ne olisivat vastoin matemaattista sääntöä, jotta ne olisivat visuaalisesti miellyttäviä.

Illuusio 5

Jos tiedät jotain kalligrafiasta, tiedät, että vedot ovat ohuita, vedot ovat paksuja ja ristivedot ovat taas ohuita. Tätä sääntöä on sovellettava jopa yksinkertaisimpiin ja geometrisimpiin kirjaimiin, kuten kirjaimeen T. Fonttisuunnittelu

Illusion 6. Fonttisuunnittelu

Saatat ajatella, että kirjainten E ja A poikkipalkit ovat teoriassa kirjaimen keskellä. No, mieti uudestaan. Jotta kirje näyttäisi tasapainoiselta, sitä on liikuteltava hieman. Näet selvästi, että poikkipalkki ei ole keskellä, jos käännät kirjaimen ylösalaisin.

Illuusio 7

Kirjaimet B, P ja R ovat toisiinsa liittyviä muotoja, joista toinen on johdettu toisesta. Tämä ei kuitenkaan tarkoita, että niillä olisi samat mittasuhteet. R-kulhon tulee olla hieman ohuempi, jotta varren liittäminen siihen ei tule liian paksuksi. Vaikka B:n yläkupin tulisi olla pienempi kuin alempi, jotta kirjain olisi vakaampi. Fontin suunnittelu

Fonttisuunnittelun säännöt. Fontin suunnittelu

Kyllä minä tiedän sen  sääntöjä on rikottava mutta jotta voit rikkoa sääntöjä tavalla, joka ei saa suunnittelijaa itkemään, sinun on ensin opittava ne.

Kun työskentelemme kirjoittamalla ja järjestäessämme kappaleita sivulla, meidän on kiinnitettävä huomiota useisiin tekijöihin ja varmistettava, että luomamme on luettavaa ja ymmärrettävää. Paitsi tietysti, jos luot jonkinlaisen abstraktin, kokeellisen typografisen julisteen, joka tähtää täydelliseen kaaokseen ja anarkiaan. Jos tämä on sinun hillosi, mene siihen. Mutta jos käytät pitkää kopiota, joka on suunniteltu paitsi kiinnittämään katsojan huomio, myös esittämään viesti yksinkertaisella tavalla, sinun on oltava tietoinen jokaisesta tekemästäsi päätöksestä.

Keskitys

Tasaus viittaa tekstin sijoittamiseen sivulle tai tarkemmin sanottuna sen reunojen tasaamiseen sivun reunojen kanssa. On olemassa 4 linjaustyyppiä, mutta muista, että mikään niistä ei ole yhtä oikea kuin toinen, ne vain näyttävät erilaisilta ja ilmaisevat erilaisia ​​​​värähtelyjä.

Huuhtele vasemmalle. Fontin suunnittelu

Tämä on luultavasti yleisimmin käytetty kohdistus, koska se seuraa useimpien kielten luonnollista kulkua. Tätä kohdistusta käytettäessä on huolehdittava tasapainoisen oikean reunan luomisesta, jossa rivipituudet ovat luonnollisen näköisiä.

Muista välttää yksinäisiä sanoja uusilla riveillä. Heitä kutsutaan "leskiksi" ja he ovat surullisia.

Huuhtele oikealle. Fontin suunnittelu

Toisin kuin tasaus vasemmalle, tasaus oikealle on vastoin useimpien kirjoitettujen kielten luonnollista kulkua, jota voidaan myös käyttää hyödyksemme. Muista kuitenkin, että tämä kohdistus luo epätavallisen ulkonäön, ja se voi olla vaikeaa silmälle, kun sitä käytetään pitkissä kappaleissa. Jotta oikea reuna olisi puhdas, yritä välttää paljon pisteitä tai pilkkuja rivien lopussa.

Keskitetty. Fontin suunnittelu

Jos se tehdään huonosti, keskitetty kohdistus voi näyttää melko tylsältä ja sotkuiselta. Huolimatta siitä huolimatta, että se voi luoda tyylikkään mutta dynaamisen ilmeen. Tärkeintä on pelata linjan pituuksilla säilyttäen samalla yleinen tasapaino.

Oikeutettu. Fontin suunnittelu

Vaikka se voi näyttää modernilta ja puhtaalta, jos se tehdään oikein, perusteltu kohdistus voi mennä pieleen hyvin nopeasti. Koska sanojen on täytettävä koko rivi, niiden välissä voi olla hankalia välilyöntejä. Varmista, että kohdistat kaikki kauniisti ja uudelleen, pelaa tekstin koolla, tekstilaatikon pituudella ja kerningillä tarvittaessa.

seuranta

Kirjainten välisen kokonaisvälin säätöprosessia kutsutaan seurannaksi tai kirjainväliksi. Useimmissa tapauksissa voit käyttää positiivista seurantaa negatiivisen seurannan sijaan luodaksesi avoimemman ja ilmavamman koostumuksen. Fontin suunnittelu

Kun teksti kasvaa, kirjainten välinen tila kasvaa, joten seurantaa on vähennettävä. Samoin, jos tekstin koko pienenee, meidän on lisättävä seurantaa.

Vinkki muistaa, että isot kirjaimet parantavat luettavaa kuin pienet kirjaimet.

Kerning. Fontin suunnittelu

Kerning viittaa yksittäisten kirjainten välisen tilan muuttamiseen. Vaikka voimme useimmissa tapauksissa välttää seurannan käyttämisen, meidän on joskus mentävä sinne ja säädettävä vain kahden kirjaimen väliä. Nämä "suljetut" tilat näkyvät useimmiten kirjainten, kuten A, W, V, T, ympärillä.

Oh, tässä on pieni peli testataksesi kerning-taitojasi!

Jos työskentelemme hyvin rakennetuilla fonteilla, meidän ei tarvitse käyttää valtavaa määrää kerningiä. Kuitenkin, jos teemme tämän, meillä on mahdollisuus käyttää muokkauksessa optista välitystä (jonka tekee automaattisesti käyttämämme ohjelma) tai metristä kerningiä (joka käyttää fontin suunnittelussa tarkoitetun tyyppisuunnittelijan välistä välitystä). tai voimme tehdä kaiken manuaalisesti (intuitiomme ja kokemuksemme avulla).

Analysoi sähköpostisi ja käytä tarkoitukseen parhaiten sopivaa seurantamenetelmää. Muista myös, että se, että optinen kerning toimii hyvin tietyissä kuulokkeissa, ei tarkoita, että se olisi paras valinta kaikissa tilanteissa.

Interline. Fontin suunnittelu

Kahden tekstirivin välistä etäisyyttä kutsutaan riviväliksi. Mukautamalla sitä voimme leikkiä kappaleen tekstuurilla ja värillä ja luoda visuaalinen kiinnostus ja rakennushierarkia. Optimaalinen rivivälin koko riippuu useista asioista, kuten sanojen määrästä suhteessa käytettyyn tilaan, näytön koosta.

Hierarkia. Fontin suunnittelu

Hierarkia auttaa meitä luomaan visuaalista mielenkiintoa ja ohjaamaan katsojan silmää sivun poikki, mikä tekee tekstin kokemisesta paljon helpompaa ja intuitiivisempaa. Ilmeisin ja yksinkertaisin tapa luoda hierarkiaa on kirjoittaa tiedot sisään eri kokoja.

Voimme myös luoda mielenkiintoisen hierarkian säätämällä kirjain- tai riviväliä tai muuttamalla tekstimme kokoa. Saatamme myös sekoittaa käytettyjä tyylejä tai värejä tai käyttää erikoismerkkejä tai erilaisia ​​kohdistuksia ja asetteluja.

Se, miten päätämme järjestää tekstimme ja erityisesti mitkä osat nostamme esiin, riippuu suuresti siitä, minkä tyyppiseen materiaaliin tekstiä valmistelemme: painettua vai digitaalista. Jos se on painettua, onko se sanomalehti, jossa on paljon tekstiä, lehden kansi, jossa on pääotsikko ja muutama lyhyempi lehden sisältöä, vai juliste, jossa on otsikko ja joitain tietoja, kuten päivämäärät ja paikat? Jos se on tarkoitettu verkkoon, mikä on tavoitteemme sivulla: kuinka kauan tekstiä meidän tulee näyttää ja kenelle se on suunniteltu?

Hierarkian käyttö ei kuitenkaan aina liity tekstin tiettyjen osien korostamiseen. Hierarkian avulla voimme myös luoda visuaalisesti mielenkiintoisia koostumuksia, kuten kuvioita ja muotoja vaihtelemalla painoja, värejä ja kokoja.

Kaikkien näiden viitteiden pitäminen mielessä auttaa meitä rakentamaan oikean hierarkian ilman, että lukijaa kuormitetaan.

Ristikot. Fontin suunnittelu

Yksi tärkeimmistä prosessissa olevia elementtejä Tekstikappaleiden käsittely on ruudukkoa, ja se voi olla yksinkertaisesta monimutkaiseen. Käyttämällä ruudukkoa rakentelemme periaatteessa tietyn sivun tiedot. Tämä antaa meille paremman hallinnan siihen, miten sijoitamme elementtejä sivullemme. Oikein käytettynä ruudukot voivat luoda koostumuksia, jotka ohjaavat katsojan silmää ja helpottavat tietojen käsittelyä ja ymmärtämistä.

Kuten kaikessa, voimme työskennellä yksinkertaisten ja yksinkertaisten ruudukoiden kanssa, tai voimme tulla täysin hulluiksi ja keksiä monimutkaisia ​​ja monimutkaisia.

Toinen erittäin tärkeä asia, joka tulee pitää mielessä sijoittaessasi tietoja sivulle, on tyhjä väli. Ystävysty hänen kanssaan ja pidä hänet aina lähelläsi.

Fontin suunnittelu

Monet ihmiset haluavat täyttää sivun jokaisen kulman tekstillä tai kuvilla, mutta paljon tyhjää tilaa on yleensä hyvä idea. Tämä antaa tiedolle hengähdystilaa, tekee koostumuksesta ilmavamman ja auttaa lukijaa navigoimaan tiedossa.

Fonttien voima. Fontin suunnittelu

Typografisella suunnittelulla on valtava voima vaikuttaa viestiin. Oikein käytettynä - oikea tyylin, koon, hierarkian, välitysten ja rivivälien yhdistelmä - sille ei voi tehdä mitään. Muodollisista ja tyylikkäistä sivuista dynaamisiin ja silmiä hiveleviin sävellyksiin voit tehdä mitä tahansa mielikuvituksesi keksiä.

Ymmärtämällä kirjaimia koskevat säännöt ja tosiasiat sekä eri tapoja käyttää niitä, voimme ilmaista itseämme loputtomasti niiden kautta. Nämä säännöt ovat vain ohjeita. Suosittelen, että menet eteenpäin ja rikot ne kaikki! Opi, kokeile, unohda oppimasi, tee virheitä ja aloita alusta. Näin kehität sinulle ainutlaatuisen tyylin.

Часто задаваемые вопросы

1. Mikä on fonttisuunnittelu?

   • Vastaus: Kirjasinsuunnittelu on prosessi, jossa luodaan ja muotoillaan kirjasintyyppejä (typografia), joita voidaan käyttää tekstin näyttämiseen painetussa ja digitaalisessa mediassa.

2. Miten fontit luodaan?

   • Vastaus: Fontit ovat suunnittelijoiden luomia erilaisilla työkaluilla, kuten grafiikkatauluilla, vektorieditoreilla tai erikoistuneilla kirjasinten luontiohjelmilla.

3. Kuinka valita oikea fontti suunnitteluasi?

   • Vastaus: Fontin valinta riippuu kontekstista, tekstin tarkoituksesta ja suunnittelutyylistä. On tärkeää ottaa huomioon luettavuus, tunnelma ja yhteensopivuus muiden elementtien kanssa.

4. Mitkä fontin ominaisuudet vaikuttavat tekstin käsitykseen?

   • Vastaus: Koko, tyyli (kursiivi, lihavoitu), rivivälit, merkkien leveys, isojen ja alempien kirjainten korkeus - kaikki nämä tekijät voivat vaikuttaa tekstin käsitykseen.

5. Kuinka määrittää säännöt kirjasinten vaihtelulle suunnittelussa?

   • Vastaus: Fonttivariaatiot voivat riippua kontrastista, yhteensopivuudesta, rakenteesta ja johdonmukaisuudesta suunnittelussa. On tärkeää luoda tasapaino ja korostaa visuaalisia elementtejä.

6. Mitkä trendit ovat vallitsevia kirjasinsuunnittelussa?

   • Vastaus: Fonttisuunnittelun trendit voivat muuttua, mutta tällä hetkellä suosittuja ovat mukautetut muodot, muuttuvat kirjasimet ja useiden kielten tuki.

7. Kuinka luoda oma fontti?

   • Vastaus: Oman fontin luomiseen kuuluu kirjainten, numeroiden ja symbolien piirtäminen, niiden vektorointi, mittareiden määrittäminen ja fonttitiedoston luominen erikoisohjelmilla.

8. Voivatko kirjasimet vaikuttaa brändikäsitykseen?

   • Vastaus: Kyllä, fontin valinta voi vaikuttaa merkittävästi käsitykseen brändistä, sillä kirjasimet voivat välittää tietyn tunnelman ja tyylin, joka liittyy brändin luonteeseen.

АЗБУКА