grafický manuál v0.2
Post on 24-Jul-2016
242 Views
Preview:
DESCRIPTION
TRANSCRIPT
Každá organizace vyjadřuje navenek svou
specifickou identitu, na které se podílí i vzhled
tištěných materiálů, reklama, podoba
webových stránek apod. Každý komunikační
prvek přispívá k celkovému dojmu organizace.
Při koordinaci programu pro identifikaci
organizace je důležitá jednotnost vizuální
prvků posilující všechny její aktivity.
Účelem této příručky je představit jednotlivé
složky vizuální identity 1.TPŠ Litoměřice s.r.o.,
definovat normy firemního grafického designu
a ukázat aplikaci těchto norem na existujících
dokumentech a materiálech.
Dále jsou zde definována pravidla pro evidenci
nových a existujících grafických podkladů
a pokyny k jejich aplikaci.
OBSAH
Barvy
1.1 Primární barva
1.2 Sekundární barvy
Loga
2.1 Výklad pojmů
2.2 Universální logo
2.3 Plavecká škola logo
2.4 Potápěčská škola logo
2.5 Handicap Scuba Diving logo
2.6 Jazykové mutace
2.7 Minimální velikost
2.8 Ochranná zóna
2.9 Barevnost
2.10 Nesprávné použití
2.11 Další piktogramy
Typografie
3.1 Primární písmo (Open Sans)
3.2 Sekundární písmo (PT Serif)
3.3 Terciální písmo (Cupertino)
Aplikace
4.1 Vizitka
4.2 ID karta
4.3 Hlavičkový papír
4.4 Dopisní papír
4.5 Faktura
4.6 Vysvědčení
4.7 Triko
4.8 Webové stránky
4.9 Banner
4.10 Dárkový poukaz
4.11 Ploutve
4.12 Potápěčská lahev
Evidence
5.1 Nastavení priorit
5.2 Elektronická evidence
5.3 Dostupnost on-line
Poznámky
BARVY
B
AR
VY
1.1 Primární barva
1.2 Sekundární barvy
Organizace působí na lidi nejen tím,
jaký dopad mají její činnosti, ale také svou
prezentací. Lidé vnímají vizuální identitu jako
nástroj sdělování firemní vize a organizačních
kompetencí, a vyhledávají takové organizace,
které působí důvěryhodně, budí ty „správné“
emoce, a zanechávají ve svém okolí dobrý
dojem.
S určitým typem institucí mohou mít lidé
spojenu hravost, rebelství, rezervovanost
či cílevědomost. Cílem dodržení barevného
schématu tak je působit jak jednotným
vizuálním stylem, tak i budit v lidech
ty „správné“ emoce.
BARVY
B
AR
VY
1.1 PRIMÁRNÍ BARVA
Kódování primární barvy
CMYK C: 2
M: 7
Y: 195
K: 0
Pantone Pantone 107 C
L: 90
a: -2
b: 84 VZOR VZOR
RGB R: 254
G: 225
B: 35
Hexa #fee123
Škála odstínů k černé a bílé
190% 180% 170% 160% 150% 140% 130% 120% 110% 100% 90% 80% 70% 60% 50% 40% 30% 20% 10%
Žlutá je barvou otevřenosti a veselí. Je v ní touha po rozvíjení se, naděje, povzbuzuje, osvobozuje. Navzdory všemu působí žlutá barva
uklidňujícím dojmem.
BARVY
B
AR
VY
1.2 SEKUNDÁRNÍ BARVY
Kódování primární barvy
CMYK C: 77
M: 60
Y: 44
K: 25
Pantone Pantone 7545 C
L: 35
a: -4
b: -12 VZOR VZOR
RGB R: 65
G: 84
B: 100
Hexa #415464
Škála odstínů k černé a bílé
190% 180% 170% 160% 150% 140% 130% 120% 110% 100% 90% 80% 70% 60% 50% 40% 30% 20% 10%
Barva symbolizuje autoritu, důstojnost a hrdost. Je spojována s inteligencí, stabilitou a konzervatismem. V lidech evokuje pocit
nekonečnosti a důvěryhodnosti.
BARVY
B
AR
VY
1.2 SEKUNDÁRNÍ BARVY
Kódování sekundární barvy
CMYK C: 39
M: 64
Y: 89
K: 34
Pantone Pantone 463 C
L: 37
a: 15
b: 29 VZOR VZOR
RGB R: 119
G: 78
B: 41
Hexa #774e29
Odstíny sekundární barvy k bílé
190% 180% 170% 160% 150% 140% 130% 120% 110% 100% 90% 80% 70% 60% 50% 40% 30% 20% 10%
Barva působí střízlivě, solidně a realisticky. Je spojena s představou jistoty, pořádku, tradice a hrdosti. Hnědá je teplejší než černá
a je vhodnou doplňkovou barvou.
LOGA
L
GO
A
2.1 Výklad pojmů
2.2 Universální logo
2.3 Plavecká škola logo
2.4 Potápěčská škola logo
2.5 Handicap Scuba Diving logo
2.6 Jazykové mutace
2.7 Minimální velikost
2.8 Ochranná zóna
2.9 Barevnost
2.10 Nesprávné použití
2.11 Další piktogramy
Logo je symbol firmy, který umožňuje klientovi
spojit si značku společnosti s jejím produktem
či službou.
Využití loga je velmi široké – od aplikace
na produkty až po využití v marketingových
prostředcích. Důležité je při tom dbát
na pozitivní vytvoření vazby mezi společností
a klientem, který s produktem, službou
nebo reklamou přichází do styku, a budovat
tak důvěryhodnost značky.
Společnost 1.TPŠ Litoměřice používá řadu log,
z nichž každé charakterizuje konkrétní odvětví
činností a služeb společností nabízených.
Pro sjednocenou prezentaci používá
společnost logo univerzální, které má svou
historii a uchytilo se v podvědomí klientů.
LOGA
L
OG
A
2.1 VÝKLAD POJMŮ
Výklad pojmů a nastavení pravidel pro jejich užití je pro všechny piktogramy, logotypy a loga stejný.
Piktogram Logotyp Logo
Piktogram lze užít samostatně, ovšem
nesmí být kombinován s jinou značkou
nebo dalšími grafickými a vizuálními
prvky (viz 2.7.).
Logotyp je textové znázornění názvu
společnosti nebo odvětví (činnosti),
kterému se společnost věnuje.
Logotyp lze užít samostatně, ovšem nesmí
být kombinován s jinou značkou nebo
dalšími grafickými a vizuálními prvky
(viz 2.8).
Logo vzniká spojením piktogramu
a logotypu. Piktogram je vždy nad
logotypem.
Font: Cupertino (Normal)
LOGA
L
OG
A
Universální logo je používáno na sdílených
dokumentech a oficiálních firemních
tiskovinách, které jsou pro všechny odvětví
činností společnosti totožné. Využití tak najde
například na vizitkách, hlavičkovém papíře
nebo webových stránkách.
LOGA
L
OG
A
2.2 UNIVERSÁLNÍ LOGO
Piktogram (též symbol) se skládá z plavce a velryby
a je orientováno vždy zprava do leva.
Logotyp
Logo
LOGA
L
OG
A
Logo plavecké školy lze použít výhradně
ve spojitosti s plaveckou činností školy
(tj. výcvikem, školeními, akcemi apod.),
které v sobě nezahrnují žádné další činnosti
organizace (například potápění). V takovém
případě je použito universální logo.
LOGA
L
OG
A
2.3 PLAVECKÁ ŠKOLA LOGO
Piktogram (též symbol) se skládá z plavce a velryby a je
orientován vždy zprava do leva.
Logotyp
Logo
LOGA
L
OG
A
Logo potápěčské školy pouze ve spojitosti
s potápěčskou činností školy (tj. kurzy,
expedicemi apod.), které v sobě nezahrnují
žádné další činnosti organizace (například
plavání). V takovém případě je použito
universální logo.
LOGA
L
OG
A
Logo Handiap Scuba Diving je určeno
pro použití ve vztahu k práci s mentálně,
zdravotně či sociálně handicapovanými
dětmi i dospělými. Logo je používáno
jak v souvislosti s potápěním, tak i dalšími
činnostmi zaměřenými na práci s touto
skupinou lidí.
LOGA
L
OG
A
2.5 HANDICAP SCUBA DIVING LOGO
Piktogram (též symbol) se skládá z vozíčkáře tlačeného
slepcem, který je následován mentálně postiženým
potápěčem. Piktogram je orientován vždy zprava
do leva.
Logotyp
LOGA
L
OG
A
2.6 JAZYKOVÉ MUTACE
Jazykové mutace logotypu jsou určeny pro marketingová média, která jsou primárně určena pro zahraniční trh, nebo se na tomto
trhu mohou vyskytnout. K takovým médiím patří například firemní vozidla, bannery nebo webové stránky.
Použití jazykových mutací není podmínkou. Ovšem pokud dojde k jejich použití, musí být použita vždy taková podoba logotypu,
která je níže v manuálu definována.
Logotyp s jazykovou mutací může (ale nemusí) být použít spolu s piktogramem, a vytvořit tak logo.
Původní logotyp
Logotyp včetně jazykových mutací
Logotyp včetně jazykových mutací užitý
spolu s piktogramem (logo)
LOGA
L
OG
A
2.7 MINIMÁLNÍ VELIKOST
Minimální velikost loga je definována s ohledem na čitelnost piktogramu, logotypu i loga jako celku.
Minimální povolená velikost každého
loga je 35 mm.
Rozměr samostatně užitého piktogramu nebo
logotypu je totožný s minimálním rozměrem
loga – tedy 35 mm.
Logotyp je od spodní části piktogramu
odsazený o předem definovaný rozměr.
Chceme-li tedy aplikovat logo, je třeba použít
logo z již předdefinovaných souborů
a nevytvářet tak logo volnou kombinací
piktogramu a logotypu („od oka“).
LOGA
L
OG
A
2.8 OCHRANNÁ ZÓNA
Ochranná zóna okolo loga zajišťuje snadnou rozpoznatelnost značky a minimalizuje riziko deformace značky a jejím splynutím
s dalšími grafickými a vizuálními prvky.
Minimální velikost ochranné zóny je 10%
(též 1/10) výšky použitého elementu
(piktogramu, logotypu nebo loga).
Ochranná zóna samostatně užitého
piktogramu, logotypu nebo loga je vždy 10%
z výšky použitého elementu (tedy x/10).
Ochranná zóna je pro všechny piktogramy,
logotypy a loga deifnována totožně (tedy x/10).
LOGA
L
OG
A
2.9 BAREVNOST
Základní barva každého loga není úplně černá, čímž nedochází k příliš ostrému
kontrastu s býlím pozadím. To umožňuje člověku logo zaznamenat a jasně ho
identifikovat mezi dalšími grafickými a vizuálními prvky. Zároveň nevytváří rušivý
dojem, který by vyvolávalo čistě černé provedení.
Barva loga Černá barva CMYK PANTONE RGB HEXA
C: 72
M: 66
Y: 65
K: 72
Pantone Neutral Black C
L: 13
a: 0
b: 0
R: 34
G: 34
B: 34
#222222
V dalších částech dokumentu je šedá základní
barva loga označována jako „výchozí“.
LOGA
L
OG
A
2.9 BAREVNOST
Provedení loga a všech jeho částí (piktogram i logotyp) je
vždy monochromatické. Zvolená barva a její odstín jsou
voleny tak, aby bylo dosaženo maximálního kontrastu
s pozadím, na kterém je logo (nebo jeho části) vyobrazené.
Úroveň kontrastu loga s pozadím (dle jeho sytosti) není
nijak definované. Záleží pouze na citu operátora, jaké
monochromatické zobrazení vzhledem k použitému pozadí
zvolí. Preferovanými barvami jsou však „výchozí“ a bílá.
Logo v původní barvě na bílém
pozadí.
Logo v bílé barvě na černém
pozadí.
Další příklady monochromatického zobrazení:
Pravidlo monochromatického zobrazení je pro
všechna loga totožná.
LOGA
L
OG
A
2.10 NESPRÁVNÉ POUŽITÍ
Aby se předešlo nesprávnému užití loga,
je doporučeno používat pouze předdefinované
varianty, které jsou k dispozici v evidovaných
materiálech.
Následující pravidla pro správné užití loga
jsou pro všechna loga stejná.
Piktogram nesmí být zrcadlově obrácen.
Logotyp vždy přiléhá ke spodní straně
piktogramu.
Logotyp je vždy zapsán v jednom řádku
(výjimkou jsou jazykové mutace logotypu).
Není možné kombinovat různé barvy a
odstíny piktogramu a logotypu v jednom
celku.
Vždy je dodržována ochranná zóna loga,
piktogramu i logotypu.
Vždy je dodržována minimální velikost loga,
piktogramu i logotypu.
Plastické efekty loga (3D, reliéf apod.)
je možné aplikovat pouze tak, aby nebyla
porušena snadná identifikace loga a všech
jeho částí.
LOGA
L
OG
A
2.11 DALŠÍ PIKTOGRAMY
Piktogramy zahrnuté v této části manuálu jsou volně použitelně s omezením zde definovaným. Záleží tak na operátorovi,
jak a kde piktogram použije.
Výuka plavání Výuka ploutvového plavání Závodní činnost
LOGA
L
OG
A
2.11 DALŠÍ PIKTOGRAMY
Společné zobrazí předchozích piktogramů, varianta 1 - vlna Společné zobrazí předchozích piktogramů, varianta 2 - rovina
TYPOGRAFIE
T
YP
OG
RA
FIE
3.1 Primární písmo (Open Sans)
3.2 Sekundární písmo (PT Serif)
3.3 Terciální písmo (Cupertino)
Stejně jako barvy, piktogram a logotyp, svůj
význam v budování značky a vazby s klienty
má také písmo používané v komunikaci.
Návrhem, výběrem a aplikací písma se zabývá
typografie. Pod ní také spadá například
výběrem vhodných fontů a jejich kombinace,
formátování odstavců, mezerami, uvozovkami
a entitami (speciálními znaky) apod.
Cílem typografie je zajistit čtenáři snazší čtení,
efektivnější vnímání čteného textu a případně
i vyloučit možné chyby a nejednoznačnosti
plynoucí z více možných zápisů téže věty.
Kromě výše zmíněných výhod přináší
typografie i lepší dojem uživatele z celé
komunikace. Firma respektující typografii a její
pravidla působí profesionálněji.
TYPOGRAFIE
T
YP
OG
RA
FIE
3.1 PRIMÁRNÍ PÍSMO (OPEN SANS)
Primární písmo je bezpatkové a volně dostupné. Jeho autorem je Steve Matteson.
Primární písmo je použito v elektronickým materiálech, vizitkách, nadpisech, poznámkách a vložených polích.
Příšerně žluťoučký kůň úpěl
ďábelské ódy.
Open Sans Regular / Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789&@#$%“:;.,!?
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789&@#$%“:;.,!?
Open Sans Bold / Bold Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789&@#$%“:;.,!?
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789&@#$%“:;.,!?
TYPOGRAFIE
T
YP
OG
RA
FIE
3.2 SEKUNDÁRNÍ PÍSMO (PT SERIF)
Sekundární písmo je patkové a volně dostupné. Jeho autorem je ParaType.
Sekundární písmo je použito v tištěných materiálech pro formu běžného textu.
Příšerně žluťoučký kůň úpěl
ďábelské ódy.
PT Serif Regular / Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789&@#$%“:;.,!?
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789&@#$%“:;.,!?
PT Serif Bold / Bold Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789&@#$%“:;.,!?
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789&@#$%“:;.,!?
TYPOGRAFIE
T
YP
OG
RA
FIE
3.3 TERCIÁLNÍ PÍSMO (CUPERTINO)
Autorem terciálního písma je Corel Systems Corporation.
Terciální písmo je používáno v logotypech, na potisku triček a vozidel apod.
Příšerně žluťoučký kůň úpěl
ďábelské ódy.
Cupertino Regular / Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789&@#$%“:;.,!?
Cupertino Bold / Bold Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789&@#$%“:;.,!?
APLIKACE
A
PL
IKA
CE
4.1 Vizitka
4.2 ID karta
4.3 Hlavičkový papír
4.4 Dopisní papír
4.5 Faktura
4.6 Vysvědčení
4.7 Triko
4.8 Webové stránky
4.9 Banner
4.10 Dárkový poukaz
4.11 Ploutve
4.12 Potápěčská lahev
Ukázka aplikace pravidel grafického manuálu
na firemní dokumenty, propagační materiály
a další zboží nebo pomůcky.
EVIDENCE
E
VID
EN
CE
5.1 Nastavení priorit
5.2 Elektronická evidence
5.3 Dostupnost on-line
Souhrn pokynů k evidenci veškerých
grafických podkladů.
top related