Grafický manuál v0.2

50

description

 

Transcript of Grafický manuál v0.2

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

2.4 ŠKOLA POTÁPĚNÍ LOGO

Piktogram

Logotyp

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.5 HANDICAP SCUBA DIVING LOGO

Logo

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.

APLIKACE

A

PL

IKA

CE

4.1 VIZITKA

Vizitka o velikosti 95 x 50 mm

APLIKACE

A

PL

IKA

CE

4.2 ID KARTA

ID karta pro děti atrenéry umožňující vstup

na bazén

APLIKACE

A

PL

IKA

CE

4.3 HLAVIČKOVÝ PAPÍR

Universální hlavičkový papír

APLIKACE

A

PL

IKA

CE

4.4 DOPISNÍ PAPÍR

Universální dopisní papír

APLIKACE

A

PL

IKA

CE

4.5 FAKTURA

Universální fakruta – daňový doklad

APLIKACE

A

PL

IKA

CE

4.6 VYSVĚDČENÍ

Vysvědčení pro děti z malého bazénu a první

dráhu

APLIKACE

A

PL

IKA

CE

4.7 TRIKO

Universální triko pro trnéra

APLIKACE

A

PL

IKA

CE

4.8 WEBOVÉ STRÁNKY

Náhled titulní strany webových stránek

APLIKACE

A

PL

IKA

CE

4.9 BANNER

Reklamní banner vysunovací

APLIKACE

A

PL

IKA

CE

4.10 DÁRKOVÝ POUKAZ

Dárkový poukaz na úvodní kurz

APLIKACE

A

PL

IKA

CE

4.11 PLOUTVE

Náhled potisku ploutví v majetku společnosti

APLIKACE

A

PL

IKA

CE

4.12 POTÁPĚČSKÁ LAHEV

Náhled potápěčské lahve určené

k přístrojovému potápění

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ů.

EVIDENCE

EV

IDE

NC

E

5.1 Nastavení priorit

Xxx

POZNÁMKY

PO

ZN

ÁM

KY

POZNÁMKY

PO

ZN

ÁM

KY

POZNÁMKY

PO

ZN

ÁM

KY

POZNÁMKY

PO

ZN

ÁM

KY