Hogyan válaszd ki a megfelelő betűtípust a weboldaladhoz: olvashatóság, hangnem és profizmus

Megnyitsz két weboldalt, amelyek pontosan ugyanazt árulják. Az egyik könnyen olvasható, kiegyensúlyozottnak érződik, elnyeri a bizalmadat. A másiknál hunyorognod kell — a betűk zsúfoltak, a címsor egy 2009-es Word-dokumentumra hasonlít. A különbség a legtöbb esetben nem a színek vagy a szöveg. Hanem a betűtípus. Ez az első tervezési döntés, amelyet az olvasó megérez, még mielőtt egyetlen szót is elolvasna.

A megfelelő betűtípust nem az alapján választják ki, mennyire „csinos" önmagában, hanem egyetlen kérdés alapján: könnyen olvasható-e telefonon, este 10-kor, karnyújtásnyi távolságból? Mert pontosan azon a kis képernyőn nyerhető meg vagy veszíthető el az ügyfél.

Egy betűtípus a szöveghez, egy a címsorokhoz — és ennyi

A szabály, amelyet minden oldalnál alkalmazunk: legfeljebb két betűtípus. Egy a törzsszöveghez (bekezdések, listák, árak), egy a címsorokhoz. Több betűtípus ugyanazon az oldalon nem tűnik kreatívnak — rendezetlennek látszik, mint egy apróhirdetés.

A két betűtípusnak ki kell egészítenie egymást, nem hasonlítania egymásra. Ha túl hasonlóak, a szem nem lát hierarchiát — az oldal laposnak érződik. Ha túl különbözőek, ütköznek. A biztos kombináció, amely szinte bármilyen üzlethez működik:

• Karakteres címsorok — egy egyéniséggel bíró betűtípus, vastagabb vagy jellegzetes formákkal, amely megadja a hangnemet (egy szalon, egy étterem és egy ügyvéd mind más-más hangnemet akar)
• Semleges, tiszta szöveg — egy dísztelen betűtípus a bekezdésekhez, amelyet hosszú olvasásra terveztek, nem arra, hogy feltűnjön

Ha nulla kockázatot akarsz a tévedésre, használj egyetlen betűtípust az egész oldalon, csak a vastagságot és a méretet változtatva. Sok modern, visszafogott oldal pontosan így néz ki, és hibátlanul működik.

Serif vagy sans-serif: mit mond rólad mindegyik

A két nagy család különböző jelzéseket küld, még akkor is, ha az olvasó soha nem nevezi meg őket tudatosan:

• Sans-serif (talp nélküli betűk, mint az Arial) — modern, tiszta, közvetlen. A legtöbb üzlethez működik: szolgáltatások, tech, szalonok, webshopok. Ez a legolvashatóbb is képernyőn.
• Serif (finom záróvonásokkal ellátott betűk) — hagyomány, komolyság, tekintély. Ügyvédekhez, közjegyzőkhöz, klinikákhoz, olyan márkákhoz illik, amelyek bizalmat és tapasztalatot árulnak.

Nincs „jobb", csak a hangnemedhez illő. Egy ügyvédi iroda játékos betűtípussal elveszíti a hitelességét. Egy cukrászda merev, vállalati betűtípussal elveszíti a melegséget.

A méret többet számít, mint a betűtípus kiválasztása

A leggyakoribb hiba nem a rossz betűtípus — hanem egy túl kicsi betűtípus. A viszonyítási pontok, amelyekkel dolgozunk:

• Törzsszöveg: minimum 16px, ideálisan 17–18px. 16px alatt az emberek hunyorognak a telefonjukon és távoznak.
• A sorok ne legyenek túl hosszúak — egy teljes széles képernyőn átnyúló bekezdés fárasztja a szemet; törekedj 60–75 karakterre soronként.
• Sorköz nagyjából 1,5 — a zsúfolt szöveget nehéz követni.
• Jó kontraszt — a fehéren világosszürke szöveg a fejedben „elegánsnak" tűnik, de kimerítő olvasni. Használj feketét vagy nagyon sötétszürkét fehéren.

Egy átlagos, helyesen használt betűtípus mindig legyőz egy „zseniális", de zsúfolt és túl kicsi betűtípust.

Ingyenes betűtípusok, amelyeket jogi aggályok nélkül használhatsz

Íme egy valódi csapda: nem minden interneten talált betűtípus kerülhet legálisan egy weboldalra. A Wordből vagy más oldalakról származó betűtípusoknak olyan licencük lehet, amely nem terjed ki a webes használatra. A jó hír: több száz professzionális, ingyenes betűtípus, amelyek kifejezetten webre vannak licencelve, elérhető a Google Fonts kínálatában. Ingyenesek kereskedelmi használatra, gyorsan töltődnek, és lefedik a román ékezeteket (ă, â, î, ș, ț) — egy részlet, amelyet sok „csinos" betűtípus figyelmen kívül hagy.

Biztos kombinációk, amelyekből kiindulhatsz:

Ne vedd ezeket törvénynek — ellenőrzött kiindulópontok, nem univerzális receptek. Ami számít, az a mögöttük álló elv: egy betűtípus a karakterhez, egy az olvasáshoz, mindkettő ékezetekkel, mindkettő webre licencelve.

Hibák, amelyek pénzbe kerülnek

• Túl sok betűtípus — három vagy négy stílus egy oldalon amatőrré teszi.
• Ékezetek nélküli betűtípus — egy hibásan írt név, vagy sorból kiugró betűk hanyagnak tűnnek egy román közönség szemében.
• Lassan betöltődő betűtípusok — egy egzotikus, rosszul tárolt betűtípus lelassítja az oldalt; telefonon minden fél másodperc számít.
• Túl kicsi szöveg, „hogy minden elférjen" — ha nem lehet elolvasni, nem számít, mit ír.

A szabály, amellyel dolgozunk: a betűtípus tűnjön el. Amikor az olvasó észreveszi, milyen szép a betűtípus, valami nincs rendben. Amikor könnyen olvas és soha nem gondol rá, akkor pontosan jó.

Szeretnéd látni a valódi szövegedet helyesen kiválasztott betűtípusokkal és rendben ülő ékezetekkel? Építünk neked egy ingyenes demót — egy valódi oldalt a vállalkozásodhoz, nem sablont. Írj nekünk WhatsApp-on, és összeállítjuk. És ha azon tűnődsz, mennyibe kerülne egy egész weboldal, van egy világos útmutatónk arról, mennyibe kerül egy weboldal.