Mi a tipográfia és a tipográfiai tervezés? A legegyszerűbb magyarázathoz a tipográfia a betűkészletek mint kommunikációs eszköz tervezése és használata. Sokan úgy gondolják, hogy a tipográfia megkezdődött a Gutenbergrel és a mozgatható típus fejlesztésével, de a tipográfia sokkal messzebbre nyúlik vissza. A tervezésnek ez a szakasza kézzel írt levélformákban van. A tipográfia magában foglalja mindazt a kalligráfiától a digitális típuson keresztül, amit ma mindenféle weboldalon látunk. A tipográfia művészete magában foglalja azokat a típustervezőket is, akik új betűformákat hoznak létre, amelyeket ezután más formátumok felhasználhatók a munkájukban, a nyomtatott munkáktól a fent említett weboldalakig. Amilyen más, mint ezek a művek, a tipográfia alapjai mindegyiket alátámasztják.
A tipográfia elemei
Betűtípusok és betűtípusok: Ha valaha beszélt olyan tervekkel, amelyek tipográfiát használnak műveikben, valószínűleg hallotta a "betűtípus" és / vagy a "betűtípus" fogalmát. Sokan ezt a két szót egymással felcserélhető módon használják, de valójában vannak különbségek e két elem között.
A "betűtípus" a betűkészletek családjához (pl. Helvetica Regular, Helvetica Italic, Helvetica Black és Helvetica Bold ) ad meg. A Helvetica összes változata a teljes betűtípust tartalmazza.
"Betűtípus": az a kifejezés, amikor valaki csak egy tömegre vagy stílusra utal a családon belül (például Helvetica Bold). Olyan sok betűtípus tartalmaz számos egyedi betűtípust, amelyek mindegyike hasonló és összefügg, de valamilyen módon különböző. Egyes betűtípusok csak egy betűtípust tartalmazhatnak, míg mások a betűkészletet alkotó betűformák számos variációját tartalmazhatják.
Ez kissé zavarónak tűnik? Ha igen, ne aggódj. A valóságban, ha valaki nem tipográfiai szakértő, akkor valószínűleg a "betűtípus" kifejezést használja, függetlenül attól, hogy ezek közül melyik kifejezések valóban jelentenek - és még sok professzionális tervező is felcserélhetően használja ezeket a két szót. Hacsak nem beszélsz egy tiszta típustervezővel a hajó mechanikájával kapcsolatban, akkor valószínűleg elég biztonságos mindkét két feltétel közül. Ez azt jelenti, hogy ha megérted a megkülönböztetést és helyesen használod a helyes kifejezéseket, ez soha nem rossz dolog!
Betűtípus-besorolás: Néha "generikus betűtípus családok" néven , ezek nagy betűkészletek, amelyek számos általános besorolásokon alapulnak, amelyek különböző betűtípusok alá esnek. A weboldalakon hat betűtípus-besorolás található, amelyeket valószínűleg látni fog:
- betűtalp
- talpatlan
- monospaced
- kurzív
- fantázia
- forgatókönyv
Vannak még számos más betűtípus-besorolás, amelyek ezek közül a melléktermékek. Például a "slab serif" betűtípusok hasonlítanak a jelölésekhez, de mindegyikük felismerhető formatervezéssel rendelkezik, vastag, vastag betűkkel a levélformákon.
Az egyik webhely ma, a serif és a sans-serif a két leggyakoribb betűtípus-osztályozás.
Típustípus Anatómia: Minden egyes betűtípus különböző elemekből áll, amelyek megkülönböztetik a többi betűtípustól. Hacsak nem különlegesen foglalkozik a típustervezéssel és új formátumú betűtípusok létrehozására törekszik, a webes tervezőknek általában nem kell ismerniük a betűtípus-anatómia sajátosságait. Ha jobban szeretne többet megtudni ezekről a betűtípusokról és levelezőformákról, akkor egy nagyszerű cikk van a feliratok anatómiájáról az About.com asztali kiadói oldalán.
Alapvetõ szinten a feliratos anatómia azon elemei, amelyeknek tudniuk kell:
- Kupak és x magasság: Ez a magassági betű magassága a betűméretben és az x betű magassága. Megmondja, hogy milyen magas lesz a legnagyobb betű, és milyen nagy a kisbetűs betűk. A betűkészletek e két jellemző alapján vannak méretezve.
- Döntetlenek és felemelõk: Ezek a levélrészek, amelyek az alsó és az alsó magasság felett vannak. Ezek jellemzően kisbetűs betűket jelentenek. Például a "b" betűnek van egy emelkedője (az a darab, amely "felfelé" marad a betűtől), míg a "p" betűnek van egy leereszkedője (azok a részek, amelyek a levélből lefelé esnek).
A levelek közötti távolság
Számos olyan kiigazítás létezik, amely a tipográfiát érintő betűk között és azok körül lehet. Digitális betűtípusokat hoznak létre, amelyek számos ilyen tulajdonsággal rendelkeznek, és webhelyeken korlátozottan képesek megváltoztatni a font fontosságát. Ez gyakran jó dolog, mivel a betűtípusok alapértelmezett módja általában jobb.
- szegélyezés - az egyes betűk közötti vízszintes tér
- követés - a betűk csoportja közötti tér
- vezető - függőleges hely a vonalak között (ez a vonalmagasság a weboldalon)
- mérés - a szövegsorok hossza
- igazítás - a vizuálisan balra, jobbra, középre vagy indokoltra helyezve
- ligatúrák - a levelek egymáshoz közel helyezkednek el, hogy az anatómiáik össze vannak hangolva, lényegében egy betűből a másikba áramlanak
Több tipográfiai elem
A tipográfia több, mint a használt betűkészletek és a körülötte lévő üres terület. Vannak még más dolgok is, amelyeket szem előtt kell tartanunk, amikor bármilyen tipikus tervet készítünk:
Elválasztás: Az elválasztás a vonalak végén egy kötőjel (-) hozzáadása, amely megakadályozza az olvashatóság problémáit, vagy az igazolást jobbnak látja. Bár a nyomtatott dokumentumok általában megtalálhatók, a legtöbb internetes tervező figyelmen kívül hagyja az elválasztást, és nem használja azt a munkájukban, mert ez nem valami, amit a webböngészők automatikusan kezelnek.
Rag: A szöveg blokkjának egyenetlen függőleges szélét résnek nevezik. A tipográfiai szempontok figyelembevételével meg kell vizsgálnia a szövegblokkok egészét, hogy megbizonyosodjon arról, hogy a rongy nem befolyásolja a tervezést. Ha a rongy túl szaggatott vagy egyenetlen, akkor ez befolyásolhatja a szövegblokk olvashatóságát és zavaróvá tételét. Ez olyasvalami, amelyet a böngésző a böngésző automatikusan kezel, ahogyan a vonaltól a vonalig terjed.
Özvegyek és árvák: Egy oszlop végén egyetlen szó egy özvegy, és ha egy új oszlop tetején van, akkor árva. Az özvegyek és az árvák rossznak tűnnek és nehéz olvasni.
Ha a szövegsorokat tökéletesen megjeleníti a webböngészőben, akkor egy fárasztó javaslat, különösen akkor, ha a választható weboldal és a különféle képernyők különböző megjelenítési méretei állnak rendelkezésre. A cél az, hogy áttekintse a webhely méretét, hogy megpróbálja létrehozni a legjobb megjelenést lehetséges, miközben elfogadja, hogy bizonyos esetekben a tartalmad ablakokat, árvákat vagy más, nem ideális megjelenítőket jelenít meg. A cél az, hogy minimalizálja a típus tervének ezen aspektusait, ugyanakkor reális is abban a tényben, hogy a képernyő méretének és megjelenítésének tökéletességét nem érheti el.
A tipográfia ellenőrzésének lépései
- Válassza ki a betűtípust óvatosan, tekintse meg a típus anatómiáját, valamint milyen típusú családban van.
- Ha a tervet helyőrző szöveggel építjük ki, ne hagyja jóvá a végleges tervet, amíg meg nem jelenik a tervben szereplő igazi szöveg.
- Figyeljen a tipográfia apró részleteire .
- Nézd meg a szöveg minden egyes blokkát, mintha nem lenne benne szavak. Milyen formában jelenik meg a szöveg az oldalon? Győződjön meg róla, hogy ezek az alakzatok továbbviszik az egész oldalt.
Jennifer Krynin eredeti cikke. Szerkesztette Jeremy Girard a 7/5/17