Pekné popoludnie všetkým!!! Dnes si povieme niečo o fontoch. A s tým nám pomôže zahraničný súdruh. Pozorne čítame a učíme sa zo skúseností.

Obrovskú rolu vo vnímaní stránky hrá nepochybne výber fontového riešenia. Koniec koncov, väčšina stránok pozostáva takmer výlučne z textu.

Tomáša Laurinaviciusa zaujímalo, aké fonty webdizajnéri pri svojej práci najradšej používajú.

Vykonal malú sociologickú štúdiu s cieľom identifikovať najobľúbenejšie a najobľúbenejšie fonty medzi tvorcami dizajnu webových stránok a blogov.

Krátko porozprával aj webdizajnérov, aby zistil, aké písmo je v danej situácii najvhodnejšie. Thomas zdieľal výsledky svojho prieskumu na webovej stránke hongkiat.com.

Počas prieskumu webdizajnéri vymenovali 73 rôznych fontov – 46 bezplatných a 27 platených.

Najobľúbenejšie fonty webových dizajnérov sa ukázali byť: Helvetica, Arial, Georgia, Gotham, Myriad Pro, DIN, Futura, League Gotic, Cabin, Corbel.

Je potrebné vziať do úvahy, že nie všetky prezentované fonty majú cyrilický štýl, najmä v bezplatnej verzii.

Top 10 obľúbených bezplatných písiem pre webových dizajnérov

Dizajnéri v prieskume vybrali 10 najlepších písiem pre webovú grafiku. Toto nezohľadňovalo štandardne nainštalované fonty v operačnom systéme, ako sú Arial, Verdana, Times New Roman, Georgia alebo Tahoma. (To je trochu zvláštne - na prvom mieste je písmo, ktoré je v operačnom systéme).

Top 10 obľúbených platených písiem pre webových dizajnérov

Nasledujúci zoznam obsahuje najobľúbenejšie platené fonty používané vo webovej grafike a dizajne. Niektoré z nich sú veľmi drahé, ale ich kvalita hovorí sama za seba a odôvodňuje náklady.

Písmo je dôležité. Ako vzduch, ktorý si nevšimnete, pokiaľ je všetko v poriadku. Väčšina ľudí netuší, ako sa fonty nazývajú alebo ako sa líšia (a to je v poriadku), ale určite vycítia, že s vašou stránkou nie je niečo v poriadku, ak font, ktorý používate, nevyhovuje vášmu projektu.

Čo je to hrúbka písma

Čitateľnosť písma

Bez ohľadu na to, aké písmo si vyberiete, malo by byť ľahko čitateľné. Najmä ak používate fotografiu na pozadí. Ak na fotografiu s malými detailmi umiestnite tenké písmo, text nebude čitateľný. Na toto si vždy dávajte pozor.

Čo sa dá robiť? Najprv použite fotografiu, ktorá je vhodná pre pozadie: s veľkými jednotnými prvkami. Po druhé, zjemnite fotografiu pomocou filtra, bude hladšia a text sa bude lepšie čítať. Po tretie, môžete zvýšiť sýtosť konkrétneho bloku použitím „inline štýlu“. To znamená, že nenastavujete nastavenia pre celý web, ale len pre časť textu. Pomocou editora musíte vybrať text a nastaviť parametre.

Štýl, ktorý sa použije týmto spôsobom nad globálnymi nastaveniami, bude mať vždy prednosť. Ak teda náhle zmeníte parametre v nastaveniach stránky, ale zmeny nie sú viditeľné, znamená to, že na tomto mieste bol použitý „inline štýl“. Ak ho chcete odstrániť, musíte vybrať text a kliknúť na ikonu „vymazať“.

Príklad 1: Text nie je veľmi čitateľný

Príklad 2: Text sa dobre číta

Ak vás téma výberu písma zaujíma, nájdite dobré stránky v blízkosti vášho projektu a zistite, aké písma používajú. Rozšírenie prehliadača What Font vám to pomôže určiť.

Môžete sa tiež pozrieť na nezávislý typografický archív http://fontsinuse.com/ – zdroj, kde sa zhromažďujú a triedia vzorky webových stránok a tlačených publikácií podľa typu použitého písma.

V jednom z denníkov som čítal diskusiu o tom, aké písmo je najlepšie použiť v poznámkach. A čo si o tom myslí profesionál s 15-ročnou praxou...

Verím, že lepšie čitateľné písmo. Text sa však číta inak na papieri a na obrazovke monitora. Preto by písmo, ktoré sa najlepšie hodí pre webovú stránku, nemalo byť vždy použité v tlači.

Pamätajte na pravidlo: najlepšie čitateľné písmo na papieri je pätkové písmo na obrazovke, najlepšie čitateľné je bezpätkové písmo.

Myslím si, že dôvodom je to, že informácie sa zobrazujú inak na papieri a na obrazovke monitora. Pri typografickej tlači sa teda za normu písma považuje 700 dpi (bodov na palec - počet bodov na palec) a jasnosť obrazu na obrazovke monitora je iba 72 dpi - desaťkrát menej. .

Vráťme sa však k našej otázke – ktoré písmo je lepšie? V súvislosti s webovými stránkami na to možno dať jasnú odpoveď: toto je Verdana. Navyše to nie je môj názor, ale vedecky dokázaný fakt. Toto písmo je naozaj najlepšie čitateľné na obrazovke!

Toto písmo má celkom zaujímavú históriu.

Bol vyvinutý špeciálne pre Microsoft v roku 1996 ako písmo, ktoré je ľahko čitateľné na obrazovke aj pri malých veľkostiach písmen. Vďaka absencii pätiek, širokým veľkostiam znakov a veľkým medzerám medzi nimi je písmo Verdana skutočne ľahko čitateľné!

Ďalšia vec je, že napriek úžasnej čitateľnosti je veľmi pekná: chcete predsa, aby sa text nielen dobre čítal, ale aby aj krásne vyzeral (aj keď či sa vám to páči alebo nie, to je vec vkusu ). Potom treba hľadať alternatívu – našťastie existujú.

Prvé štyri: písma Arial, Helvetica, Verdana a Georgia

Ako ukázali výsledky prieskumu medzi 35 webdizajnérmi magazínu Smashing Magazine, o prvé miesto sa delia dva fonty: Helvetica a Arial. (Pre všeobecné vzdelanie poviem, že Helvetica bola vyvinutá švajčiarskymi dizajnérmi pred viac ako polstoročím a font Arial je o dvadsať rokov mladší.) Tieto fonty sú najrozšírenejšie na internete, a preto môžu tvrdiť, že sú najlepšie.

Vynikajúce písmo Georgia je veľmi obľúbené (a všeobecne obľúbené). Napriek tomu, že toto písmo je pätkové, je na internete veľmi rozšírené. Používa sa napríklad ako hlavné písmo v online verzii časopisu Forbes.

V skutočnosti, ak sa pozriete na slušné webové stránky online, zistíte, že vyššie uvedené štyri písma sa nachádzajú všade. Ostatné fonty sú skôr výnimkou ako pravidlom. Preto, aby sme to zhrnuli, môžeme zhrnúť, že najlepšie fonty pre webovú stránku sú Arial, Helvetica, Verdana a Georgia.

Čo sa týka fontov na čítanie z papiera, je ich toľko (niekoľko tisíc), že je takmer nemožné vybrať tie najlepšie. Avšak, bez ohľadu na to, ako triviálne to môže znieť, Times New Roman a jeho variácie sú široko používané v tlači. Preto vavríny najlepšieho offline písma necháme na ňom.

P.S. Mimochodom, Serif a Sans Serif sú preložené z francúzštiny týmto spôsobom: s pätkami a bez pätiek.

---------
Lekári odporúčajú navštíviť zubára dvakrát ročne. Ale keď vyvstane otázka cien odstraňovania zubov, potom sa už nepozeráte na načasovanie alebo ceny. Ak sa však obrátite na kliniku ESCULAP ​​​​, o všetkom sa rozhodne na najvyššej úrovni. Byť zdravý!

Verím, že lepšie čitateľné písmo. Text sa však číta inak na papieri a na obrazovke monitora. Preto by písmo, ktoré sa najlepšie hodí pre webovú stránku, nemalo byť vždy použité v tlači.

Pavel ŠUDNEV

Pamätajte na pravidlo: najlepšie čitateľné písmo na papieri je pätkové písmo na obrazovke, najlepšie čitateľné je bezpätkové písmo.

Myslím si, že dôvodom je to, že informácie sa zobrazujú inak na papieri a na obrazovke monitora. Pri typografickej tlači sa teda za normu písma považuje 700 dpi (bodov na palec - počet bodov na palec) a jasnosť obrazu na obrazovke monitora je iba 72 dpi - desaťkrát menej. .

Vráťme sa však k našej otázke – ktoré písmo je lepšie? V súvislosti s webovými stránkami na to možno dať jasnú odpoveď: toto je Verdana. Navyše to nie je môj názor, ale vedecky dokázaný fakt. Toto písmo je naozaj najlepšie čitateľné na obrazovke! Toto písmo má celkom zaujímavú históriu.

Bol vyvinutý špeciálne pre Microsoft v roku 1996 ako písmo, ktoré je ľahko čitateľné na obrazovke aj pri malých veľkostiach písmen. Vďaka absencii pätiek, širokým veľkostiam znakov a veľkým medzerám medzi nimi je písmo Verdana skutočne ľahko čitateľné!

Ďalšia vec je, že napriek úžasnej čitateľnosti je veľmi pekná: chcete predsa, aby sa text nielen dobre čítal, ale aby aj krásne vyzeral (aj keď či sa vám to páči alebo nie, to je vec vkusu ). Potom treba hľadať alternatívu – našťastie existujú.

Prvé štyri: písma Arial, Helvetica, Verdana a Georgia

Ako ukázali výsledky prieskumu medzi 35 webdizajnérmi magazínu Smashing Magazine, o prvé miesto sa delia dva fonty: Helvetica a Arial. (Pre všeobecné vzdelanie poviem, že Helvetica bola vyvinutá švajčiarskymi dizajnérmi pred viac ako polstoročím a font Arial je o dvadsať rokov mladší.) Tieto fonty sú najrozšírenejšie na internete, a preto môžu tvrdiť, že sú najlepšie.

Vynikajúce písmo Georgia je veľmi obľúbené (a všeobecne obľúbené). Napriek tomu, že toto písmo je pätkové, je na internete veľmi rozšírené. Používa sa napríklad ako hlavné písmo v online verzii časopisu Forbes.

V skutočnosti, ak sa pozriete na slušné webové stránky online, zistíte, že vyššie uvedené štyri písma sa nachádzajú všade. Ostatné fonty sú skôr výnimkou ako pravidlom. Preto, aby sme to zhrnuli, môžeme zhrnúť, že najlepšie fonty pre webovú stránku sú Arial, Helvetica, Verdana a Georgia.

Čo sa týka fontov na čítanie z papiera, je ich toľko (niekoľko tisíc), že je takmer nemožné vybrať tie najlepšie. Avšak, bez ohľadu na to, ako triviálne to môže znieť, Times New Roman a jeho variácie sú široko používané v tlači. Preto vavríny najlepšieho offline písma necháme na ňom.

P.S. Mimochodom, Serif a Sans Serif sú preložené z francúzštiny týmto spôsobom: s pätkami a bez pätiek.

Súvisiace odkazy:

Na stránke InspirationBit si môžete prečítať výsledky spomínaného prieskumu webdizajnérov v príspevku 16 najlepších fontov pre webdizajn (anglicky)

Čo je redizajn webovej stránky a prečo je potrebný?

Existuje názor, že redizajn je jednoducho vývoj nového dizajnu pre starú stránku a je potrebné, aby stránka vyzerala modernejšie. Ide o veľmi povrchný uhol pohľadu, ktorý s realitou nemá veľa spoločného: v skutočnosti je všetko oveľa vážnejšie... a zaujímavejšie.

Webové písmo– toto je jeden z hlavných problémov pri návrhu vašej webovej stránky. Správna veľkosť, farba a typ písma môže vyriešiť problémy s čitateľnosťou, krásou a efektívnosťou zdroja ako celku.

TOP 10 najlepších a najpoužívanejších fontov

Všetky nižšie uvedené písma sa považujú za základné, takže ich možno na stránke použiť aj bez nahrania súboru s písmom (*.ttf) do adresára so stránkou

1. Tahoma

2. Verdana

3. Arial/Arial Black/Arial Narrow

4. Times New Roman

5. Palatino Linotyp / Palatino

6. Vplyv

7. Gotika storočia

8. Helvetica

9. Gruzínsko

10. Gill Sans MT

Okrem toho:

11. Kuriér Nový

12. Calibri

13. Trebuchet čs

14. Lucida Sans Unicode

Niekoľko pravidiel používania písiem na webe

1. Základom čitateľného textu sú nadpisy. Fungujú ako akési majáky, ktoré umožňujú čitateľovi sústrediť sa na požadovanú časť alebo pasáž bez toho, aby ho dráždil tok všeobecných informácií. Skúste tiež zvýrazniť kľúčové slová!

Smerovanie

Prvý odsek odsek

Po druhé paragrafový odsek

2. Stránka by mala mať nejaký všeobecný koncept, preto sa snažte použiť maximálne 2-3 fonty na stránku. Nižšie je uvedený kód CSS

Text (font: 14px/100% Tahoma, Verdana, bezpätkové)
14 pixelov veľkosť písma, 100% medzera medzi riadkami, Tahoma použité písmo
3. Text po návrhu musí byť čitateľný - zachovať kontrast (čierny text na bielom pozadí, biely na modrom a pod.). Snažte sa nepoužívať svetlé farby ani na jednu. Existujú výnimky, ale nespadá to pod štandardné postupy.

4. Pri navrhovaní textu sa snažte nepoužívať viac ako 2-3 farby. Upozorňujeme, že najlepšie návrhy sa držia 2-3 farieb, nie viac. Dodržujte toto pravidlo aj vy

5. Text musí byť čitateľný! Skúste použiť odseky a zarážky pododstavcov alebo referenčné informácie.

Text prvého odseku. Dlhé a zaujímavé.

Text druhého odseku sa však nezlúči s druhým, pretože medzi nimi bude zarážka.

Ďakujem za tvoju pozornosť! A veľa šťastia pri vývoji návrhov projektov!)