Firemní barvy a písmo: jak sestavit jednoduchý vizuální styl
Vizuální styl malé firmy nepotřebuje manuál na padesát stran. Potřebuje dvě až tři barvy, jedno až dvě písma a pravidlo, kde se co používá. To je celé. Firmy, které tohle minimum drží, působí uspořádaně i s velmi jednoduchými materiály, zatímco firmy s krásným logem a pokaždé jinými barvami působí nahodile, i když do grafiky investovaly víc.
Tenhle text popisuje, jak sestavit jednoduchou paletu, jak vybrat písmo a ohlídat licenci, proč se barva na webu a v tisku liší a jak z toho udělat pravidlo, které se dá dodržet i bez grafika.
Vizuální styl ve zkratce
| Prvek | Co pro malou firmu stačí |
|---|---|
| Hlavní barva | jedna, nese rozpoznání značky |
| Doplňková barva | jedna, na zvýraznění a odkazy |
| Neutrální odstíny | tmavý text a světlé pozadí |
| Písmo na nadpisy | jedno, výraznější |
| Písmo na text | jedno, dobře čitelné v malé velikosti |
| Pravidlo použití | jedna stránka, ne rozsáhlý manuál |
Kolik barev opravdu potřebujete
Rozumné minimum jsou tři: hlavní barva, která nese rozpoznání, doplňková na zvýraznění a tlačítka, a neutrální dvojice pro text a pozadí. Víc barev znamená víc rozhodování a menší šanci, že materiály budou vypadat jednotně.
Hlavní barvu vybírejte s ohledem na obor a na to, kde se bude objevovat. Barva, která vypadá dobře na obrazovce, může být na tisku nevýrazná. A počítejte s kontrastem: světle šedý text na bílém pozadí je nečitelný pro velkou část lidí, včetně těch, kdo čtou na mobilu na slunci.
Barvy pro obrazovku a pro tisk
Obrazovka skládá barvu ze světla, tisk z barviva. Proto se stejná barva v obou prostředích liší a některé zářivé odstíny z obrazovky se v tisku nedají přesně vytvořit. Není to chyba tiskárny, ale fyzikální omezení.
Praktické řešení je definovat hlavní barvy pro obě prostředí a mít je zapsané. U důležitých tiskovin si nechte ukázat nátisk, než se objedná velký náklad. Souvislosti s formáty a barvami loga popisuje text o firemním logu.
Písmo: jedno až dvě stačí
Nejjednodušší funkční kombinace je jedno výraznější písmo na nadpisy a jedno dobře čitelné na běžný text. Někdy stačí jediné písmo s několika řezy, tedy různě silnými variantami, což vypadá uspořádaně a nedá se to pokazit.
Rozhodující je čitelnost v malé velikosti a na mobilu, ne to, jak písmo vypadá na nadpisu v prezentaci. Vyhněte se ozdobným písmům pro delší texty a písmům, kde se snadno pletou podobné znaky. A ověřte, že písmo obsahuje české znaky s háčky a čárkami, což u volně stažených fontů často chybí.
Licence písem, na které se zapomíná
Písmo je software a jeho použití se řídí licencí. Volně dostupné neznamená automaticky volné pro komerční použití a rozdíl bývá právě mezi osobním a firemním užitím. U webových písem se navíc licence liší podle způsobu nasazení.
Prakticky to znamená ověřit si podmínky dřív, než písmo použijete na logo, obal nebo web. Bezpečnou cestou jsou písma s otevřenou licencí, která výslovně komerční použití povolují. Stejná opatrnost patří k obrázkům a fotkám, jak popisuje text o fotografii pro firmu.
Jak z toho udělat použitelné pravidlo
Sepište si jednu stránku: hlavní barvy s jejich zápisem pro web i pro tisk, názvy písem a kde se která používají, a odkaz na složku s logem ve všech variantách. Tohle je pro malou firmu dostatečný vizuální manuál.
Uložte to tam, kam se dostane každý, kdo pro vás něco vyrábí: grafik, tiskárna, brigádník spravující sítě. Většina nejednotnosti nevzniká ze zlé vůle, ale z toho, že si člověk musí barvu odhadnout, protože ji nikde nenajde.
Kde se jednotnost nejčastěji rozpadá
Na sociálních sítích, kde příspěvky vyrábí někdo jiný než web. Na tiskovinách objednaných narychlo. A na dokumentech, tedy na fakturách, nabídkách a prezentacích, které často vypadají, jako by patřily jiné firmě.
Pomáhá připravit si předlohy: šablonu nabídky, hlavičkový papír a jednoduché předlohy na příspěvky. Jednou nastavené, pak už jen vyplňované. Souvislosti s celkovým vzhledem firmy shrnuje rozcestník o vizuální identitě.
Volba barev a písem: na co si dát pozor
Následující přehled shrnuje, co při sestavování stylu rozhoduje a čemu se vyhnout.
Barvy: co funguje
- Jedna dominantní barva. Nese rozpoznání a používá se nejčastěji.
- Dostatečný kontrast textu. Rozhoduje o čitelnosti na mobilu i pro slabší zrak.
- Neutrální pozadí. Barva vynikne, když kolem není přeplácáno.
- Zápis barev pro web i tisk. Aby je nikdo nemusel odhadovat.
Barvy: čemu se vyhnout
- Pět a víc barev. Materiály přestanou působit jako jedna firma.
- Barevné přechody v logu. Komplikují jednobarevné použití.
- Odstíny na hranici čitelnosti. Světlá šedá na bílé je nepoužitelná.
- Barvu vybranou jen podle obrazovky. V tisku může vypadat úplně jinak.
Písmo: co funguje
- Jedno až dvě písma. Případně jedno v několika řezech.
- Čitelnost v malé velikosti. Důležitější než efektní nadpis.
- Kompletní česká diakritika. U volně stažených fontů častý problém.
- Ověřená komerční licence. Volně dostupné neznamená volné k použití.
Písmo: čemu se vyhnout
- Ozdobná písma na delší texty. Čtenáře odradí dřív, než dočte.
- Kombinace tří a více písem. Působí nahodile.
- Písma s obtížně rozlišitelnými znaky. Problém v číslech a kódech.
- Výchozí písmo šablony bez kontroly. Často nesedí ke značce ani k licenci.
Barevné a písmové pojmy
| Pojem | Co znamená | Kde se používá |
|---|---|---|
| RGB | barevný model pro obrazovky | web a prezentace |
| CMYK | model pro tisk | tiskoviny |
| Přímá barva | předmíchaný odstín | přesná shoda v tisku |
| Hexadecimální kód | zápis barvy pro web | například sedm znaků s křížkem |
| Primární barva | hlavní barva značky | logo a hlavní prvky |
| Sekundární paleta | doplňkové odstíny | grafy, zvýraznění |
| Neutrální odstíny | šedé a béžové | pozadí a text |
| Kontrastní poměr | čitelnost textu na pozadí | přístupnost webu |
| Patkové písmo | se zakončením tahů | delší texty, tradičnější dojem |
| Bezpatkové písmo | bez zakončení | obrazovky, moderní dojem |
| Řezy písma | tenké, normální, tučné | rodina musí mít dost řezů |
| Licence písma | rozsah povoleného užití | web a tisk se licencují zvlášť |
Nejpodceňovanější položkou je licence písma. Písmo se nekupuje jednou provždy, ale licencuje se pro konkrétní použití, přičemž desktopová licence pro tisk nepokrývá vložení na web a naopak. Firma, která si to neohlídá, riskuje dodatečné nároky od výrobce písma.
Druhá je kontrastní poměr. Barevná kombinace, která vypadá dobře v návrhu, může být pro část lidí nečitelná, a u webů to je i otázka přístupnosti. Kontrast se dá změřit, takže to není věc názoru.
Časté otázky
Kolik barev má mít malá firma?
Rozumné minimum jsou tři: hlavní barva nesoucí rozpoznání, doplňková na zvýraznění a neutrální dvojice pro text a pozadí. Víc barev znamená víc rozhodování a menší šanci, že materiály budou vypadat jednotně.
Proč vypadá barva jinak na webu a na letáku?
Obrazovka skládá barvu ze světla, tisk z barviva, takže se stejný odstín liší a některé zářivé barvy se v tisku nedají přesně vytvořit. Není to chyba tiskárny. Řešením je mít barvy definované pro obě prostředí a u větších nákladů si vyžádat nátisk.
Kolik písem se má používat?
Jedno až dvě. Nejjednodušší funkční kombinace je jedno výraznější na nadpisy a jedno dobře čitelné na text, případně jediné písmo v několika řezech. Tři a více písem působí nahodile a je těžké je udržet konzistentní.
Můžu použít jakékoli stažené písmo?
Ne. Písmo je software a řídí se licencí, přičemž volně dostupné neznamená volné pro komerční použití. Rozdíl bývá mezi osobním a firemním užitím a u webových písem se licence liší podle způsobu nasazení. Bezpečné jsou fonty s otevřenou licencí.
Jak poznám, že je kontrast dostatečný?
Základní test je přečíst text na mobilu venku na světle. Světle šedý text na bílém pozadí obvykle neprojde. Kontrast se dá i změřit nástroji pro přístupnost, které ukážou, jestli kombinace splňuje běžně používané hranice.
Potřebuje malá firma grafický manuál?
Rozsáhlý ne, ale jedna stránka ano. Stačí zapsat hlavní barvy pro web i tisk, názvy písem a kde se používají, a odkaz na složku s logem ve variantách. Většina nejednotnosti vzniká z toho, že tyhle údaje nejsou nikde k dohledání.
Kde se jednotnost nejčastěji rozpadá?
Na sociálních sítích, u narychlo objednaných tiskovin a u dokumentů, tedy faktur, nabídek a prezentací. Pomáhá připravit si předlohy, které se pak už jen vyplňují, místo aby je pokaždé někdo tvořil znovu podle odhadu.
Musí barvy odpovídat oboru?
Nemusí a slepé následování oborových klišé spíš uškodí, protože splynete s konkurencí. Důležitější je, aby barva fungovala tam, kde ji budete používat, měla dostatečný kontrast a dala se reálně vytisknout.
Zdroje: běžná literatura k typografii a firemní grafice, obecné principy barevných prostorů pro obrazovku a tisk a doporučení k přístupnosti textu z hlediska kontrastu.

Jeden komentář