Obsah 1. Grafický manuál firmy ........................................................................................... 9 2. Podklady grafického manuálu ............................................................................. 10 3. Varianty loga ......................................................................................................... 11 3.1. Hlavní varianta ................................................................................................. 11 3.2. Černobílá varianta ............................................................................................ 11 4. Logo a logotyp ....................................................................................................... 12 4.1. Návrh loga ........................................................................................................ 12 4.2. Ochranná známka ............................................................................................. 13 5. Ochranná zóna kolem loga ................................................................................... 13 6. Barevnost logotypu................................................................................................ 14 7. Použití loga ............................................................................................................. 15 8. Typografie .............................................................................................................. 16 9. Aplikace loga.......................................................................................................... 17 9.1. Vizitka .............................................................................................................. 17 9.2. Dopisní papír .................................................................................................... 18 9.3. Dopisní obálka .................................................................................................. 20 9.4. Kupon ............................................................................................................... 21 9.5. Reklamní triko .................................................................................................. 22 9.6. Banner............................................................................................................... 23
„Web fiktivní firmy zajišťující správu IT a outsourcing počítačových sítí „ „Grafický manuál firmy“
Tomáš Snášel
1. Grafický manuál firmy Grafický manuál je velmi dŧleţitou marketingovou dokumentací velkých společností. Je nezaměnitelný při pouţívání logotypu v reklamních prostředcích a firemních tiskovinách. V tomto smyslu je tento manuál výchozím a závazným předpisem pro tvorbu, výrobu a uţívání uvedených prostředkŧ. Respektování uvedených pravidel je ţádoucí a zodpovídá za něj pracovník, který s firemními prvky pracuje. Vyobrazení v tomto manuálu slouţí pouze jako návod, nikoli jako podklad pro tvorbu tiskových a jiných materiálŧ. Proto si vţdy musíte vyţádat u odpovědného pracovníka grafické podklady v elektronické podobě (internet - 2). Grafická podoba logotypu je hlavním stavebním kamenem celé firemní identity společnosti. Ten se skládá z loga počítače a slova Geek Support (obr. 19).
Obr. 19 - Fiktivní logotyp firmy.
9
„Web fiktivní firmy zajišťující správu IT a outsourcing počítačových sítí „ „Grafický manuál firmy“
Tomáš Snášel
2. Podklady grafického manuálu Cena grafického manuálu firmy výrazně ovlivňuje, co vše v manuálu bude, například základní nabídka grafického manuálu mŧţe obsahovat jen základní a doplňkové písmo, logotyp a definice barev. Naopak pak mŧţe být v manuálu více grafických podkladŧ např. návrh webové stránky, typografie apod.… Podklady které je nutné poskytnout grafikovi, dodat veškeré informace o firmě, všechny texty, rozhodnutí zda pouţít logo nebo logotyp jestli barevný nebo jen černobílý, také jaké barvy firmy pouţít popřípadě styl písma a nějaké informace navíc aby grafik mohl z čeho vycházet. Všechny tyto údaje se pouţijí a aplikují se do manuálu firmy například (obr. 20).
Obr. 20 – Příklad stránek grafického manuálu.
10
„Web fiktivní firmy zajišťující správu IT a outsourcing počítačových sítí „ „Grafický manuál firmy“
Tomáš Snášel
3. Varianty loga 3.1. Hlavní varianta
Obr. 21 - Fiktivní logotyp firmy (hlavní varianta)
Tato varianta (obr. 21) je hlavní logo firmy pouţívá se ve většině případŧ, jen kdyţ je nezbytně nutné pouţije se černobílá varianta (obr. 22).
3.2. Černobílá varianta
Obr. 22 - Fiktivní logotyp firmy (Černobílá varianta) V případech, kdy je potřeba logotyp aplikovat na razítko, fólie, apod. lze pouţít tuto verzi logotypu. Za normálních podmínek by však nemělo být pouţíváno.
11
„Web fiktivní firmy zajišťující správu IT a outsourcing počítačových sítí „ „Grafický manuál firmy“
Tomáš Snášel
4. Logo a logotyp Logotyp či značka je nejviditelnější symbolem firemní identity, setkáváme se s nimi kaţdý den na kaţdém kroku. Ať uţ na internetu, v televizi, na obalech potravin nebo na oblečení. Kaţdá moderní společnost či firma potřebuje pomocí logotypu nebo značky prezentovat svou identitu a graficky se odlišit od ostatních a být jednoduše zapamatovatelná. Pro logotyp je charakteristické jeho typický řez písma (font), který je výtvarně aţ umělecky upravený kvŧli copyrightu (na neupravené a prosté fonty nejsou vztaţená autorská práva).
4.1. Návrh loga Fiktivní logotyp firmy (obr. 24) jsem zpracoval ve vektorovém editoru Inkscape, pomocí rŧzných prvkŧ. Náhled rozloţeného logotypu (obr. 23) kde vidíme rŧzné pouţité prvky.
Obr. 23 – Rozložené logo.
Obr. 24 - Fiktivní Logotyp společnosti.
12
„Web fiktivní firmy zajišťující správu IT a outsourcing počítačových sítí „ „Grafický manuál firmy“
Tomáš Snášel
4.2. Ochranná známka Neboli trademark (™), je označení pro jakoukoliv značku, logotyp nebo logo, který musí být registrovaný v rejstříku ochranných známek, pod správou Úřadu prŧmyslového vlastnictví. Před zápisem úřad zkoumá, zda zapisovaná ochranná známka splňuje všechny náleţitosti a vlastnosti, zda není zaměnitelná nebo velice podobná jiné známce. Obchodní značka je taktéţ typ duševního vlastnictví ke slovu, frázi, logu, symbolu a obrázku a kombinaci těchto prvkŧ.(internet – 7)
5. Ochranná zóna kolem loga Ochranná zóna definuje prostor, ve kterém se nesmí nalézat ţádné prvky grafiky kromě podkladu. Prvkem grafiky je myšleno jiné logo, text, textura, fotografie atd.… Tato zóna je minimální a mŧţe být zvětšena nikoliv zmenšená. Rámeček není součástí loga, je pouţit pouze pro ukázku proporcí ochranné zóny. Zelenou barvou je označena ochranná zóna o rozměru 5 mm, kde nesmí být pouţit ţádný grafický prvek (obr. 23).
Obr. 25 – Příklad stránek grafického manuálu.
13
„Web fiktivní firmy zajišťující správu IT a outsourcing počítačových sítí „ „Grafický manuál firmy“
Tomáš Snášel
6. Barevnost logotypu CMYK (0,0,0,20) / RGB (204,204,204)
CMYK (0,0,0,40) / RGB (153,153,153)
CMYK (0,0,0,60) / RGB (102,102,102)
CMYK (0,0,0,100) / RGB (0,0,0)
CMYK (0,100,100,0) / RGB (255,0,0)
CMYK (100,54,0,0) RGB (0,117,255)
Základními barvami pro určování správných odstínŧ v jiných barevných systémech jsou barvy definované v CMYK a RGB. Základními barvami loga jsou odstíny šedé a světle modrá (CMYK 0,0,0,20), (CMYK 0,0,0,40), (CMYK 0,0,0,60), (CMYK 0,0,0,100), (CMYK 100,54,0,0) Nápis Geek Support má základní červenou barvu CMYK (0,100,100,0). Logotyp při hlavní variantě (obr. 21) má 6 rŧzných barevných odstínŧ. Logotyp (obr. 22), který se vyuţívá jen ve výjimečných situacích má jen dvě barvy černá a bílá.
Obr. 26 - Fiktivní logo společnosti (barevnost logotypu)
14
„Web fiktivní firmy zajišťující správu IT a outsourcing počítačových sítí „ „Grafický manuál firmy“
Tomáš Snášel
7. Použití loga Zde je uveden neúplný výčet zakázaných nebo povolených aplikací logotypu na rŧzná pozadí (obr. 25). Je zakázané logotyp jakkoliv deformovat. Aplikace logotypu na barevné pozadí se řídí pravidly pro zachování dostatečného kontrastu pozadí s logotypem. Logotyp musí být čitelný a rozpoznatelný při jakékoli povolené aplikaci. Pouţití jiného pozadí neţ je zde uvedeno konzultujeme s grafikem.
Obr. 27 – Povolené a zakázaně varianty loga
15
„Web fiktivní firmy zajišťující správu IT a outsourcing počítačových sítí „ „Grafický manuál firmy“
Tomáš Snášel
8. Typografie Typografie je jedním ze základních prvkŧ jednotného vizuálního stylu. Podoba firemního písma výrazně ovlivňuje směr komunikace společnosti. Základním písmem společnosti je bezpatkové písmo Arial, které je dobře čitelné (obr. 26). Vzhledem k faktu, ţe se jedná o systémový font, není nutné definovat zastupující písmo. Jen při citování HTML nebo CSS je pouţito písmo strojové písmo Courier New, které je také systémový font (obr. 27).
aábcčdďeéěfghchiíjklmnňoópqrřsštťuúŧvwxyýzţ AÁBCČDĎEÉĚFGHIÍJKLMNŇOÓPQRŘSŠTŤUÚŦVWXYÝZŢ 0123456789?!<>,.“´+-()=*/;\¨§$@{}][:-_% Obr. 28 - Text na webové stránce písmo Arial bezpatkové písmo. aábcčdďeéěfghchiíjklmnňoópqrřsštťuúŧvwxyýzţ AÁBCČDĎEÉĚFGHIÍJKLMNŇOÓPQRŘSŠTŤUÚŦVWXYÝZŢ 0123456789?!<>,.“´+-()=*/;\¨§$@{}][:-_% Obr. 29 – HTML a CSS citace na webové stránce písmo Courier New strojové písmo.
Při psaní dokumentŧ, faxŧ, dopisŧ, se pouţívá font Times New Roman (obr. 28). Toto písmo je také systémový font, takţe není problém při zobrazování v jiných programŧ.
aábcčdďeéěfghchiíjklmnňoópqrřsštťuúŧvwxyýzţ AÁBCČDĎEÉĚFGHIÍJKLMNŇOÓPQRŘSŠTŤUÚŦVWXYÝZŢ 0123456789?!<>,.“´+-()=*/;\¨§$@{}][:-_% Obr. 30 – Písmo pro dopis Times New Roman patkové písmo.
16
„Web fiktivní firmy zajišťující správu IT a outsourcing počítačových sítí „ „Grafický manuál firmy“
Tomáš Snášel
9. Aplikace loga 9.1. Vizitka Vizitka je vytvořena v programu Inscape. Vzhled vizitky má napodobit okno programu v počítačovém systému (obr. 29), to má naznačit ţe pŧjde o firmu, která se zabývá zprávou hardware (označuje veškeré fyzicky existující technické vybavení počítače) nebo software (sada všech počítačových programŧ pouţívaných v počítači, které provádějí nějakou činnost) počítačŧ. Vizitka obsahuje základní údaje o firmě, název firmy (Geek Support), adresu (Okruţní 223 Meziboří 435 13), e-mail (
[email protected]), telefonní číslo (+420 776 558 215), jméno jednatele firmy (Tomáš Snášel) a webovou stránku (http://geeksupport.8u.cz/) nebo při pouţití chytrých telefonŧ z moţností čtení QR („Quick Response“ => rychlá odezva) kódŧ. QR kód si jednoduše mŧţeme generovat, existuje mnoho stránek na generování QR kódu například (http://codlee.com) kde stačí zadat jen webovou stránku a QR kód se vygeneruje v podobě obrázku. Rozměry vizitky (obr. 29) jsou značeny v milimetrech.
Obr. 31 – Vizitka fiktivní firmy z přední i zadní strany.
17
„Web fiktivní firmy zajišťující správu IT a outsourcing počítačových sítí „ „Grafický manuál firmy“
Tomáš Snášel
9.2. Dopisní papír Dopisní papír (obr. 31) v rozměrech formátu A4 (210 mm x 297 mm). V hlavičce dokumentu je v levé straně logotyp firmy, v pravé části se nachází základní údaje o firmě adresa, telefonní číslo a e-mail a uprostřed celého dokumentu se nachází vodoznak v podobě logotypu. Přiblíţená hlavička stránky (obr. 30). Na druhé straně dokumentu se bude nacházet v hlavičce adresa příjemce, po přeloţení papíru na 1/3 adresa bude vidět z DL obálky.
Obr. 32 – Hlavička dopisního papíru
18
„Web fiktivní firmy zajišťující správu IT a outsourcing počítačových sítí „ „Grafický manuál firmy“
Obr. 33 - Dopisní papír
19
Tomáš Snášel
„Web fiktivní firmy zajišťující správu IT a outsourcing počítačových sítí „ „Grafický manuál firmy“
Tomáš Snášel
9.3. Dopisní obálka Níţe uvedený druh obálky (obr. 32) má typové označení DL o rozměrech 220 mm x 110 mm. Červeně zvýrazněná plocha (není součástí grafiky obálky) uvádí místo kde nesmí být pouţit ţádný grafický prvek, rozměry na obrázku jsou uvedeny v milimetrech.
Obr. 34 - Dopisní obálka
20
„Web fiktivní firmy zajišťující správu IT a outsourcing počítačových sítí „ „Grafický manuál firmy“
Tomáš Snášel
9.4. Kupon Výroba kuponu byla provedena ve vektorovém editoru Inscape. První návrh kupónu na slevu zboţí v hodnotě 1 000,- Kč (obr. 33). Druhý návrh kupónu (obr. 34) je vzhledem podobný vizitce ze, které bylo vycházeno. V kupónu se nachází logotyp, určená cena kupónu, odkaz na stránku a QR kód pro mobilní zařízení. Velikost kupónu je (210 mm × 100 mm).
Obr. 35 – První návrh kupónu
Obr. 36 – Použité kupóny na webové stránce
21
„Web fiktivní firmy zajišťující správu IT a outsourcing počítačových sítí „ „Grafický manuál firmy“
Tomáš Snášel
9.5. Reklamní triko Technologie pouţitá při tisku reklamního trika je „Digitální tisk“. Spočívá v nanesení speciálního pigmentového inkoustu přímo na textilii. Tyto inkousty se následně zafixují vysokou teplotou a tlakem. Umoţňuje plnobarevný tisk rastrových anebo vektorových grafických formátŧ na světlé i tmavé textilie. Nejlepších výsledkŧ dosahujeme u materiálŧ s podílem bavlny 90% a více. Potisk vydrţí velice dlouho kvalitní, zachytí barevné přechody i jemné detaily. Výsledný potisk je měkký a jemný na dotek, potisknutá textilie zŧstává prodyšná a volná (internet - 3). Na přední straně trika se nachází krátký program v pascalu (programovací jazyk) s logem firmy. Zadní strana obsahuje vtipný text a binární soustavu čísel od 255. Trička jsou dostupná pouze ve velikosti L (rozměry 55cm x 74cm).
Obr. 37 – Reklamní triko
22
„Web fiktivní firmy zajišťující správu IT a outsourcing počítačových sítí „ „Grafický manuál firmy“
Tomáš Snášel
9.6. Banner Banner je vytvořen v programu GIMP, v kterém je vytvořeno 17 vrstev, náhled na pár z nich je znázorněn níţe (obr. 35). Kaţdá z vrstev má jiný obsah textu nebo obrázku. GIMP umoţnuje animaci pomocí přechodŧ těchto vytvořených vrstev, stačí jen exportovat hotový projekt jako GIF a nastavit rychlost přecházení z vrstev (obr. 36). Odkaz na banner (http://geeksupport.8u.cz/wp-content/uploads/2015/02/666.gif )
Obr. 38 – Vrstvy banneru
Obr. 39 – Uložení banneru
23