Perusperusteisen selityksen käyttämiseksi typografia on kirjasintyypin suunnittelu ja käyttö viestintävälineenä. Monet pitävät typografian alkaneen Gutenbergin kanssa ja liikkuvan tyypin kehityksestä, mutta typografia paljastuu paljon pidemmälle. Tällä muotoilulla on juuret käsin kirjoitetuissa kirjaimissa.
Typografia käsittää kaiken kalligrafiaa digitaalisen tyypin kautta, jota näemme tänään kaikenlaisilla verkkosivuilla. Typografian taide sisältää myös tyyppisuunnittelijat, jotka luovat uusia kirjaimistoja, jotka muunnetaan sitten fonttitiedostoiksi, joita muut mallit voivat käyttää töissään, painetuista teoksista edellä mainituille verkkosivuille. Niin erilaiset kuin nämä teokset voivat olla, typografian perusteet tukevat kaikkia niitä.
Tyypilliset elementit
Jos olet koskaan puhunut web-suunnittelija, joka käyttää typografiaa hänen työstään, olet todennäköisesti kuullut termit "kirjasin" ja / tai "fontti". Monet käyttävät näitä kahta termiä keskenään, mutta näiden kahden kohteen välillä on todellakin eroja.
Kirjasin on termi, joka annetaan fonttiryhmälle (kuten Helvetica Regular, Helvetica Italic, Helvetica Black ja Helvetica Bold). Kaikki Helvetican eri versiot muodostavat täydellisen kirjasintyypin.
Fontti on termi, jota käytetään, kun joku viittaa vain yhteen perheen painoon tai tyyliin (kuten Helvetica Bold). Niin monta kirjasintyyppiä on useita yksittäisiä kirjasimia, jotka kaikki ovat samankaltaisia ja suhteellisia, mutta jotenkin erilainen. Jotkin kirjasimet voivat sisältää vain yhden fontin, kun taas toiset voivat sisältää lukuisia kirjasintyyppien muunnelmia.
Jos tämä tuntuu hämmentävältä, älä huoli, jos joku ei ole typografian asiantuntija, he todennäköisesti käyttävät termiä "fontti" riippumatta siitä, mikä näistä termeistä he todella tarkoittavat, ja jopa monet ammatilliset suunnittelijat käyttävät näitä kahta ilmausta vaihtuvasti. Ellet puhu puhdasta suunnittelutyökalua käsityön mekaniikasta, olet todennäköisesti melko turvallinen kumpi näistä kahdesta ehdosta haluat. Sanotaan, että jos ymmärrät eron ja pystyt oikein käyttämään oikeita termejä, se ei ole mikään huono asia!
Kirjasinlajittelut
Joskus kutsutaan "geneeristen fonttiperheiksi", nämä ovat suuria kirjasintyyppisiä ryhmittymiä, jotka perustuvat useisiin yleisiin luokituksiin, jotka eri fontit kuuluvat. Web-sivuilla on kuusi fonttiluokitusta, joita todennäköisesti näet:
- serif
- Sans-serif
- käsikirjoitus
- kiinteävälinen
- kursiivi-
- Fantasia
On myös useita muita fontin luokituksia, jotka ovat niiden aloja. Esimerkiksi "slab serif" -fontit ovat samankaltaisia kuin serifit, mutta niissä kaikilla on tunnistettava muotoilu, jossa on paksuja, karkeita merkkejä kirjainmuodossa. Serif ja sans-serif ovat kaksi yleisintä fontin luokitusta, joita käytetään useimmissa verkkosivustoissa.
Tyypin anatomia
Jokainen kirjasintyyppi koostuu eri elementeistä, jotka erottavat sen muista kirjasintyypeistä, joita kutsutaan kirjasintyypiksi. Ellei nimenomaan mennä tyyppisuunnitteluun ja etsitään uusia fontteja, web-suunnittelijat tarvitsevat yleensä vain kirjasinlehtisten terminologian perusteet.
Perusasussa elementtien anatomian elementit, joiden pitäisi olla tietoisia, ovat "cap" ja "x-height", "descenders" ja "ascenders".
Korkki ja x-korkeus ovat kirjainyhdistelmän kirjainten korkeus ja kirjaimen x korkeus. Se kertoo kuinka suuret kirjaimet ovat, sekä kuinka suuret pienet kirjaimet ovat. Kaikki fontit on koottu näiden kahden ominaisuuden perusteella.
Descenders and ascenders ovat kirjainten osia, jotka ovat alle x-height-viivan alapuolella. Tämä viittaa tavallisesti pieniin kirjaimiin. Esimerkiksi kirjaimella "b" on ylösalaisin (kappale, joka tarttuu "ylös" kirjaimesta), kun kirjaimella "p" on laskeutuva (osat, jotka laskevat "alas" kirjaimesta).
Spacing Around Letters
On olemassa useita säädöksiä, joita voidaan tehdä kirjojen välillä ja niiden ympärillä, jotka vaikuttavat typografiaan. Digitaalisia fontteja luodaan, kun monet näistä ominaisuuksista ovat paikallaan, ja verkkosivustoilla meillä on vain rajoitettu kyky muuttaa fontin näitä näkökohtia. Tämä on usein hyvä asia, koska oletuksena, että fontit näytetään, on yleensä suositeltavaa.
- välistys: Yksittäisten kirjainten välinen vaakataso
- Seuranta: Kirjeiden ryhmien välinen tila
- Johtava: Pystysuuntainen tilavuus rivien välillä (tämä tunnetaan rivin korkeudeksi sivuston termeissä)
- Mitata: Tekstiviivojen pituus
- suuntaus: Tekstin visuaalinen sijoittaminen vasemmalle, oikealle, keskelle tai perustellulle
- kirjainyhdistelmät: Kirjeet muuttivat niin lähellä toisiaan, että niiden anatomiat yhdistetään, lähinnä yhden kirjaimen läpi toiseen
Lisää typografisia elementtejä
Typografia on enemmän kuin käytettyjä kirjasintyyppejä ja niiden ympärillä olevaa tyhjää tilaa. On myös joitain muita asioita, jotka kannattaa pitää mielessä laadittaessa hyvää typografista järjestelmää mille tahansa mallille:
"Hyphenation" on viivojen loppupäässä yhdysviiva (-), joka auttaa ehkäisemään ongelman luettavuutta tai näyttämään oikeutuksen. Vaikka tavallisesti löytyvät painetuissa asiakirjoissa, useimmat web-suunnittelijat eivät ota tavutusta eivätkä käytä sitä työstään, koska se ei ole sellainen, jota verkkoselaimet käsittelevät automaattisesti.
"Rätti" on tekstilohkon epätasainen pystysuora reuna. Kun kiinnität huomiota typografiaan, sinun on tarkasteltava tekstilohkoja kokonaisuutena varmistaaksesi, että rätti ei vaikuta suunnitteluun.Jos rätti on liian jumittua tai epätasaista, se voi vaikuttaa tekstilohkon luettavuuteen ja häiritä sitä. Tämä on jotain, jota selaimesi käsittelee automaattisesti, miten se käärii tyypin riviltä riviin.
Sarakkeen päässä oleva yksittäinen sana on leski ja jos se on uuden sarakkeen yläosassa, se on orpo. "Leski" ja "orpo" näyttävät pahalta ja niitä voi olla vaikea lukea.
Tekstiasi tekstin näyttäminen täydellisesti selaimessa on työläs ehdotus, varsinkin kun sinulla on reagoiva verkkosivusto ja erilaiset näytöt eri ruudun kokoille. Tavoitteena on tarkistaa sivusto eri kokoluokissa, jotta yrität luoda parhaan mahdollisen ulkoasun ja hyväksyä, että tietyissä tapauksissa sisältösi on ikkunoita, orpoja tai muita vähemmän kuin ihanteellisia näyttöjä. Sinun tavoitteena on minimoida nämä tyypin suunnittelun näkökohdat ja samalla olla realistisia siinä, että et pysty saavuttamaan täydellisyyttä jokaisen näytön koon ja näytön suhteen.
Tavoitteiden tarkistaminen
- Valitse kirjasimet huolellisesti, tarkastelemalla tyypin anatomiaa sekä minkä tyyppisen perheen se on.
- Jos rakennat mallin paikkamerkkitekstin avulla, älä hyväksy lopullista muotoilua, ennen kuin olet nähnyt mallin todellisen tekstin.
- Kiinnitä huomiota typografian pieniin yksityiskohtiin, kuten väliviivoihin ja viivoihin.
- Katso jokainen tekstiryhmä ikään kuin siinä ei olisi sanoja. Mitä muotoja teksti tekee sivulla? Varmista, että nämä muodot kuljettavat koko sivumallin eteenpäin.
