grafický manuál - PROTEBE live, os
Transkript
grafický manuál - PROTEBE live, os
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 ABCČDĎEFGHCHIJKLMNOPQRSTŤUVXYZŽ abcčdďefghchijklmnopqrstťuvxyzž 0123456789!?,”&%()* JohnSans Text Pro Regular ABCČDĎEFGHCHIJKLMNOPQRSTŤUVXYZŽ abcčdďefghchijklmnopqrstťuvxyzž 0123456789!?,”&%()* JohnSans Text Pro Bold ABCČDĎEFGHCHIJKLMNOPQRSTŤUVXYZŽ abcčdďefghchijklmnopqrstťuvxyzž 0123456789!?,”&%()* JohnSans Medium Pro Bold ABCČDĎEFGHCHIJKLMNOPQRSTŤUVXYZŽ abcčdďefghchijklmnopqrstťuvxyzž 0123456789!?,”&%()* 2. 1 Písmo Písmo doplňkové Baskerville Ten Pro ABCČDĎEFGHCHIJKLMNOPQRSTŤUVXYZŽ abcčdďefghchijklmnopqrstťuvxyzž 0123456789!?,”&%()* Baskervill Ten Pro Bold ABCČDĎEFGHCHIJKLMNOPQRSTŤUVXYZŽ abcčdďefghchijklmnopqrstťuvxyzž 0123456789!?,”&%()* Times New Roman Regular ABCČDĎEFGHCHIJKLMNOPQRSTŤUVXYZŽ abcčdďefghchijklmnopqrstťuvxyzž 0123456789!?,”&%()* 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 Jiné aplikace loga Leták – skládačka z A4 4. 4 Jiné aplikace loga Leták – skládačka z A4 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 Jiné aplikace loga Webové stránky šablona č. 2 šablona č. 3 4. 5 Jiné aplikace loga Webové stránky š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