Grafický manuál jednotného vizuálního stylu projektu Porta culturae

Transkript

1 Grafický manuál jednotného vizuálního stylu projektu Porta culturae 2011 STUDIO TRINITY

2 1.1 Návrh loga Porta culturae Podrobný popis loga Ochranná zóna Barevnost Vzorník sytostí Inverzní provedení logotypu Vzorník velikostí Příklady správného a chybného použití logotypu Obsah 2.1 Písmo Písma vizuálního stylu Doplňkové písmo pro užití v kancelářských aplikacích Pravidla formátování textu Mezery mezi písmeny Mezery mezi řádky Mezery mezi slovy Vzorový text Vizitka Hlavičkový papír Varianta ve stupních šedi Tisková zpráva Pozvánka Roll-up Schématické řešení Katalog obálka Katalog vnitřní dvoustrana Prezentační desky Výsek Potisk DVD nosičů Textilní baner pro venkovní použití Tisková reklama Schématické řešení Šablony Word a PowerPoint Webová prezentace Prezentace na internetu Potisk propisovačky Razítko... 37

3 1.1 Logo Porta culturae 3

4 1.2 Podrobný popis loga Logo Porta culturae Logo projektu je navrženo tak, aby jednoduchou srozumitelnou a moderní formou zaujalo jak obyvatele jednotlivých regionů, které tvoří partnerství v rámci projektu, odbornou veřejnost, tak i subjekty v regionech působících v oblasti kultury a cestovního ruchu a jiné veřejné instituce. Svou odvážnou barevností láká k návštěvě kulturních akcí a vtipným propojením nosných prvků (koleček, která znázorňují jednotlivé regiony) dává najevo úzkou spolupráci na kulturním dění mezi regiony. Logo doplňuje jednoduchá a čistá typografie, která dotváří kladný a elegantní dojem z loga. Pro aplikace na jednotlivých propagačních předmětech a materiálech, jako i na různých vstupenkách, atd. lze logo pohodlně modifikovat (viz. možné barevné změny značky). 4

5 1.3 Ochranná zóna Logo Porta culturae Logo PORTA culturae bude kolem sebe mít vždy určité množství volného místa. Volná zóna se měří jako minimální vzdálenost k ostatním grafickým symbolům, textu nebo obrázkům. Navíc se volná zóna měří k vnějšímu okraji materiálu, na kterém je logo umístěno. (Volná zóna se udává jako minimum a čím větší je prázdné místo kolem loga, tím větší je jeho vizuální reprezentace). Minimální velikost volné zóny okolo loga se rovná jednomu fragmentu loga (kolečku) tak, jak je ukázáno výše. Pokud je vedle sebe umístěno několik log, která kolem sebe mají volnou zónu, jako je třeba seznam log, volné zóny se mohou překrývat, to znamená, že volná zóna se měří k dalšímu logu, ne k další volné zóně. Volná zóna je uváděna ve formě neviditelného obdélníku, aby byla aplikace jednodušší. 5

6 1.4 Barevnost Logo Porta culturae verze pro aplikace neumožnující tisk ve stupních šedi CMYK 0/10/99/0 PANTONE Yellow 012 C černá 17 % CMYK 0/90/85/0 PANTONE Red 032 C černá 63 % CMYK 4/89/0/0 PANTONE Rhodamine Red C černá 53 % CMYK 98/1/0/0 PANTONE Hexachrome Cyan C černá 29 % CMYK 13/91/100/5 PANTONE 1805 C černá 69 % CMYK 87/85/20/9 PANTONE 2735 C černá 67 % CMYK 1/100/68/0 PANTONE 214 C černá 66 % 6

7 % 100 % Logo Porta culturae 70% 70 % Vzorník sytostí 40% 40 % 10% 10 % Většina layout programů umožňuje procentuální úpravu sytosti. Vzhledem k tomu je tedy jednoduché zesílit či zeslabit sytost loga tak, aby vyhovovalo určitému specifickému záměru. Doporučená sytost je 100 %, pod 70 % již zeslabování sytosti nedoporučujeme vzhledem ke snížené čitelnosti a barevnému posunu loga. 7

8 1.6 Inverzní provedení logotypu Logo Porta culturae 8

9 cm Vzorník velikostí Logo Porta culturae 5 cm 1 cm 0,6 cm (Minimální velikost 6 mm) Většina layout programů umožňuje procentuální úpravu měřítka. Vzhledem k tomu je tedy jednoduché zvětšit či zmenšit originál loga tak, aby se vešel do určitého specifického rozměru. Minimální velikost pro reprodukování loga je 6 mm. 9

10 1.8 Příklady správného a chybného použití logotypu Logo Porta culturae Pokud je to možné, je třeba používat fotografie, na kterých lze logo zobrazit v plné barevné variantě. Lze použít veškeré možné typy fotografií za předpokladu, že je kontrast uspokojivý. Jinak je logo potřeba umístit na světlý podklad, který bude umístěn přes fotografii (pozor na ochranou zónu loga). 10

11 1.8 Příklady správného a chybného použití logotypu Logo Porta culturae Nikdy neumisťujte text v přímém spojení s logem. Logo se nesmí deformovat či jinak kompozičně měnit. Nemělo by se barevně upravovat jinak, než to povoluje tento design manual. Nikdy by němělo být přímo spojené s textem. Vždy by se měla ctít ochraná zóna loga. 11

12 ABCDEFGHIJKLMNOPQRSTUVWXYZ ÅÄÖÜÆØ abcdefghijklmnopqrstuvwxyzåäöüæø [.,:;](- )#*/ $% = +± {½¼¾³²} ƒμ <> Myriad Italic Písmo ABCDEFGHIJKLMNOPQRSTUVWXYZ ÅÄÖÜÆØ abcdefghijklmnopqrstuvwxyzåäöüæø !?@&ß [.,:;](- )#*/ $% = +± {½¼¾³²} ƒμ <> Myriad Regular Písma vizuálního stylu ABCDEFGHIJKLMNOPQRSTUVWXYZ ÅÄÖÜÆØ abcdefghijklmnopqrstuvwxyzåäöüæø !?@&ß [.,:;](- )#*/ $% = +± {½¼¾³²} ƒμ <> Myriad Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ ÅÄÖÜÆØ abcdefghijklmnopqrstuvwxyzåäöüæø !?@&ß [.,:;](- )#*/ $% = +± {½¼¾³²} ƒμ <> Myriad Light Písmo Myriad má velice výrazný charakter s mnoha jedinečnými detaily, je čisté a bohaté na kontrast, což z něj dělá živé a zajímavé písmo na pohled, jež je zároveň i jednoduše čitelné. Písmo Myriad disponuje širokou rodinou a je tedy vhodné pro nadpisy i pro text. V tomto manuálu jsou zobrazeny základní řezy pro pro sazbu běžných propagačních tiskovin. Pro komplikovanou sazbu specialit je možné citlivě použít i ostatní řezy z rodiny Myriad (Myriad Pro). 12

13 ABCDEFGHIJKLMNOPQRSTUVWXYZ ÅÄÖÜÆØ abcdefghijklmnopqrstuvwxyzåäöüæø [.,:;](- )#*/ $% = +± {½¼¾³²} ƒμ <> ABCDEFGHIJKLMNOPQRSTUVWXYZ ÅÄÖÜÆØ abcdefghijklmnopqrstuvwxyzåäöüæø !?@&ß [.,:;](- )#*/ $% = +± {½¼¾³²} ƒμ <> ABCDEFGHIJKLMNOPQRSTUVWXYZ ÅÄÖÜÆØ abcdefghijklmnopqrstuvwxyzåäöüæø !?@&ß [.,:;](- )#*/ $% = +± {½¼¾³²} ƒμ <> Trebuchet MS Italic Trebuchet MS Regular Trebuchet MS Bold Doplňkové písmo pro užití v kancelářských aplikacích Písmo Písmo Trebuchet vhodně zastupuje rodinu Myriad v kancelářských aplikacích. Je jedním ze základních fontů v nabídce systémů Windows a zobrazuje se ve většině webových prohlížečů. 13

14 Příliš těsné Přílišmalémezerymezipísmeny. Jetěžképísmenarozeznávat, stejnějakojejichcharakteristiky, cožčiníproblémpřičtenítextu. Přílišmalémezerymezipísmeny. Jetěžképísmenarozeznávat, stejnějakojejichcharakteristiky, cožčiníproblémpřičtenítextu. Přílišmalémezerymezipísmeny. Jetěžképísmenarozeznávat, stejnějakojejichcharakteristiky, cožčiníproblémpřičtenítextu. Přílišmalémezerymezipísmeny. Jetěžképísmenarozeznávat, stejnějakojejichcharakteristiky, cožčiníproblémpřičtenítextu. Přílišmalémezerymezipísmeny. Jetěžképísmenarozeznávat, stejnějakojejichcharakteristiky, cožčiníproblémpřičtenítextu. Přílišmalémezerymezipísmeny. Jetěžképísmenarozeznávat, stejnějakojejichcharakteristiky, cožčiníproblémpřičtenítextu. Přílišmalémezerymezipísmeny. Jetěžképísmenarozeznávat, stejnějakojejichcharakteristiky, cožčiníproblémpřičtenítextu. Příliš široké M e z e r y m e z i j e d n o t l i v ý m i p í s m e n y s e z d a j í e l e g a n t n í, a l e v e s k u t e č n o s t i j e p r o o k o o b t í ž n é s p o j i t j e d n o t l i v á p í s - m e n a a v y t v o ř i t z n i c h s l o v a. M e z e - r y m e z i j e d n o t l i v ý m i p í s m e n y s e z d a - j í e l e g a n t n í, a l e v e s k u t e č n o s t i j e p r o o k o o b t í ž n é s p o j i t j e d n o t l i v á p í s m e n a a v y t v o ř i t z n i c h s l o v a Písmo Pravidla formátování textu Mezery mezi písmeny Správné Standardní mezery mezi písmeny dělají text jednoduše čitelným a zároveň vytváří zřetelný vzhled. Standardní mezery mezi písmeny dělají text jednoduše čitelným a zároveň vytváří zřetelný vzhled. Standardní mezery mezi písmeny dělají text jednoduše čitelným a zároveň vytváří zřetelný vzhled. Standardní mezery mezi písmeny dělají text jednoduše čitelným a zároveň vytváří zřetelný vzhled. Standardní mezery mezi písmeny dělají text jednoduše čitelným a zároveň vytváří zřetelný vzhled. Standardní mezery mezi písmeny dělají text jednoduše čitelným a zároveň vytváří zřetelný vzhled. Prostrkání mezery mezi jednotlivými písmeny by se mělo používat standardní (+/- 0). Nastavení písma příliš těsně nebo příliš široce způsobí špatnou čitelnost textu. Při nastavení písma na větší velikosti je třeba písmo upravit (zmenšit mezery), protože písmo je primárně nastaveno pro text; po úpravě je text příjemnější pro oči. To je třeba provádět s opatrností a pouze u opravdu velkých velikostí písem. Tato pravidla platí pro veškeré texty, včetně nadpisů, podnadpisů, textu apod. 14

15 Příliš malé Příliš malá mezera mezi řádky, text není dobře čitelný. Oči mají problém rozeznávat jednotlivá písmena, protože se navzájem překrývají. Příliš malá mezera mezi řádky, text není dobře čitelný. Oči mají problém rozeznávat jednotlivá písmena, protože se navzájem překrývají. Příliš malá mezera mezi řádky, text není dobře čitelný. Oči mají problém rozeznávat jednotlivá písmena, protože se navzájem překrývají. Příliš malá mezera mezi řádky, text není dobře čitelný. Oči mají problém rozeznávat jednotlivá písmena, protože se navzájem překrývají. Příliš malá mezera mezi řádky, text není dobře čitelný Písmo Příliš velké Příliš velká mezera mezi řádky. Není vhodné pro text. Text se může zdát dobře čitelný, ale oči mají problém spojit řádky. Příliš velká mezera mezi řádky. Není vhodné pro text. Text se může zdát dobře čitelný, ale oči mají problém spojit řádky. Příliš velká mezera mezi řádky. Není vhodné pro text. Text se může zdát dobře čitelný, ale oči mají problém spojit řádky. Pravidla formátování textu Mezery mezi řádky Správné Toto je nejvhodnější. Text má lehce pozitivní řádkování a díky tomu je text dobře čitelný. Toto je nejvhodnější. Text má lehce pozitivní řádkování a díky tomu je text dobře čitelný. Toto je nejvhodnější. Text má lehce pozitivní řádkování a díky tomu je text dobře čitelný. Toto je nejvhodnější. Text má lehce pozitivní řádkování a díky tomu je text dobře čitelný. Toto je nejvhodnější. Text má lehce pozitivní řádkování a díky tomu je text dobře čitelný. Toto je nejvhodnější. Text má lehce pozitivní řádkování a díky tomu je text dobře čitelný. Toto je nejvhodnější. Text má lehce pozitivní řádkování a díky tomu je text dobře čitelný. Toto je nejvhodnější. Text má lehce pozitivní řádkování a díky tomu je text dobře čitelný. Řádkování mezery mezi řádky je prostor mezi vodorovnými řádky písma. Opatrné nakládání s typografií je důležitou součástí komunikace značky. Při větších velikostech písma, například v nadpisech, je nutné řádkování upravit tak, aby byl nadpis pro oči příjemný. Je tak nutné činit s opatrností a pouze u opravdu velkých velikostí písma. Tyto úpravy nelze provádět za účelem napasování textu do rozložení, ale pouze pro zlepšení čitelnosti a vizuální čistoty. V případě provádění těchto úprav se ujistěte, že dbáte instrukcí uvedených na předchozí straně. Úprava řádkování bez současné úpravy prostrkání bude mít za následek nevhodnou typografi i a text nebude pro oči příjemný. Doporučujeme nechat základní řádkování na AUTOMATICKÉM ŘÁDKOVÁNÍ. Tato pravidla platí pro veškeré texty, včetně nadpisů, podnadpisů, textu apod. 15

16 Příliš těsné Kvůli příliš malým mezerám mezi slovy je text nečitelny, ačkoli mezery mezi jednotlivými písmeny jsou dostatečně veliké. Kvůli příliš malým mezerám mezi slovy je text nečitelny, ačkoli mezery mezi jednotlivými písmeny jsou dostatečně veliké. Kvůli příliš malým mezerám mezi slovy je text nečitelny, ačkoli mezery mezi jednotlivými písmeny jsou dostatečně veliké. Kvůli příliš malým mezerám mezi slovy je text nečitelny, ačkoli mezery mezi jednotlivými písmeny jsou dostatečně veliké. Kvůli příliš malým mezerám mezi slovy je text nečitelny, ačkoli mezery mezi jednotlivými písmeny jsou dostatečně veliké. Příliš široké Ačkoli jsou slova od sebe oddělena a mezery mezi jednotlivými písmeny jsou dostatečné, text je přesto špatně čitelný, neboť je pro oči těžké slova spojit. Ačkoli jsou slova od sebe oddělena a mezery mezi jednotlivými písmeny jsou dostatečné, text je přesto špatně čitelný, neboť je pro oči těžké slova spojit. Ačkoli jsou slova od sebe oddělena a mezery mezi jednotlivými písmeny jsou dostatečné, text je přesto špatně čitelný Písmo Pravidla formátování textu Mezery mezi slovy Správné Standardní mezery mezi slovy jsou pro oči dostatečně malé, aby si oči slova spojily dohromady, a dostatečně široké pro rozlišení jednotlivých slov. Standardní mezery mezi slovy jsou pro oči dostatečně malé, aby si oči slova spojily dohromady, a dostatečně široké pro rozlišení jednotlivých slov. Standardní mezery mezi slovy jsou pro oči dostatečně malé, aby si oči slova spojily dohromady, a dostatečně široké pro rozlišení jednotlivých slov. Standardní mezery mezi slovy jsou pro oči dostatečně malé, aby si oči slova spojily dohromady, a dostatečně široké pro rozlišení jednotlivých slov. Standardní nastavení je většinou upraveno, aby se text dobře četl. Příliš velké, nebo malé mezery mezi slovy způsobují, že se text stáva nečitelným. Dbejte tedy ať jsou mezery mezi slovy přibližně široké jako malé písmeno n. Tato pravidla platí pro veškeré texty, včetně nadpisů, podnadpisů, textu apod. 16

17 Lorem ipsum dolor sit amet Consectetuer adipiscing elit. Aliquam erat volutpat. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis condimentum augue id magna semper rutrum. Morbi scelerisque luctus velit. Nullam sapien sem, ornare ac, nonummy non, lobortis a enim. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Vivamus porttitor turpis ac leo. Curabitur bibendum justo non orci. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. In sem justo, commodo ut, suscipit at, pharetra vitae, orci. Cras pede libero, dapibus nec, pretium sit amet, tempor quis. Nunc dapibus tortor vel mi dapibus sollicitudin. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Integer tempor. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce aliquam vestibulum ipsum. Sed ac dolor sit amet purus malesuada congue. Praesent vitae arcu tempor neque lacinia pretium. Pellentesque arcu. Phasellus rhoncus. Nulla quis diam. Integer rutrum, orci vestibulum ullamcorper ultricies, lacus quam ultricies odio, vitae placerat pede sem sit amet enim. Praesent in mauris eu tortor porttitor accumsan. Aliquam erat volutpat. Sed convallis magna eu sem. Nullam sit amet magna in magna gravida vehicula. Integer malesuada. Aliquam erat volutpat. Integer vulputate sem a nibh rutrum consequat. Duis viverra diam non justo. Curabitur ligula sapien, pulvinar a vestibulum quis, facilisis vel sapien Písmo Pravidla formátování textu Vzorový text Praesent vitae arcu tempor neque lacinia pretium. Cras pede libero, dapibus nec, pretium sit amet, tempor quis. Duis sapien nunc, commodo et, interdum suscipit, sollicitudin et, dolor. Aenean id metus id velit ullamcorper pulvinar. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? Etiam dictum tincidunt diam. Donec iaculis gravida nulla. Nam sed tellus id magna elementum tincidunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Fusce tellus. Nullam at arcu a est sollicitudin euismod. Nadpisy píšeme většinou v tučném řezu (bold). Podnadpisy píšeme normálním řezem (regular). Hlavní text píšeme odlehčeným řezem (light). Zvýraznění článku v textu je podle situace buď kurzívou (italic) nebo normálním řezem (regular), vyžaduje-li to situace je možné psát různé důležité zajímavosti v textu tučným řezem (bold). U kancelářských dokumentů vycházíme ze šablony v programu Word, kde je již formátování pro písmo Trebuchet MS připraveno. 17

18 3.1 Vizitka Květná ulice 589 Brno Tel.: Konvalinka Krásnolipská marketingová ředitelka 18

19 4.1 Hlavičkový papír 19

20 4.2 Varianta ve stupních šedi Hlavičkový papír 20

21 5.1 Tisková zpráva 21

22 6.1 Pozvánka 22

23 7.1 Roll-up 23

24 7.2 Schématické řešení Roll-up 24

25 8.1 Obálka katalogu Katalog 25

26 8.2 Řešení vnitřní dvouistrany katalogu Katalog 26

27 9.1 Prezentační desky Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam sapien elit, consequat 27

28 9.2 Výsek Prezentační desky Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris metus. Donec quis nibh at felis congue commodo. Aenean placerat. Curabitur vitae diam non enim vestibulum interdum. Fusce nibh. Nullam eget nisl. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam. Integer malesuada. Maecenas lorem. Mauris dolor felis, sagittis at, luctus sed, aliquam non, tellus. Integer rutrum, orci vestibulum ullamcorper ultricies, lacus quam ultricies odio, vitae placerat pede sem sit amet enim. 28

29 10.1 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam sapien elit, consequat Potisk DVD nosičů 29

30 11.1 porta culturae Lorem ipsum dolor sit amet :00 Brno venenatis quis, ante. Cras elementum. Duis viverra diam non justo. Nunc auctor. Cum sociis natoque penatibus et magnis dis parturient Textilní baner pro venkovní použití (na budovu) 30

31 12.1 Tisková reklama 31

32 12.2 Schématické řešení Tisková reklama 32

33 13.1 Šablony Word a PowerPoint 33

34 14.1 O nás Partneři Aktuality Projekty kontakty inzerce reference pro novináře hledej ok Webová prezentace PORTA CULTURAE 2012 O nás Partneři Aktuality Projekty kontakty inzerce reference pro novináře hledej ok Informace pro návštěvníky Program >>> Aktuálity Pro školy Přednášky >>> Cymbálová hudba Sbírky Kontakty Odkazy Kulturní akce Výstavy Archiv Pamětní síň Augustina Mervarta a Josefa Bajáka Jan Blahoslav a čeští bratři Třída ze 17. století (z doby Komenského) Památník Jana Amose Komenského Učitelé šiřitelé myšlenek J. A. Komenského Třída a kabinet měšťanské školy z doby Rakousko-Uherska Třída z doby 1. republiky ( ) Třída z 50. let 20. století Národopis Hané a Záhoří >>> Entomologie Mineralogie Odboj na Přerovsku Vyhlídková věž s vedutami Přerova z let Historické zvony Zámecký pokoj z první poloviny 19. století Lapidárium PORTA CULTURAE

35 15.1 Prezentace na internetu 35

36 16.1 Potisk propisovačky 36

37 17.1 Razítko M00184 EÚS AT CZ