A betűk
nem csak betűk.
A weboldalad nagyobb része szöveg, és a tipográfia dönti el, hogy elolvassák-e. Itt az van benne, amit tudnod kell ahhoz, hogy szavakkal kérj jó tipográfiát, és felismerd, ha rosszat kaptál.
Mindent felülír az olvashatóság.
A tipográfia a szövegek megjelenítésének szakmája, és a nyomtatás óta létezik - a szabályai kiforrottak. A weben viszont más a helyzet, mint egy könyvnél: nincs fix betűméret, nincs fix sorhossz, nem tudod, mekkora képernyőn nézik, és az olvasó nem sorról sorra haladva olvas, hanem ugrálva átfut a szövegen.
Ezért ne szabálylistát tanulj meg, hanem egyetlen mércét: olvasható-e. Ha egy tipográfiai döntés szép, de nehezebbé teszi az olvasást, akkor rossz döntés. Nincs kivétel - se a márkakönyvben, se az AI válaszában.
A látogató nem azért jött, hogy megcsodálja a betűidet. Azért jött, hogy megtudjon valamit. A tipográfia dolga, hogy ne legyen az útjában.
Ennyi fajta betű van. Ennyi.
A betűszárak végén van talp. Könyvekben ez a szabvány, mert a talp sorvezetőként segíti a szemet. Címsorban, idézetben, árnál ma is remek választás.
Nincs talp, nincs dísz. A webes folyószöveg alapértelmezése, kis méretben is tisztán olvasható. Ha nem tudod, mit válassz, ez a jó válasz.
Csak rövid feliratra: logó, egy kiemelt szó, aláírás. Bekezdésként kegyetlen, nagybetűvel szedve pedig olvashatatlan.
Minden, ami "érdekes". Dekorálni való, nem olvasni. Egy oldalon egy helyen, nagy méretben, kevés szóval.
Minden karakter egyforma széles. Kód, időpont, ár, kis nagybetűs címke. Kis mennyiségben nagyon jól áll egy komoly arculatnak.
Melyik betű melyik munkára jó?
Árvíztűrő tükörfúrógép
Ez a szó tartalmazza az összes magyar ékezetes karaktert. Mielőtt beleszeretsz egy betűtípusba, írd be ezt. A hosszú ő és ű az, ami leggyakrabban hiányzik - ilyenkor a böngésző kicseréli egy másik betűre, és a szövegben látszik a törés. Utólag ékezetet rárajzolni nem megoldás: többet rontasz vele.
Honnan legyen betűtípusod?
A weben nem az számít, mi van a gépedre telepítve, hanem az, amit az oldal betölt a látogatónak. Ezért a webes betűkészletek a lényegesek - és ott a licenc is más, mint a nyomtatott felhasználásnál.
Több ezer betű, üzleti használatra is ingyenes, nyelv szerint szűrhető, egy sor kóddal betölthető. A kihíváshoz bőven elég.
Gondosabban kidolgozott, kevésbé elcsépelt készletek. A Fontshare ingyenes, az Adobe Fonts egy Creative Cloud-előfizetéssel jár.
Az ingyenes ott gyakran csak magáncélra ingyenes. Üzleti oldalra tenni jogsértés. Ha nincs kiírva a licenc, keress másikat.
Webfont licenc - a betű használata weboldalon. Van, ahol havi oldalletöltésre van szabva.
Változó betű (variable font) - egyetlen fájl, amiben a vékonytól a feketéig minden vastagság benne van. Kevesebb letöltés, több lehetőség. Ha van ilyen verzió, azt válaszd.
Legfeljebb három betűtípus.
Egy címsorbetű, egy szövegbetű, és ha kell, egy dekoratív vagy technikai harmadik. Ha van logód, annak a betűje is beleszámít a háromba. Ennél több betűtől az oldal zavaros lesz - nem szebb, hanem hangosabb.
Ez nem szegényes: egyetlen jó betűcsaládnak öt-hat vastagsága van, és ezek keverése rengeteg változatosságot ad. A vastagság cseréje mindig biztonságosabb, mint egy új betű behozása.
Legyen hierarchia.
Gondolj egy újságcikkre: főcím, felvezető, alcímek, szövegtörzs, képaláírás. Minden szintnek megvan a saját mérete és vastagsága, és fentről lefelé csökken. A weben ez nem csak látvány: a címsorok szerkezete az, amiből a keresők és a felolvasóprogramok is megértik az oldalt. Ugyanarra a funkcióra mindig ugyanaz a formázás - a következetesség a hierarchia fele.
Legyen kontraszt - vagy ne legyen különbség.
A két legrosszabb eset ugyanaz a hiba két irányból: két majdnem egyforma betű egymás mellett (mintha véletlen lenne), vagy két hasonló méret (mintha nem tudnád, melyik a fontosabb). Ha különbséget teszel, tedd nagyot. A kontraszt jöhet méretből, vastagságból, betűcsaládból vagy nagybetűs szedésből.
A jobb oldalon három szint van: egy technikai címke, egy nagy határozott cím, egy halkabb kiegészítés. Ugyanaz a szöveg, csak el van döntve, mi a fontos.
A betűnek is van hangja.
Ugyanaz a szó másról szól attól, hogy milyen betűvel van szedve. Ezt nem kell tanulni, csak észrevenni. Olvasd el mind a négyet, és figyelj rá, mit vársz mögötte.
Ezért nem elég azt kérni, hogy "válassz szép betűt". Azt kell megmondani, milyen legyen a hang: tekintélyes és klasszikus, vagy meleg és személyes, vagy technikai és pontos.
Legyél betűérzékeny.
A betűérzék fejleszthető, mint a hallás. Járj nyitott szemmel: a jó táblák, könyvborítók, magazinok, weboldalak címsorai mindannyian valakinek a döntései. Ha valami tetszik, mentsd el - és írd mellé egy szóval, hogy mi tetszik benne.
A tapasztalt tervezők titka nem az, hogy folyton új betűket keresnek. Van öt-hat jól bevált párosításuk, azzal dolgoznak, és ott kísérleteznek, ahol tényleg van rá tér.
Méret, sorhossz, sortáv.
A weben nincs fix betűméret: a látogató nagyíthat, a böngészője alapbeállítása is más lehet, és a te oldaladnak ezt ki kell bírnia. Ezért a mai megoldás az, hogy a méret a képernyő szélességével együtt mozog. Ennek a kódja így néz ki:
Nem kell megtanulnod. Elég tudnod, hogy létezik, és hogy kérheted: a címsorok mérete legyen rugalmas, a szöveg sorhossza maradjon 70 karakter körül.
Óvatosan a festékes vödörrel.
A kiemelés annyit ér, amilyen ritka. Aki mindent kiemel, semmit nem emel ki - és a szövege úgy néz ki, mint egy lépcsőházi felszólítás.
A HÁZI SZAPPANUNK teljesen természetes, és MOST 20% KEDVEZMÉNNYEL a tiéd lehet!!!
A házi szappanunk teljesen természetes összetevőkből készül. Most 20% kedvezménnyel viheted.
És tagold: cím, alcímek, rövid bekezdések, felsorolások. A látogató először átfutja az oldalt, és csak akkor kezd olvasni, ha talált valamit, ami neki szól.
Három pár, ami mindig működik.
Ha nincs kedved válogatni, válaszd valamelyiket. Mindhárom párnak van teljes magyar ékezetkészlete, és mindhárom ingyenes - mindegyik letölthető a Google Fonts oldaláról.
Inter a szövegtörzsben. Modern, tiszta, technikai. Szolgáltatásokhoz, rendszerekhez, bármihez, ami komoly.
szöveg: Inter 400-600
Inter a szövegtörzsben. A talpas címsor tekintélyt és kézműves érzetet ad, a talpatlan szöveg olvashatóságot.
szöveg: Inter 400
Egyetlen betűcsalád, csak vastagsággal és mérettel dolgozva. A legnehezebb elrontani, és mindig rendezett.
szöveg: Inter 400
Ugyanaz a szöveg, kétféle tipográfia.
Minden szappanunk saját műhelyünkben készül, hidegen sajtolt olajokból, mesterséges illatanyagok nélkül. A rendeléseket kettő munkanapon belül postázzuk, a csomagolás teljesen lebomló, és minden vásárlásból ötven forintot egy állatmenhelynek adunk tovább, ezért is szeretnek minket a vásárlóink.
Megnézem a termékeketHidegen sajtolt olajokból, mesterséges illatanyagok nélkül. Lebomló csomagolás.
Minden vásárlásból 50 Ft egy állatmenhelynek megy.
Termékek megnézése →Hogyan kérj tipográfiát?
Hat kérdés a kapott tipográfiához.
A betűszabályod, egy blokkban.
Ez az a néhány sor, amit érdemes elmenteni. Illeszd be a napi feladat elejére, és nem kell minden alkalommal újra elmagyaráznod, milyen betűket akarsz.
Mielőtt kiadod a kezedből
A jó tipográfia észrevétlen. A rossz az egyetlen, amit észreveszel.
Két betű, három szint, elég nagy méret. Ezzel a háromból már nem lehet nagyot hibázni - és pontosan ezt tudod szavakkal is elkérni.