Mikä on typografia ja laajennettuna typografinen suunnittelu? 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
Kirjasinkoko ja fontit: Jos olet koskaan puhunut suunnittelusta, joka käyttää typografiaa teoksissaan, 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.
"Tyyppikoodi" tarkoittaa termejä, jotka antavat fonttiryhmän (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.
Onko tämä kuulosta vähän sekava? Jos näin on, älä huoli. Todellisuudessa, jos joku ei ole typografian asiantuntija, hän todennäköisesti käyttää termiä "fontti" riippumatta siitä, mikä näistä termeistä he todella tarkoittavat - ja jopa monet ammatilliset suunnittelijat käyttävät näitä termejä keskenään. 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!
Kirjasinluokitukset: Joskus kutsutaan yleisten kirjasinten ryhmiksi , nämä ovat suuria kirjasintyyppisiä ryhmittymiä, jotka perustuvat useisiin yleisiin luokituksiin, jotka eri fontit kuuluvat. Web-sivuilla on todennäköisesti kuusi lajitelmaluokitusta, joita todennäköisesti näet:
- serif
- sans-serif
- kiinteävälinen
- kursiivi-
- fantasia
- käsikirjoitus
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.
Yksi sivustoista tänään, serif ja sans-serif ovat kaksi yleisintä fontin luokitusta, joita käytetään.
Anatomia: Jokainen kirjasintyyppi koostuu eri elementeistä, jotka erottavat sen muista kirjasintyypeistä. Ellei erityisesti mennä tyyppisuunnitteluun ja haluavat luoda uusia fontteja, web-suunnittelijat eivät yleensä tarvitse tietää kirjasintyypin anatomian erityispiirteitä. Jos olet kiinnostunut oppimaan lisää näistä tyyppikuvioiden ja kirjaimen muotoisista rakennuspalikoista, on hyvä artikkeli kirjasintyypin anatomista osoitteessa About.com -työkalun julkaisuportaalla.
Perustasolla, kirjasintyypin anatomian elementit, joiden pitäisi olla tietoisia, ovat:
- Korkki ja x-korkeus: Tämä on kirjasinkirjeen korkeus ja kirjaimen x korkeus. Se kertoo kuinka suuret kirjaimet ovat, sekä kuinka suuret pienet kirjaimet ovat. Fontit on koottu näiden kahden ominaisuuden perusteella.
- Decenders and ascenders: Nämä ovat kirjainten osia, jotka ovat alle x-korkeusrivin alapuolella. Nämä viittaavat tyypillisesti pieniin kirjaimiin. Esimerkiksi kirjaimella "b" on ylösalaisin (kappale, joka tarttuu "ylös" kirjaimesta), kun kirjaimella "p" on laskeva (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.
- karsinta - yksittäisten kirjainten välinen vaakataso
- seuranta - kirjainten välinen tila
- johtava - pystytasojen välinen tyyppi linjojen välillä (tämä tunnetaan rivin korkeudeksi verkkosivuilla)
- mitataan - tekstirivien pituus
- kohdistaminen - visuaalisesti tekstin sijoittaminen vasemmalle, oikealle, keskelle tai oikeutetulle
- ligatiteetit - kirjaimet liikkuvat lähellä toisiaan niin, että niiden anatomiat yhdistetään, pääasiassa virtaa yhden kirjeen 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: Hyphenation on rivin loppuun viivakuva (-), joka auttaa ehkäisemään ongelman luettavuudessa tai oikeellisuuden näyttämisessä. 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.
Rag: tekstin lohkon epätasainen pystysuora reunus on nimeltään rätti. 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 siitä, miten se rapsutetaan riviltä riviltä.
Lesket ja orvot: Yksi sarakkeen päällä oleva sana on leski ja jos se on uuden sarakkeen yläosassa, se on orpo. Lapsia ja orpoja näyttävät huonolta ja niitä voi olla vaikea lukea.
Tekstiasi tekstin näyttäminen täydellisesti selaimessa on karkea ehdotus, varsinkin kun sinulla on reagoiva verkkosivusto ja erilaiset näytöt eri ruudun kokoille. Tavoitteena on tarkastella sivustoa eri kokoisina, jotta voisit luoda parhaan ilmeen mahdollista, mutta hyväksyy, 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 .
- 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.
Alkuperäinen artikkeli Jennifer Krynin. Julkaisija Jeremy Girard 7/5/17