Bevezetés a nyomda alapjaihoz, webmester
Ebben a cikkben a webes nyomdával kapcsolatos alapfogalmakat és terminológiát fogjuk megvitatni, beleértve a nyomtatott sajtóval szembeni különbségeket is, amint azt "az ujjakon" mondják.
A tipográfia a karakterek írható, olvasható, esztétikus és szabványos megjelenést kölcsönöz. A nyomtatott termékekben az olvasó nem tudja megváltoztatni ezt a megjelenést a szöveg nyomtatása után.
Azonban az interneten teljesen más a helyzet, és a felhasználó növelheti / csökkentheti a szabványos betűméretet. amely beírta a szöveget, módosította a tervező által beállított beállításokat, vagy például megváltoztatta a szöveg színét, hogy jobban kontrasztossá tegye. Ebből kiindulva azt gondolhatjuk, hogy az internetes környezetben hatékony nyomda lehetetlen.
Éppen ellenkezőleg, lehetséges, és még inkább - sok esetben az internet által kínált lehetőségek felülmúlják a hagyományos nyomda képességeit! És nem azért, mert a webes tervező sokkal fejlettebb eszközökkel rendelkezik a szövegparaméterek és a helymeghatározás kezeléséhez, hanem azért, mert az internethasználók képesek testreszabni a "saját maguk" betűtípusok megjelenítési beállításait.
Ez természetesen nem azt jelenti, hogy Ön, mint a tervező, akkor felejtsd el a felelőssége a hatékony és esztétikus bemutatása és elhelyezése szöveg - a legtöbb szabályai hagyományos tipográfia is alkalmazni az interneten. Ennek a cikknek a keretében azonban elemezzük a webes nyomtatás sajátosságait (a hagyományos nyomtatáshoz képest).
1. Mit jelent a "webes betűtípusok"?
A FontDeckhez hasonló szolgáltatások segítségével számos betűtípus letölthető.
Úgy szokott lenni, hogy ha azt szeretné, betűtípusok helyes megjelenítéséhez bármely számítógép, meg kell tartania, hogy a használata egy maroknyi szabványos betűtípusok, amelyek közösek az összes számítógép és a böngészők. A választása a Helvetica (vagy Arial a PC-n), Grúzia, Times, Verdana vagy a Courier több verziójára korlátozódott. Ja, majdnem elfelejtettem a Comic Sans-t!
Ez a nagyon korlátozott fontkészlet, ami az interneten található összes hely monotónia és hasonlóságához vezetett, megfosztva a webes tervezőket a rendelkezésre álló szöveges lyukaktól.
De, köszönhetően a szolgáltatásoknak, mint például a Typekit. Google Web Betűtípusok és FontDeck. néhány évvel ezelőtt, minden megváltozott gyökeresen.
Első alkalommal a betűkészletek sokfélesége elérhetővé vált a webes tervezők számára, és a webes megjelenés egy újabb lépést tett a fejlesztés során.
De mennyire helyesen választott egy betűtípust a fajtából, amely a fejére esett? Íme néhány irányelv és szabály.
Ne felejtse el túlságosan sok fajta. Válasszon ki egy alapszintű betűtípust a szövegszöveghez, egyet pedig a fejlécekhez. Ne használjon tucatnyi betűtípust a webhelyén csak azért, mert van ilyen lehetőség.
Használja a betűtípusokat a rendeltetésükre. Nem kell a fő szöveges betűkészletekhez rendelt betűkészleteket használni: nagyszerűen néz ki a fejlécben, de minden bizonnyal nehézségeket okoz, amikor hosszú betűket ír be.
Válasszon megfelelő betűtípust. Győződjön meg róla, hogy kiválasztja azokat a betűkészleteket, amelyek megfelelnek azoknak a céloknak, amelyekben azokat használni fogják. A szkript forráskódjának betűtípusa kiváló lehet tesztlevel létrehozásához, de ugyanaz a betűtípus rossz benyomást kelthet a látogatók számára, például egy olyan vállalati webhelyet, amelyet ezzel a vázlattal terveztek.
2. A "vezető", "követés" és "kerning"
A "vezető" fogalma a vezető vízszintes vonalakhoz kapcsolódik, amelyekre a szöveg található, és visszatér azon időtartamokig, amikor a szöveget nyomtatással nyomtatták.
A jó tipográfiát a simaság jellemzi, szinte észrevétlen, és nem vonja el figyelmét, megkönnyítve a bemutatott tartalom egyszerű olvasását. A tipográfia sokféleképpen kezelheti a betűkészleteket, a külön sorokat, szavakat és szimbólumokat, optimalizálva a kölcsönhatásukat egymással.
Ezek a funkciók többek között magukban foglalják a "vezetés", "követés" (szimbólumok vagy szavak csoportja közötti tér) és a "kerning" (a két szimbólum közötti tér) paramétereinek kezelését.
Minden tipográfiai tulajdonságot leginkább a relatív egységekben lehet beállítani (pl. Em), hogy olyan esetet biztosítson, amikor a felhasználó a preferenciái alapján megváltoztatja a megjelenítési beállításokat.
A webes tervezésben léteznek eszközök a "követés" és a "vezető" paraméterek kezelésére, de a "kerning" nem konfigurálható közvetlenül a CSS-en keresztül. A "vezető" megadásához használja a CSS tulajdonságvonal-magasságot.
A "nyomon követés" feladathoz használja a betűvágó tulajdonságot. Szó szerint szerkesztheti a szavak közötti szóközöket is a szóközzel rendelkező tulajdonság segítségével, amely lehetővé teszi, hogy szövegét "szellőzővé" tegye, anélkül, hogy növelné a "követés" értékét a kritikus értékekhez.
A címke használata
Ha módosítani szeretné az egyes szimbólumcsoportok "kerning" paraméterét, a legjobb megoldás az, hogy "címkézze" őket a címkén . Ezután alkalmazhatja a CSS-tulajdonságokat erre a címkére, hogy ellenőrizze a köszörülés összegét. Használja ezt a technikát mérsékelten, mert gyakori használat esetén rengeteg értékes időt és energiát költenek rajta!
3. Szélesség oszlop
A jó hang szabálya az oszlop szélességének meghatározásakor 80 karakteres korlát. Vagyis, ha az oszlop szélesebb, mint ez az érték, akkor azt sem fogják észlelni.
Az oszlop szélessége nagyban befolyásolhatja olvashatóságát. Egy nyomógépen az oszlopok általában 45-75 karakteres szélességre vannak állítva (ami megközelítőleg 9-15 szónak felel meg). Ez a szélesség ideálisnak tekinthető, lehetővé téve az olvasó számára, hogy könnyen mozgassa a nézetet vonalról sorra anélkül, hogy elveszítené a fókuszt.
Ugyanezek az általános szabályok érvényesek a weboldalakra, ezért az oszlopszélesség legfeljebb 80 karaktert állítson be. A hangszóró szélessége em egységben állítható be. amire szükség van az ilyen CSS-kód használatához: szélesség: 80em;
4. Igazítás a nyomdában
Ez a szöveg bal oldali lapokkal rendelkezik, és jobbra szakadt. Csakúgy, mint nyomtatott formában, az internetes nyomtatásban a szöveget derékszegélyként, jobbra és akár még beállíthatja. A tulajdonság szöveges igazítása. kiválaszthatja balra a szakadt jobb oldali és a jobb oldali beállítást. egy rongyos balra. Az indokolás értéke lehetővé teszi mindkét oldalon az egyenlő határok mentén történő igazítását.
A CSS3 új tulajdonsággal is rendelkezik - szöveges igazolással. Ez lehetővé teszi, hogy pontosabban szabályozza a vonal kitöltését egy vonalas szöveggel. Sajnálatos módon a böngészõk számára ez a tulajdonság még mindig sok kívánnivalót hagy maga után.
Az "A webes tipográfia elkezdése" című cikket a Saitostroenie projekt barátságos csapata készítette el az A-tól Z-ig.