Typografie a webdesign

Velmi důležitou a zároveň podceňovanou součástí webu je typografie. Typografie se vyvíjela již od dávných dob až do nynější velmi specializované podoby.

Typografie vznikla po vynálezu tisku v polovině 15. století a od té doby prošla mnoha vývojovými změnami. Co se našeho tématu týká, na webu již dnes máme možnost vidět, a také velmi často vidíme, mnoho různých druhů písem.

Proč vlastně mluvíme o písmu a o webu společně? Na to existuje velmi jednoduchá odpověď. Existuje jisté spojení mezi vzhledem webu a vzhledem písma na webu. Čím více přizpůsobíte písmo na webu, tím lépe bude web samotný působit na uživatele. Funkce a estetika jsou v oblasti web designu ve vzájemném spojení.. tedy jinými slovy, velmi důležitá je vaše vývojářská práce na projektu a stejně důležitá je vzhledová stránka projektu.

Nové možnosti ve webdesignu

Donedávna bylo použití písem na webu dosti omezené. V dnešní době moderních prohlížečů a operačních systémů již dokážeme implementovat mnohem více kreativity. A my webdesigneři máme radost.

Můžeme například využít možností "Scalable Inman Flash Replacement", nebo-li tzv. sIFR nahrazení písem. Ve zkratce - sIFR je technika renderování fontu pomocí Adobe Flash Player aplikace. Tento plugin postupně nahradí písmo na webu ekvivalentním flash objektem. Samozřejmě je důležité podotknout, že je k implementaci nutné použít JavaScript.

Velmi podobně funguje i Cufon. Využívá JavaScriptového api, a generátoru fontu, který je dostupný online. Můžete použít fonty .ttf, .otf, .pdf nebo postscript. Cufon má velmi široké možnosti nastavení i podpory mezi prohlížeči. Proto je ideální volbou při font-replace metodě na webu.

Důležité tipy k druhu písma

Obdobných tipů je internet plný, avšak můžeme si je shrnout zde, jednoduše a na jednom místě.

Volné místo

Rozhodně nesmíte zapomenout na základní nastavení jako je line spacing (jinak nazýváno leading). Volné místo mezi řádky velmi ovlivní čitelnost celého textu.

Barva

Při návrhu webu si velmi pečlivě vyberte i barevnost písma vs. barevnost pozadí. Písmo na webu by nemělo příliš "razit" do očí a ani by se nemělo v pozadí ztrácet.

Velikost písma

Stejně jako barvu musíte vybírat i velikost písma. Není možné přepálit nastavení velikosti písma. Příliš malé písmo je pro většinu uživatelů nečitelné, příliš velké písmo působí lacině a hrubě. Velmi jemně zvažte velikost písma, zkrátka tak, aby to webu slušelo. Vše si následně prohlédněte v různých prohlížečích a operačních systémech.

Čitelnost

Usaďte se na chvíli do role prostého uživatele, zkuste se oprostit od pohledu profesionála webdesignera. Dnešní webdesign je o soustředění se na uživatele, pamatujte vždy na to, že web máte od toho, aby zprostředkoval informace, a aby je zprostředkoval uživatelům tím nejlepším způsobem. Uživateli je jedno, kde informace najde, hlavně že je najde tak, jak je najít chce. Tedy uživatel přichází na web již s jistým očekáváním. Nezkazte mu to tím, že si nebude moct text přečíst.

Mnoho fontů najednou

Snažte se vždy vyhnout použití různých druhů písem na jednom webu. Raději použijte jemné rozdíly v nastavení písma pro různé oddíly. Je to lepší jak pro vás, tak pro uživatele. Webdesigner má méně starostí s udržením CSS a uživatel se bude na webu lépe orientovat a celkový dojem z webu bude mít mnohem více konzistentní.

Vyhlazování písma

V systému Windows primárně vyhlazování není zapnuto. Alespoň většinou ne. Proto mějte toto na paměti, prožitek z textu u nevyhlazeného písma je jiný (alespoň u mě rozhodně).