Lopullinen verkkotypografian opas: säännöt, sanasto, ideat ja parhaat käytännöt

’Kuva kertoo enemmän kuin tuhat sanaa.’

Useimmiten kuvat kertovat sen, mitä niillä on sanottavaa. Tekstiä sisältävä kuva vaikuttaa kuitenkin vahvemmin.

Typografia toimii grafiikkasi kumppanina. Typografia ei ole vain satunnaisen fontin ja pistekoon valitsemista muokkausohjelmistosi avattavasta valikosta. Se on graafisen suunnittelun erikoisala. Se on sovitustyypin taidetta ja tekniikkaa. Se on yksi tärkeistä taidoista, joka voi erottaa sinut muista suunnittelijoista, jos osaat käyttää sitä.

Mikä on typografia?

Ennen kuin pääset typografian taiteeseen ja tekniikkaan, ymmärrä ensin, mitä typografia on. Typografia on visuaalinen tekstinpala (kirjoitettu sana). Teksti on sarja sanoja. Jokainen visuaalisesti näytettävä teksti, jonka näet, on pohjimmiltaan typografiaa. Teksti voidaan luokitella kolmella tavalla: visuaalisesti, kuultavasti ja digitaalisesti.

Typografia on muutakin kuin kirjainten ja merkkien suunnittelua. Se sisältää pistekoon, välin ja rivin pituuden valinnan. Kun Johannes Gutenberg esitteli painokoneen, ladojien oli järjestettävä kirjaimet ja merkit fyysiseen tilaan. Nyt tietokoneiden aikakaudella tämä työ on paljon helpompaa. Sinun tarvitsee vain löytää avoimen lähdekoodin fontit, järjestää kirjaimet ja merkit, ja olet valmis.

Typografian merkitys

Typografia on jotain, jota löydät ehdottomasti kaikkialta. Sanotaan, että se voi olla älypuhelin, kahvikuppi, mainostaulu, liinat ja paljon muuta. Typografia on kaikkialla. Fontin, kirjainten ja merkkien järjestelyn valinta päättää, kuinka viestisi välitetään.

Vaikka se näyttää mielestäsi pieneltä tekijältä, se ei todellakaan ole. Jopa yhden tyypin säätö voi muuttaa taideteoksen koko ulkoasua ja tuntumaa. Jos olet joskus huomannut, Facebook testasi uutta kirjasinta nimeltä Geneva jo kesäkuussa 2016. Se oli hieman ohuempi ja kevyempi versio alkuperäisestä Helvetica-fontista. Mutta ero näiden kahden fontin välillä oli havaittavissa.

Typografian säännöt

Typografiassa sinun on valittava kirjasintyyppi asettelusi, ruudukon, suunnitteluteeman, värimaailman ja niin edelleen mukaan. Tässä on joitain typografiasääntöjä, jotka sinun tulee pitää mielessä työskennellessäsi.

Oikean fontin valinta

Jos vietät muutaman minuutin Internetissä, löydät hämmästyttävän valikoiman käyttövalmiita sekä ilmaisia ​​että maksullisia fontteja. Mutta se ei tarkoita, että sinun täytyy viettää tuntikausia etsiessäsi tarkalleen mielessäsi visualisoimia fontteja. Voit aloittaa maalaamisen jopa rajoitetulla paletilla. On olemassa muutamia testattuja fontteja, kuten Helvetica, jotka eivät voi koskaan mennä pieleen missään projektissa.

Kirjasintyyppi on muotoilun muoto, jonka käsityöläiset ovat panostaneet kaikkiin ponnisteluihinsa ja taitoihinsa huomattavan ajan kuluessa. Ammattimaisesti suunnitellut fontit tarjoavat erilaisia ​​paino- ja tyylimuokkauksia kokonaisen perheen luomiseksi. Lisäksi ne tarjoavat huomattavia välipareja, tuen monikielisyydelle ja tyyppiasetusten mukauttamiseen.

Seuraavat ovat tärkeimmät huomioon otettavat typografiset termit:

Koko

Kaikkia kirjasimia ei luoda samalla tavalla. Jotkut käyttävät lihavia ja leveitä piirteitä, kun taas toiset ovat ohuita ja kapeita. Erilaiset kirjasintyypit voivat saada erilaista tilaa sivulla.

Hahmon korkeus on merkitty X-korkeudeksi. Kun yhdistät eri kirjasintyyppejä, on hyvä käytäntö käyttää vain sellaisia ​​kirjasimia, joilla on samanlainen x-korkeus. Toisaalta merkin leveyttä kutsutaan ”asetukseksi leveydeksi”, joka määrittää, kuinka paljon tilaa kirjain vie ja puskuroi muiden kirjainten kanssa.

Pistejärjestelmä on menetelmä, jota on käytetty tyypin mittaamiseen 1700-luvulta lähtien. Piste voidaan mitata 1/72 tuumana ja 12 pistettä voi muodostaa yhden pican. Pica on sarakkeen leveyden mittayksikkö. Lisäksi koot voidaan mitata pikseleinä, tuumina tai millimetreinä. Se riippuu projektin vaatimuksista.

Johtava

Pystysuora tila jokaisen tyyppirivin välillä tunnetaan johtavana. Syy tämän kutsumiseen johtaviksi johtuu siitä, että lyijylipukkeita käytettiin jakamaan kirjainrivit takaisin metallin ladotuksen aikana. Nyrkkisääntönä luettavan leipätekstin saamiseksi on käyttää kirjasinkokoa suurempaa alkuarvoa. Voit käyttää 1,25–1,5 kertaa suurempaa alkuarvoa.

Seuranta ja kerning

Kerning on toiminto, joka sisältää hahmojen välisen tilan säätämisen. Se auttaa luomaan harmonisen parin.

Esimerkiksi – kun käytät A-kirjaimen isoa kirjainta V-kirjaimen kanssa, V-kirjaimen vasemman yläkulman diagonaaliset vedot on rajattu A-kirjaimen oikeaan alakulmaan.

Toisaalta seuranta on termi, joka liittyy kaikkien tasaisesti käytettyjen merkkien väliin. Kerning on samanlainen kuin track, mutta molemmat eivät ole samoja.

Mitata

Mitta on termi, joka selittää tekstilohkon leveyden. Parhaan lukukokemuksen saavuttamiseksi mittaa tulisi pitää tärkeänä osana typografiassa.

Hierarkia ja mittakaava

Kaikkia tyyppejä ei voi käyttää samassa koossa, vaan tyypeille on asetettava hierarkia. Muutoin lukijoiden on vaikea ymmärtää, mikä tieto on muita tärkeimpiä.

Yleensä otsikot ovat suuria, alaotsikot ovat pienempiä ja runkotyyppi on hieman pienempi kuin alaotsikot auttaakseen lukijoita ymmärtämään sen hierarkiaa.

Ei vain koko, vaan eri värien, painon ja välien käyttö voi myös auttaa sinua asettamaan työsi hierarkian.

Sanasto

Olemme käsitelleet täällä melkein kaikki peruskäsitteet ja terminologiat, jotka liittyvät typografiaan.

• Aesc: Se lausutaan nimellä ”Ash”. Se on kahden kirjaimen ligatuuri eli. ’a’ ja ’e’. Aesc on peräisin vanhasta englannista, jossa se on merkitty diftongivokaaliksi. Aesc on siirtynyt aakkosiin, kuten islanti ja tanska.
• Aukko: Aukko on solmittu aukko kuviosta, joka voidaan nähdä kirjaimilla, kuten ”e”, aukon koko vaihtelee sen toteutuksen mukaan. Kun kuitenkin vaihdat aukkoa, sen vaikutus näkyy kirjelomakkeen luettavuudessa.
• Apex: Apex on piste, joka on merkin yläosassa. Se on paikka, jossa vasen ja oikea veto kohtaavat.
• Perusviiva: Se on osa, jossa isojen kirjainten alaosa sijaitsee.
• Kulho: Kulhoa pidetään kirjainten, kuten ’b’ ja ’p’, suljetuina osina.
• Hakasulke: Se on kiilamainen ääriviiva, joka on arvokas kirjasimen serif- ja lomakerungon säilyttämiseen useissa kirjasintyypeissä.
• Lipun korkeus: Kannen korkeus on ison kirjaimen korkeus perusviivan yläpuolella.
• Laskuri: Laskuri on suljettu tai epätäydellisesti suljettu kirjelomakkeen osa. Laskuri näkyy kirjaimilla, kuten ’c’ tai ’g’:n ja ’e’:n alaosassa. Tämä osa voidaan sekoittaa kulhoon.
• Laskeva: Se on kirjelomakkeen osa, joka menee perusviivan alapuolelle. Esimerkiksi kirjaimet, kuten ”p”, ”y” ja ”q”.
• KORVA: Korva on pieni veto, joka laajenee kulhon oikeasta yläkulmasta.
• Glyfi: Se on yksittäinen osa, joka muodostaa fontin. Siihen sisältyy mikä tahansa yksittäinen osa, joka auttaa fontin rakentamisessa, oli se sitten välimerkki, numero, kirjain tai jopa dingbat. Kuvioita voidaan kutsua typografian rakennuspalikoksi.
• Kouru: Se on työsi vastakkaisten sivujen välissä oleva tila. Kourut näkyvät yleisesti tekstisarakkeissa.
• Orpo: Orpo on uuden kappaleen ensimmäinen rivi, joka ketjutetaan sivun loppuun. Se ei ole asia, jota haluaisit projektiisi, koska sitä pidetään huonona käytäntönä.
• Pica: Pica on sarakkeen leveyden mittayksikkö. Yhdessä kuvassa on 16 pikseliä tai 12 pistettä.
• Luettavuus: Sitä kutsutaan lukemisen helppoudeksi, joka sisältää tekstilohkon käytön, joka voidaan skannata helposti silmällä.
• Serif: Se on kirjasintyyppi, jossa on serifejä. Tämän kirjasintyypin kirjainmuodon viivan loppu on johdettu roomalaisesta suuntauksesta.
• Sans-serif: Kirjasintyyppi ilman serifiä on sans-serif tai sans serif.
• Selkä: Se on suuri kaareva veto, joka esiintyy pienellä S-kirjaimella.
• KANNUS: Se on pieni pullistuma, joka näkyy kirjelomakkeen kaaressa. Sitä kutsutaan myös partaksi tai nokaksi. Esimerkiksi kirjain ”G”.
• Varsi: Täyspitkää vetoa kutsutaan varreksi pystysuorilla kirjaimilla. Se on pystysuora.
• X-korkeus: x-kirjaimen korkeus pienellä kirjaimella tietyssä kirjasintyypissä on x-korkeus.

7 typografiaideoita ja parhaita käytäntöjä

Seuraavassa on parhaat typografiakäytännöt, joita voit käyttää työssäsi. Käytä näitä vinkkejä projekteissasi luodaksesi omia mestariteoksiasi.

Oikeiden fonttien valinnan merkitys

Jokaisella suunnittelijalla on luettelo suosikkifonteistaan. Mutta se ei tarkoita, että sinun on aina valittava fontti vain suosikkiluettelostasi. Jokaisella kirjasintyypillä on oma tyylinsä, persoonallisuutensa ja tunnelmansa. Joten sinun on päätettävä, mikä fontti sopii täydellisesti suunnitteluusi. Fontin valinta on tärkeä, koska se auttaa sinua välittämään viestisi yleisöllesi.

Pidä yleisösi mielessä

Kun olet valinnut suunnitelmasi ideaa täydentävän fontin, sinun tulee miettiä, sopiiko se yleisöllesi. Yksi kohdeyleisösi ryhmä saattaa pitää fonttisi trendikkäinä, kun taas jotkut pitävät niitä vanhentuneina. Joten sinun on ymmärrettävä, kenelle suunnittelet projektin. Yleisön ikä, sukupuoli, sijainti ja muut tekijät tulee ottaa huomioon ennen fonttipäätöksen tekemistä.

Aseta hierarkia

Kuten aiemmin mainittiin, hierarkialla on tärkeä rooli typografiassa. Grafiikkasi tulee olla hyvin organisoitua, ja sen pitäisi tarjota lukijoille helppo navigointi. Typografiahierarkia on erittäin hyödyllinen, kun tehdään paljon tekstiä sisältäviä malleja, kuten kirjoja, uutiskirjeitä, aikakauslehtiä ja muita perinteisiä painettuja julkaisuja.

Kiinnitä huomiota väliin ja kohdistukseen

Väli ja kohdistus saattavat kuulostaa vähemmän tärkeältä, mutta se ei todellakaan ole sitä. Ilman asianmukaista välilyöntiä ja kohdistusta mallisi näyttävät hämmentävältä, sekavalta ja tavalliselta. Välilyönti sisältää etun, marginaalin, seurannan ja välilyönnin käytön.

Käytä Kerningiä aina tarvittaessa

Monet suunnittelijat hämmentyvät seurannan ja kerningin välillä. Molemmat ovat kuitenkin eri termejä. Kerningin avulla voit tehdä typografiasi näyttävän ammattimaiselta ja kiillotetulta.

Älä ylitä kirjasimien, painojen ja tyylien käyttöä

Me kaikki haluamme käyttää erilaisia ​​fontteja ja mukauttaa ne näyttämään tyylikkäiltä. Erilaisten kirjasimien käyttö yhdessä mallissa voi kuitenkin tehdä työstäsi amatöörimäisen ja sotkuisen. Sinun tulisi välttää useamman kuin kolmen fontin käyttöä yhdessä suunnittelussa, jotta se näyttää ammattimaiselta.

Tarkkaile ja harjoittele

Yksi kokeiltu tapa parantaa typografiataitojasi on tutkia, kuinka muut suunnittelijat käyttävät typografiaa työssään. Se on taito, joka vaatii harjoittelua ja katsetta yksityiskohtiin ymmärtääksesi, kuinka joku on käyttänyt typografiaa projekteissaan ja miten sinä osaat käyttää niitä projekteissasi.

Tämä oli lopullinen typografian opas. Toivottavasti tämä opas on auttanut sinua ymmärtämään erilaisia ​​käsitteitä ja käytäntöjä, joiden avulla voit parantaa typografiataitojasi.