manuál vizuální komunikace

manuál vizuální komunikace

Jednotný vizuální styl občanského sdružení byl navržen a zrealizován v rámci projektu „Něco se stane! – pilotní projekt návrh postupů pro rozvoj neziskového sektoru a podporu sociální integrace v Karlovarském kraji“ občanského sdružení PROTEBE live. Tento projekt je spolufinancován Evropskou unií a Karlovarským krajem. www.pro.tebe.cz

Obsah 1.1 1.2 1.3 1.4 1.5 2.1 2.2 3.1 3.2 3.3 3.4 3.5

4.1 4.2 4.3 4.4 4.5 4.6

Logo a jeho minimální velikost Ochranná zóna Varianty pro černobílý a barevný negativ a pozitiv

Logotyp

Kodifikace barev Zakázané varianty

Písmo základní

Písmo

Písmo doplňkové

Vizitky Hlavičkový papír – přední strana Hlavičkový papír – zadní strana

Základní tiskoviny

Obálka Komplimentka

Cedule a razítko Rámeček na fotky Plakát A1 (A2, A3, A4)

Další aplikace loga

Leták – skládačka z A4

Webové stránky – instrukce k vytvoření, kodifikace barev) Webové stránky – okótované šablony

1. 1

Logotyp Minimální velikost

minimální velikost 14 mm

Zde je ukázána minimální velikost loga. Slouží k tomu, aby si použité logo zachovalo svou čitelnost a jasnost.

1. 2

Logotyp Ochranná zóna

Ochranná zóna vymezuje prostor, kam se nesmí umísťovat žádný další text nebo obraz.

1. 3

Logotyp Varianty pro černobílý a barevný negativ a pozitiv

Logotyp je zde představen nejprve v základních barvách – černé a žluté. Logotyp je možno používat pozitivní a negativní variantě, která existuje jak pro barevnou, tak i černobílou verzi. Pro výběr negativní a pozitivní verze je určující tmavost podkladu, tak aby logo nezanikalo.

1. 4

Logotyp Kodifikace barev

CMYK > K 100 RGB > R 0; G 0; B 0 WWW > #000000

CMYK > M 24; Y 94 RGB > R 255; G 196; B 37 WWW > #ffc425 PANTONE 123 C (přímá barva)

CMYK > K 100 RGB > R 0; G 0; B 0 WWW > #000000

CMYK > K 25 RGB > R 198; G 200; B 202 WWW > #c6c8c9

Pro dodržení jednotného vizuálního stylu je též důležité dodržovat správnou barevnost. Hodnoty barev jsou zde uvedeny pro čtyřbarevný ofsetový tisk (CMYK), substraktivní zobrazování na monitoru (RGB) a pro webovou paletu.

1. 5

Logotyp Zakázané varianty

Neměnte kresbu loga

Neupravujte barevnost písma

Neměnte danou barevnost

Nedeformujte logotyp

Neměntě polohu jednotlivých

Neměntě intenzitu barev loga

prvků logotypu

strípky Nepoužívejte barevné logo v případech černobílého tisku. Pro černobílý tisk se používá speciálně připravená černobílá varianta

kapitola

1

Dodržujte ochrannou zónu

Nenahrazujte písmo v logu

2. 1

Písmo Písmo základní

JohnSans Lite Pro Regular

ABCČDĎEFGHCHIJKLMNOPQRSTŤUVXYZŽ abcčdďefghchijklmnopqrstťuvxyzž 0123456789!?,”&%()*

JohnSans Lite Pro Bold


JohnSans Text Pro Regular


JohnSans Text Pro Bold


JohnSans Medium Pro Bold


2. 1

Písmo Písmo doplňkové

Baskerville Ten Pro


Baskervill Ten Pro Bold


Times New Roman Regular


Základním písmem je zvoleno John Sans Pro. Všechny textové podklady vytvořené tímto písmem jsou uloženy na cd, na kterém se vyskytuje i tento manuál. A to jako předlohy ve vektoru nebo formátu pdf. Dalším písmem je pak Baskerville Ten Pro, který je použit pro citát. Times New Roman je písmem, které je určené pro vyplňování předtištěného hlavičkového papíru a komplimentky na osobním počítači v případě že nevlastníte písmo Baskervill Ten Pro.

3. 1

Základní tiskoviny Vizitka

5 mm

5 mm 6,7 mm

5 mm 27 mm 9,5 mm

16,65 mm

7 mm

6,4 mm

8 mm

5 mm

5 mm

13,2 mm 78,8 mm 5,6 mm

12,3 mm

Vizitka je založena na oboustraném konceptu. Přední strana nese hlavní informace a zadní strana citát, který upřesňuje ideu motýla, použitého v logu. V případě nedostatku a rychlé potřeby vizitek lze vytisknout na osobní tiskárně i verzi jednostranou. Jedná se však o krajní řešení. Vždy je upřednostňovaná oboustraná verze. To samé platí i u hlavičkového papíru.

3. 2

Základní tiskoviny Hlavičkový papír – přední strana

16,7 mm

14,5 mm

17,6 mm 18,4 mm 53,2 mm 13,9 mm 37 mm

10 mm

8,46 mm

38 mm 43 mm

78 mm 53,2 mm 18,2 mm

18,3 mm

39,8 mm

3. 3

Základní tiskoviny Hlavičkový papír – zadní strana Celkový rozměr dopisního papíru – A4

14,36 mm

14,76 mm

50,5 mm

102,2 mm 21,7 mm

29,3 mm

3. 3

Základní tiskoviny Hlavičkový papír – zadní strana a přední strana

Text hlavičkového papíru se vyplňuje do šablony vytvořené v kancelářském programu MS Word a tiskne se osobní tiskárnou na předtištěné hlavičkové papíry. Velikost písma, proklad i prostrkání je pro jednotlivé odstavce nastaven. Pro text se dodržuje pravidlo levého zarovnání a podpis a datum se umisťují vždy vpravo dole. Písmem pro vyplnění je Baskervill Ten Pro. V případě že jej nevlastníte, lze použít široce rozšířený Times New Roman.

3. 4

Základní tiskoviny Dopisní obálka

7,8 mm

10,6 mm

26,5 mm 9,6 mm 31 mm

5,5 mm

33 mm

31,4 mm

5,4 mm

23,7 mm

53 mm

11,8 mm

16,1 mm

Celkový rozměr obálky 220 x 110 mm

3. 5

Základní tiskoviny Komplimentka

10,5 mm

8,6 mm

11,65 mm 11,5 mm 14 mm 30 mm 7,5 mm

22,7 mm

13 mm

24 mm

18 mm

9 mm

11,5 mm

10,3 mm

27,9 mm

34,4 mm

9,8 mm

14,6 mm

Celkový rozměr komplimentky 99 x 210 mm

4. 1

Jiné aplikace loga Cedule a razítko

17 mm

18 mm

18,5 mm

12,5 mm

51,2 mm

32,5 mm 16,5 mm

15,9 mm

54,5 mm

34 mm 38,8 mm

33,5 mm

13,7 mm

Celkový rozměr cedule 325 x 210 mm

Celkový rozměr razítka 49 x 20 mm

39,8 mm

4. 2

Jiné aplikace loga Rámeček na fotky

Rámeček na fotky je připraven ve velikosti 18x13 cm pro fotku o velikosti 9x13 cm. Nejjednodušší realizací je nechat rámeček vytisknout na samolepu a s vyřízlým vnitřkem nalepit na paspartu do které se vloží fotka. Rámeček lze proporčně zvětšit na libovolný formát fotky a to vždy o dva větší než je fotka samotná. Normalizované formáty fotek: 9x13; 10x15; 13x18, 15x21; 20x30; 30x45 (cm).

4. 3

Jiné aplikace loga Plakát A1 840 x 594 mm

28 mm 48 mm

28 mm 103 mm

108 mm

108 mm

48 mm

112 mm

252 mm 28 mm

67 mm 103 mm

128,5 mm

112 mm

339 mm

47,7 mm 60 mm

41 mm

39 mm

75 mm

43,7mm

8,5 mm 40,4 mm

72 mm 34 mm 20 mm

22,5 mm

42,4 mm

4.4.3 3 1

Jiné aplikace loga Plakát A1 840 x 594 mm

Plakát A1 je navržen tak, že ho lze použít i poměrově zmenšený. Čitelnost je zachována až do zmenšení na formát A4.

4. 4

Jiné aplikace loga

12,7 mm

Leták – skládačka z A4

9,2 mm

15,2 mm 21 mm

17 mm

9,5 mm

33,5 mm 26 mm

12,7 mm

11 mm

12,7 mm

13 mm 18,2 mm

45,4 mm

28 mm

38 mm

12,7 mm 8,6 mm

70,2 mm

84,5 mm

23 mm

11,6 mm 12,7 mm

21,5 mm

19 mm

19,5mm 16,6 mm

6,3 mm

16,3 mm 98 mm

99 mm

Celkový rozměr letáku 210 x 296 mm

99 mm

4. 4

Jiné aplikace loga Leták – skládačka z A4

9 mm 25 mm 38,8 mm

17,6 mm

16 mm 13,1 mm

30 mm 13 mm

12,7 mm

13,8 mm

12,7 mm

34 mm 25 mm

19,6 mm 99 mm

99 mm

Celkový rozměr letáku 210 x 296 mm

70,2 mm 98 mm

4. 4


4. 4


4. 5

Jiné aplikace loga Webové stránky

šablona č. 1

Webové stránky jsou navrženy ve velikosti 769 x 490 pixelů. Jsou orámované šedou linkou. Pět šablon k jejich vytvoření je na cd. Jednotlivé nápisy v šedém pruhu jsou tlačítka rubrik. Po najetí kurzoru myši by mělo tlačítko změnit barvu na černou a při stlačení se zmenšit na 90%. Písmo rubriky ve které se právě uživatel nachází je žluté (viz kodifikace barev webu). Žlutý text v záhlaví pouze dotváří dojem. Může být jak statický tak pohyblivý. Pohyblivým textem je myšleno objevování se a mizení jednotlivých částí věty s mírným rozechvělým pohybem. Logo Střípky v pravém horním rohu by mělo fungovat jako tlačítko pro “home”– prvotní zobrazovanou stránku kterou je rubrika “novinky”. Je navrženo 5 základních šablon. První je pro souvislý text v rubrice například Kdo jsme. Šipky napravo od textu slouží pro rolování textu. Další šablona je pro souvislý text ke kterému se vztahují fotky. Miniatury napravo od textu by měli po klinutí fungovat jako cesta ke zvětšení fotky do původního prostoru textu jako je to v šabloně č. 4. Šablona č. 4 současně slouží pro rubriku galerie. Po překliknutí na rubriku galerie by se však nejprve měla objevit šablona č. 3, která slouží jako seznam alb fotek. Jednotlivá data s textem by měla fungovat jako tlačítka k překliknutí na fotky – šablonu č. 4. Šipky napravo a nalevo od hlavní fotky fungují pro překliknutí na další fotku. Šipky nad a pod miniaturami slouží k rolování miniatur směrem nahoru a dolu. Každá z miniatur by se po kliknutí na sebe měla zvětšit na místo hlavní fotky. Šablona č. 5 je přímo na kontakty.

4. 5


šablona č. 2

šablona č. 3

4. 5


šablona č. 4

šablona č. 5

4. 5

Jiné aplikace loga Webové stránky – kodifikace barev

CMYK > K 100 RGB> R 0; G 0; B 0

barva nadpisů, rubriky při najetí kurzoru myši

WWW: #000000

CMYK > M 24; Y 94 RGB> R 255; G 196; B 37

barva šipek, aktuální rubriky a textu v záhlaví

WWW: #ffc425

CMYK > K 4 RGB> R 65; G 65; B 66

barva šedého pruhu s rubrikami

WWW: #f3f4f4

CMYK > K 60 RGB> R 128; G 130; B 133

barva rubrik

WWW: #808285

CMYK > K 80 RGB> R 88; G 89; B 91 WWW: #58595b

barva textu

4. 6

Jiné aplikace loga

34,5 px

Webové stránky – okótované šablony

25,5 px

19,5 px

490 px

144 px

96 px

55,5 px

420 px

8,55 x 10,8 px 28,5 px

25,5 px

106,5 px 72 px

33 px

52,5 px

67,5 px

27 px

480 px

54 px

19,5 px

69 px

63 px

57 px

184,5 px

19,5 px 55,5 px

55,5 px

54 px

384 px

45 px

171 px

76,5 px

769 px 9 px

45,75 px

409 px

15 px 15 px

27,9 px 15 px

34,5 px

8,7 px

67,5 px

27 px

19,5 px

490 px

74,25 px

420 px

8,55 x 10,8 px

25,5 px

106,5 px 72 px

27 px

52,5 px

25,5 px

54 px

19,5 px

69 px

63 px

57 px

165 px

105 px

19,5 px

184,5 px

58,5 px

45 px

99 px

171 px

76,5 px

172,5 px

55,5 px

55,5 px

54 px

277,5 px

769 px 9 px

15 px 15 px

27,9 px 8,7 px

15 px

45,75 px

409 px

manuál vizuální komunikace

Recommend Documents