manuál vizuální komunikace

Transkript

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

2 Obsah Logo a jeho minimální velikost Ochranná zóna Varianty pro černobílý a barevný negativ a pozitiv Kodifikace barev Zakázané varianty Písmo základní Písmo doplňkové Logotyp Písmo Vizitky Hlavičkový papír přední strana Hlavičkový papír zadní strana Obálka Komplimentka Základní tiskoviny Cedule a razítko Rámeček na fotky Plakát A1 (A2, A3, A4) Leták skládačka z A4 Další aplikace loga Webové stránky instrukce k vytvoření, kodifikace barev) Webové stránky okótované šablony

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

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

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

6 1. 4 Logotyp Kodifikace barev CMYK > K 100 RGB > R 0; G 0; B 0 WWW > # 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 > # 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.

7 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 prvků logotypu Neměntě intenzitu barev loga 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 Nenahrazujte písmo v logu kapitola 1 Dodržujte ochrannou zónu

8 2. 1 Písmo Písmo základní JohnSans Lite Pro Regular ABCČDĎEFGHCHIJKLMNOPQRSTŤUVXYZŽ abcčdďefghchijklmnopqrstťuvxyzž !?, &%()* JohnSans Lite Pro Bold ABCČDĎEFGHCHIJKLMNOPQRSTŤUVXYZŽ abcčdďefghchijklmnopqrstťuvxyzž !?, &%()* JohnSans Text Pro Regular ABCČDĎEFGHCHIJKLMNOPQRSTŤUVXYZŽ abcčdďefghchijklmnopqrstťuvxyzž !?, &%()* JohnSans Text Pro Bold ABCČDĎEFGHCHIJKLMNOPQRSTŤUVXYZŽ abcčdďefghchijklmnopqrstťuvxyzž !?, &%()* JohnSans Medium Pro Bold ABCČDĎEFGHCHIJKLMNOPQRSTŤUVXYZŽ abcčdďefghchijklmnopqrstťuvxyzž !?, &%()*

9 2. 1 Písmo Písmo doplňkové Baskerville Ten Pro ABCČDĎEFGHCHIJKLMNOPQRSTŤUVXYZŽ abcčdďefghchijklmnopqrstťuvxyzž !?, &%()* Baskervill Ten Pro Bold ABCČDĎEFGHCHIJKLMNOPQRSTŤUVXYZŽ abcčdďefghchijklmnopqrstťuvxyzž !?, &%()* Times New Roman Regular ABCČDĎEFGHCHIJKLMNOPQRSTŤUVXYZŽ abcčdďefghchijklmnopqrstťuvxyzž !?, &%()* 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.

10 3. 1 Základní tiskoviny Vizitka 5 mm 5 mm 6,7 mm 5 mm 7 mm 27 mm 9,5 mm 16,65 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.

11 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

12 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

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

14 3. 4 Základní tiskoviny Dopisní obálka 7,8 mm 10,6 mm 9,6 mm 26,5 mm 5,5 mm 31 mm 33 mm 31,4 mm 5,4 mm 23,7 mm 11,8 mm 53 mm 16,1 mm Celkový rozměr obálky 220 x 110 mm

15 3. 5 Základní tiskoviny Komplimentka 10,5 mm 8,6 mm 11,65 mm 11,5 mm 14 mm 7,5 mm 30 mm 13 mm 22,7 mm 24 mm 18 mm 9 mm 11,5 mm 10,3 mm 27,9 mm 9,8 mm 34,4 mm 14,6 mm Celkový rozměr komplimentky 99 x 210 mm

16 4. 1 Jiné aplikace loga Cedule a razítko 17 mm 12,5 mm 18,5 mm 18 mm 51,2 mm 32,5 mm 16,5 mm 54,5 mm 15,9 mm 34 mm 33,5 mm 38,8 mm 13,7 mm 39,8 mm Celkový rozměr cedule 325 x 210 mm Celkový rozměr razítka 49 x 20 mm

17 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).

18 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 339 mm 112 mm 47,7 mm 41 mm 60 mm 39 mm 40,4 mm 75 mm 8,5 mm 43,7mm 42,4 mm 72 mm 34 mm 20 mm 22,5 mm

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

20 4. 4 Jiné aplikace loga Leták skládačka z A4 12,7 mm 15,2 mm 9,5 mm 9,2 mm 17 mm 11 mm 21 mm 33,5 mm 26 mm 12,7 mm 12,7 mm 13 mm 18,2 mm 28 mm 45,4 mm 38 mm 23 mm 12,7 mm 11,6 mm 84,5 mm 70,2 mm 6,3 mm 8,6 mm 19,5mm 12,7 mm 16,6 mm 21,5 mm 16,3 mm 19 mm 98 mm 99 mm 99 mm Celkový rozměr letáku 210 x 296 mm

21 4. 4 Jiné aplikace loga Leták skládačka z A4 38,8 mm 25 mm 9 mm 17,6 mm 13,1 mm 16 mm 30 mm 12,7 mm 13 mm 12,7 mm 13,8 mm 25 mm 34 mm 19,6 mm 70,2 mm 99 mm 99 mm 98 mm Celkový rozměr letáku 210 x 296 mm

22 4. 4 Jiné aplikace loga Leták skládačka z A4

23 4. 4 Jiné aplikace loga Leták skládačka z A4

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

25 4. 5 Jiné aplikace loga Webové stránky šablona č. 2 šablona č. 3

26 4. 5 Jiné aplikace loga Webové stránky šablona č. 4 šablona č. 5

27 4. 5 Jiné aplikace loga Webové stránky kodifikace barev CMYK > K 100 RGB> R 0; G 0; B 0 WWW: # barva nadpisů, rubriky při najetí kurzoru myši CMYK > M 24; Y 94 RGB> R 255; G 196; B 37 WWW: #ffc425 barva šipek, aktuální rubriky a textu v záhlaví CMYK > K 4 RGB> R 65; G 65; B 66 WWW: #f3f4f4 barva šedého pruhu s rubrikami CMYK > K 60 RGB> R 128; G 130; B 133 WWW: # barva rubrik CMYK > K 80 RGB> R 88; G 89; B 91 WWW: #58595b barva textu

28 4. 6 Jiné aplikace loga Webové stránky okótované šablony 490 px 34,5 px 490 px 57 px 69 px 480 px 52,5 px 96 px 69 px 184,5 px 33 px 384 px 409 px 27,9 px 57 px 52,5 px 184,5 px 27 px 19,5 px 277,5 px 769 px 409 px 27,9 px 8,7 px 19,5 px 54 px 8,55 x 10,8 px 28,5 px 144 px 171 px 769 px 9 px 8,7 px 15 px 99 px 58,5 px 105 px 165 px 55,5 px 54 px 54 px 8,55 x 10,8 px 172,5 px 171 px 25,5 px 25,5 px 106,5 px 27 px 19,5 px 76,5 px 34,5 px 19,5 px 15 px 15 px 27 px 19,5 px 76,5 px 9 px 15 px 15 px 15 px 55,5 px 106,5 px 55,5 px 55,5 px 54 px 19,5 px 63 px 45 px 63 px 45 px 72 px 67,5 px 25,5 px 55,5 px 72 px 67,5 px 25,5 px 74,25 px 420 px 45,75 px 420 px 45,75 px