Hodí se na vaše stránky štíhlé a ladné písmo? Nebo by jim víc slušel hranatý, formální a trvanlivý font? Styl písma působí na výkonnost webu stejně jako grafika a obsah. Jaký typ písma vybrat? Pokud chcete „vymazlený“ web, nebo e-shop, mějte se k němu jako k tunění auta. Namontovali byste na své Bugatti Veyron třináctipalcová kola z Felicie? Pochybuju. Když se snažíte vylepšit webové stránky, myslete i na vhodný font. Písmo je základním a skromným grafickým prvkem, který často tvoří až 90 % prezentace. Návštěvník webu stráví největší podíl čtením, a proto by měl být i vizuál textu snadno „přežvýkatelný“. Jaké fonty dosahují lepších výsledků v určitých kontextech? Běžné versus tučné Běžné fonty jsou tenké a štíhlé. Na první pohled se může zdát, že nevyvolávají žádné pocity, protože s nimi přicházíme do styku dennodenně. Jenže co si většina lidí představí pod tenkostí a štíhlostí? Krásu a ženskost. Proto se s běžnými fonty často setkáte u parfémů, kosmetických výrobků a všude tam, kde je třeba zapůsobit na něžné pohlaví. Tučné fonty naopak představují sílu a mužnost – s objemnou postavou si spojujeme spíše pány. Na webech propagujících například posilování, trenérské kurzy apod. se tak setkáte spíše s robustnějšími písmy. Bannery níže přesně vystihují rozdíl mezi mužností a ženskostí a jeho použití v praxi: Silný chlap si zaslouží silný font. Pro ladné ženy ladná písmenka. Zlatou střední cestou, tedy středně tučným písmem nic nezkazíte. Jeho čitelnost je optimální. .u418578006c5f3e1339af4fa05965e874 { padding:0px; margin: 0; padding-top:1em!important; padding-bottom:1em!important; width:100%; display: block; font-weight:bold; background-color:#e6e6e6; border:0!important; border-left:4px solid #F39C12!important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); text-decoration:none; } .u418578006c5f3e1339af4fa05965e874:active, .u418578006c5f3e1339af4fa05965e874:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; text-decoration:none; } .u418578006c5f3e1339af4fa05965e874 { transition: background-color 250ms; webkit-transition: background-color 250ms; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; } .u418578006c5f3e1339af4fa05965e874 .ctaText { font-weight:bold; color:inherit; text-decoration:none; font-size: 16px; } .u418578006c5f3e1339af4fa05965e874 .postTitle { color:#000000; text-decoration: underline!important; font-size: 16px; } .u418578006c5f3e1339af4fa05965e874:hover .postTitle { text-decoration: underline!important; } Čtěte také: Zasáhněte cílovky vlastními zbraněmi: 4 základní emoce nejen pro obsahový marketing Jednoduché versus složité Jestliže potřebujete sdělit jasnou, přímou a jednoduchou zprávu, jděte na to s jednoduchými fonty bez zbytečných kudrlinek a ozdob. Prosté písmo odpovídá „čistému“ charakteru kontextu, což zvyšuje plynulost. Ne vždy je však plynulost prospěšná. U unikátních produktů lze jejich jedinečnost prohloubit právě složitějším písmem – posiluje míru odlišení výrobku. Když se chystáte utratit víc za exkluzivní sýr, čekáte unikátnost nejen v chuti, ale také v celkovém vzevření. Při koupi obyčejného eidamu už vlastně nečekáte nic: U lepšího sýru čekáme lepší písmo. Na obyčejný sýr, obyčejné písmo. Nakloněné versus přímé Mírně nakloněné fonty vypadají, jako by padaly. Vzbuzují v nás pocit pohybu, dynamiky a rychlosti. Zpříma stojící písmo naopak symbolizuje stabilitu, pevný základ a trvanlivost. Všimněte si výběru log několika pojišťoven. Ani jedna nepracuje s nakloněným písmem – všechny si zakládají na stabilitě. Běžecká škola Miloše Škorpila do loga krásně zapracovala dynamické písmo, které evokuje pohyb a ladí s utíkajícími postavami. Celé logo jako by běželo. Fonty pevné v kramflecích. Oddělená versus spojená Pokud jsou písmena ve fontu oddělená, sdělují určitou rozdrobenost a individualitu. Spojením získává font úplně jiný rozměr: Má svůj vlastní metaforický potenciál, protože jednotlivá písmenka se navzájem dotýkají – podporuje vnímání sblížení, jednoty, integrace. Jak na vás působí tyto ukázky? Navozuje ve vás font nějaké emoce? Dotek sbližuje. Obě jsou fajn, působí na city skrze děti. První však dokázala díky spojenému písmu posunout emoce sblížení ještě o kousek dál. .ue6be31c6301f9a9892a497d7bce8d0e8 { padding:0px; margin: 0; padding-top:1em!important; padding-bottom:1em!important; width:100%; display: block; font-weight:bold; background-color:#e6e6e6; border:0!important; border-left:4px solid #F39C12!important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); text-decoration:none; } .ue6be31c6301f9a9892a497d7bce8d0e8:active, .ue6be31c6301f9a9892a497d7bce8d0e8:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; text-decoration:none; } .ue6be31c6301f9a9892a497d7bce8d0e8 { transition: background-color 250ms; webkit-transition: background-color 250ms; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; } .ue6be31c6301f9a9892a497d7bce8d0e8 .ctaText { font-weight:bold; color:inherit; text-decoration:none; font-size: 16px; } .ue6be31c6301f9a9892a497d7bce8d0e8 .postTitle { color:#000000; text-decoration: underline!important; font-size: 16px; } .ue6be31c6301f9a9892a497d7bce8d0e8:hover .postTitle { text-decoration: underline!important; } Čtěte také: Mučivá gramatika aneb techtle mechtle s pomlčkou. Nebo se spojovníkem? Zhuštěné versus roztažené Maximálně zhuštěné písmo se obvykle snaží co nejúčinněji využít omezený prostor. Symbolizuje přesnost a hospodárnost. Pokud budete chtít třeba prodat ultra tenký mobilní telefon, „kondenzovaným“ písmem jeho základní vlastnost implementuje přímo do vizuálu fontu. Pouzdro tenké jako papír – také font hraje při asociaci roli. „Vzdušná“ písma představují dostatek prostoru, volnost, pohodu a relaxaci. Jak by vás nalákala reklama na wellness pobyt, kdyby byl text reklamy příliš „namačkaný“? Vnitřně byste se cítili jaksi omezení. Už cítím tu pohodu, když se vyvaluju ve vířivce. Písmo převážná většina uživatelů přijímá spíše okrajově. Ale stejně, každý bonusový bodík navíc se šikne, nemyslíte? Příspěvek Jednoduchá, tlustá, nebo tenká. Jaká použít na web písmenka? pochází z napisu.cz
Tento mini atlas vznikal na začátku školního roku, kdy se jeho autorka začínala učit psát první písmenka. Raději jsem doplnila některé kresby i popiskami.
projít na článekKolik vody je potřeba při pěstování bavlny? Proč je fajn nové oblečení před nošením vyprat? Jaká je důstojná mzda pracovníků v oděvním průmyslu? Odpovědi na tyhle a spousty dalších otázek o vašem oblečení najdete v nové brožurce organizace NaZemi Život s
projít na článekRouška je vyrobena ze 100% bavlny, velmi dobře tvarovatelná na obličeji. Gumička za uši, nebo gumička za hlavu. The post Rouška zobáková dospělá jednoduchá first appeared on Textil Vlček.
Rouška je vyrobena ze 100% bavlny, velmi dobře tvarovatelná na obličeji. Gumička za uši, nebo gumička za hlavu. The post Rouška zobáková dětská 5 – 10 let jednoduchá first appeared on Textil Vlček.
Rouška je vyrobena ze 100% bavlny, velmi dobře tvarovatelná na obličeji. Gumička za uši, nebo gumička za hlavu. The post rouška zobáková menší dospělá a dětská 10 – 15 let jednoduchá first appeared on Textil Vlček.