A tipográfia olyan eszköz azoknak a kezében akik valamilyen szöveges tartalmat prezentálnak amiről a webszerkesztők sem mondhatnak le. Nem is kell, de figyelembe kell vennünk, hogy az általános tipográfiai szabályok az elmúlt pár száz évben születtek. Monitorokat viszont még csak alig 25 éve bámulunk. És egy monitor nagyon más mint egy darab papír. Nagyon.

Mi a tipográfia?

A tipográfia a betűk, a szöveg beállításának a művészete. Magában foglalja a szöveg elhelyezését, méretét, tagolását, betűtípusát és minden egyéb paraméter kezelését ami a szöveg megjelenítéséhez kapcsolódik.

Miért?

A tipográfia hamarabb gyakorol hatást az olvasóra mint maga a szöveg, a tartalom.

Web tipográfia

A web mivel többnyire nem a szokványos médiumon (papír alapon) keresztül prezentálja a tartalmat rendelkezik jópár speciális tulajdonsággal ami miatt másképpen kell kezelnünk a webre szánt tartalmat mint a nyomtatásra szánt tartalmat.

Nézzük melyek azok a pontok ahol a web eltér a papírformától.

Jellemző Papír Web
méretek fix nem fix
szín fix nem fix
betűtípus fix nem fix
elhelyezések fix nem fix

Méretek

A közvetítő média mérete

A közvetítő média mérete azért fontos a számunkra amiért a vászon a festő számára. Ez az a méret ami meghatározza, hogy mi az a terület amivel dolgozunk, mekkora az a hely amin elhelyezhetjük a tartalmunkat.

A tipográfia hamarabb gyakorol hatást az olvasóra mint maga a szöveg, a tartalom.

Egy darab papír akkora amekkora. Egy A4-es lap milliméterre pontosan ugyanakkora mindig és mindenhol és a média rongálása nélkül nem méretezhető át.

Ezzel szemben a monitorok – habár szintén rendelkeznek fizikai méretekkel – néhány paramétertől függően igencsak másképpen viselkednek.

A monitorok a közvetített képet pici pontocskákból rakják össze. Azonban egy képpont / pixel mérete nem értelmezhető mondjuk milliméterekben vagy más abszolút mértékegységben. A grafikus felületek minden környezetben biztosítanak a számunkra valamilyen lehetőséget arra, hogy átállítsuk a képernyő felbontását.

Amikor mondjuk 800*600-as felbontásból átállítjuk magunkat 1024*768-re, akkor tulajdonképpen azt adjuk meg, hogy a képernyő kirajzolásához szélességében ne 800 képpontot rakjon egymás mellé hanem 1024-at és magasságában ne 600 képpontot, hanem 768 képpontot pakoljon ki. Ezzel az eredetileg használt 480.000 képpont helyett 786.432 pixelt kapunk. Mivel a felfújható monitorok még nem terjedtek el azt fogjuk tapasztalni, hogy a monitorunk fizikális mérete nem változott meg. Ha viszont az nem, akkor kizárásos alapon a pixelek méretének kellett változnia, hogy elférjenek. Ezt a kis gondolatmenetet papír alapra (vagyis papírra épülő tipográfiára) lefordítani már nem olyan egyszerű, mert legalább két variáció van arra, hogy ezt abban az esetben hogyan is kezelnénk. Mondjuk van egy dokumentumunk A4-esben. Ki akarom nyomtatni A3-as papírra. (1) Vagy kinyomtatom A4-es méretben az A3-as lapra, (2) vagy megnagyítom a tartalmat, hogy arányosan illeszkedjen az A3-as mérethez. Jól hangzik, a webre is. A gondunk csak az, hogy nem két mérettel kell dolgoznunk hanem praktikusan végtelennel. A végtelenséget az adja, hogy pár renitens user (mint például én is) sosem böngészik úgy, hogy a böngésző teljes monitoron fut, hanem a böngésző ablaka kisebb annál. Ezen kívül arról sem szabad elfeledkeznünk, hogy a böngésző ablakok azon része amely a tartalmat megjeleníti méretben erősen eltér az ablakkezelő, a használt böngésző típusától, a telepített pluginektől és a használt témáktól függően. Ja igen, van a böngésző ablakokon valami scrollbar is amire majd vissza kell még térnünk.

Konklúzió: a közvetítő média mérete változó.

Betűméretek

Amikor egy szöveget kinyomtatunk akkor a betűk mérete véglegesen és megváltoztathatatlanul örök időkre véglegesítve van. Ha gyorsan vízbe tesszük akkor elérhetünk némi méretmódosulást, de mivel a monitorok többnyire nem férnek be a csap alá erről a technikáról most nem fogunk több szót ejteni.

Mi a helyzet a weben? Itt szerencsére már nem annyira bizonytalan a helyzet mint a közvetítő médiánál volt. Jobban mondva attól függ, hogy kedves webszerkesztő barátunk figyelt-e a problémára. Jó esetben mindenki tisztában van azzal, hogy a web esetén a betűméreteket CSS-sel állítjuk be. Aki esetleg nem az használja a kedvenc keresőjét és nézzen utána.

CSS-ben lehetőségünk van abszolút (px, pt) és relatív (em, %, ex) módon méreteket megadni. Ha a weboldalon a betűket abszolút módon adták meg akkor bajban vagyunk. Miért? Mert egy 10px széles betű 800*600-on a monitor szélességének 1,25%-át fogja elfoglalni, míg 1024*768-on a 0,97%-át. Vagyis minél nagyobb a monitor felbontása annál kisebbnek fogjuk látni a betűt. Gondolom most mindenkinek beugrott egy-két weblap amiről eddig nem értette, hogy miért olyan olvashatatlanul kicsi betűket használ.

Persze a böngészők háborúja még mindig tart és nem csak réges régen egy messzi messzi galaxisban. Hogy jön ez ide? A figyelmetlen webszerkesztők ilyen hibáinak orvoslására a böngészők kirukkoltak azzal a lehetőséggel, hogy az olvasó bármikor kedvére átméretezeti a betűket. Aztán ott van az ablakkezelők beállítása akik már réges régen lehetőséget biztosítanak arra, hogy a felhasználó mindenhol az alapértelmezettnél nagyobb betűket állítson be magának. Bumm nesze neked tipográfia.

Konklúzió: a betűk mérete változó.

Web tipográfia 1
Cimke:     

Egy gondolat a “Web tipográfia 1” -hoz

Vélemény, hozzászólás?

Az e-mail címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük