Grafický manuál vizuální identity verze 1.2 Duben 2013
Grafický manuál vizuální identity V1.2
© Přírodovědecká fakulta Univerzity Karlovy v Praze
2
obsah prolog
aplikace vizuální identity
prolog _______________________________________________________ 4 základní tvar __________________________________________________ 5 čtyři elementy _________________________________________________ 6
aplikujeme____________________________________________________ 32 ukázky aplikací_____________________________________________ 33 – 46
identita
ke stažení________________________________________________
naše primární logo _____________________________________________ sekundární logo ________________________________________________ sekční loga ___________________________________________________ anglické mutace primárně i sekundárně _____________________________ sekční anglické mutace __________________________________________ vše začíná plánem ______________________________________________ každý potřebuje prostor _________________________________________ co je malé, to je milé ____________________________________________ flotila barev ___________________________________________________ monochromaticky ______________________________________________ inverzně _____________________________________________________ vždy na správném místě _________________________________________ prosíme toto nedělejte __________________________________________ a jak na fotkách ________________________________________________ ilustrace symbolem _____________________________________________
8 9 10 11 12 13 14 15 16 17 19 22 23 24 25
typografie rodina Museo _________________________________________________ Museo na titulky _______________________________________________ Museo Sans na sazbu ___________________________________________ píšeme sekundárně _____________________________________________
27 28 29 30
47
Grafický manuál vizuální identity V1.2
prolog
© Přírodovědecká fakulta Univerzity Karlovy v Praze
3
Grafický manuál vizuální identity V1.2
prolog Naše identita není jen logo. Jedná se o souhrn několika základních forem, jako je např. vnitrofiremní kultura, marketingová komunikace a jednotný vizuální styl (design), které ji společně vytvářejí. Jednotný vizuální styl má za úkol vytvářet normy pro různé druhy tvůrčích prací, které souvisejí s grafikou či designem všech aktivit Přírodovědecké fakulty UK. Podporuje účinnou komunikaci mezi naší fakultou a okolím. Následující stránky tohoto grafického manuálu vás provedou základními prvky a specifikacemi, které budou jejich správným a důsledným dodržováním vytvářet charakteristický vzhled Přírodovědecké fakulty UK v Praze. Naše značka tak bude jasně a okamžitě rozeznatelná.
prolog
© Přírodovědecká fakulta Univerzity Karlovy v Praze
„V čem spočívá tvůrčí proces ve vědě? Snad ve schopnosti poznat, co je důležité a co podružné.“ Jaroslav Heyrovský
4
Grafický manuál vizuální identity V1.2
základní tvar Hlavním prvkem symbolu značky Přírodovědecké fakulty UK v Praze je rovnostranný trojúhelník.
prolog
© Přírodovědecká fakulta Univerzity Karlovy v Praze
5
Grafický manuál vizuální identity V1.2
prolog
© Přírodovědecká fakulta Univerzity Karlovy v Praze
čtyři elementy Znak Přírodovědecké fakulty UK v Praze se skládá ze čtyř rovnostranných trojúhelníků zasazených vrcholy do sebe. Každý z trojúhelníků symbolizuje jeden ze čtyř živlů (vzduch, země, oheň a voda). Tvar a postavení každého z nich je přesně daný a vychází ze starověkého pojetí, kdy filozofie i věda chápaly tyto živly jako základní složky světa. V případě znaku Přírodovědecké fakulty UK v Praze označuje každý z trojúhelníků jednu z jejích čtyř sekcí (skupinu oborů) a každý má svoji barvu (modrá, fialová, žlutá a červená). Konkrétní barevnost trojúhelníků je definována dále v tomto manuálu, strana 16. Označení a barevnost sekcí jsou neměnné.
Geografie
Geologie
Chemie
Biologie
vzduch
země
oheň
voda
6
Grafický manuál vizuální identity V1.2
identita
© Přírodovědecká fakulta Univerzity Karlovy v Praze
7
Grafický manuál vizuální identity V1.2
© Přírodovědecká fakulta Univerzity Karlovy v Praze
identita
naše primární logo Logo je nejviditelnějším prvkem vizuální identity. Je to univerzální podpis Přírodovědecké fakulty UK, a proto musí být vždy odpovídajícím způsobem definován v tomto manuálu. Základní logotyp se skládá z barevného znaku a slovního označení „Přírodovědecká fakulta UNIVERZITY KARLOVY V PRAZE“ a neobsahuje pečeť. Uspořádání grafických prvků je dané a není možno je libovolně měnit. Typografie loga je dvouřádková. Tato primární varianta má přednostní použití a používá se na všech materiálech ve všech případech, pokud zástupce PřF UK nerozhodne jinak.
symbol
logo
logotyp
8
Grafický manuál vizuální identity V1.2
identita
© Přírodovědecká fakulta Univerzity Karlovy v Praze
sekundární logo Sekundární logo se skládá z barevného znaku a slovního označení „Přírodovědecká fakulta UNIVERZITY KARLOVY V PRAZE“ a obsahuje pečeť. Toto logo se používá výhradně na oficiální dokumenty a o jeho použití rozhoduje vždy zástupce PřF UK.
symbol
logo
logotyp
karolínská pečeť
9
Grafický manuál vizuální identity V1.2
sekční loga Sekční loga slouží k jasnému označení čtyř sekcí Přírodovědecké fakulty UK v Praze (geologie, biologie, chemie, geografie). Každé logo se skládá z barevného znaku, slovního označení „Přírodovědecká fakulta UNIVERZITY KARLOVY V PRAZE“ a slovního označení dané sekce. Loga nikdy neobsahují pečeť. V tomto případě se znak skládá vždy ze třech trojúhelníků, jejichž barevnost je v různých tónech tmavě šedé barvy a jednoho příslušného sekčního trojúhelníku, který si zachovává barevnost používanou v základním znaku. Barevnost tohoto trojúhelníku je vždy totožná s barvou sekce, kterou reprezentuje. Pro zdůraznění a jasnou čitelnost sekce se tato používá ve stejné barvě, kterou používáme pro sekční trojúhelník. Konkrétní odstíny tmavě šedé barvy trojúhelníků při použití tohoto tvaru loga jsou definovány dále v tomto manuálu, strana 16.
identita
© Přírodovědecká fakulta Univerzity Karlovy v Praze
10
Grafický manuál vizuální identity V1.2
anglické en mutace primárně i sekundárně Pro použití těchto log platí stejná pravidla jako pro českou verzi, avšak s anglickým označením „Faculty of Science CHARLES UNIVERSITY IN PRAGUE“.
identita
© Přírodovědecká fakulta Univerzity Karlovy v Praze
11
Grafický manuál vizuální identity V1.2
sekční anglické mutace
identita
en
Pro použití těchto log platí stejná pravidla jako pro českou verzi, avšak s anglickým označením „Faculty of Science CHARLES UNIVERSITY IN PRAGUE“ a anglickým označením jednotlivých sekcí: „Geology“, „Biology“, „Chemistry“, „Geography“.
© Přírodovědecká fakulta Univerzity Karlovy v Praze
12
Grafický manuál vizuální identity V1.2
identita
vše začíná plánem
Konstrukce znaku, čtyř do sebe vsazených trojúhelníků, je založena na doteku vnitřních a vnějších trojúhelníků. Vnější se dotýkají účaří vnitřní linky protilehlého trojúhelníku, zatímco vnitřní se dotýkají účaří vnější linky protilehlého trojúhelníku.
90°
60°
© Přírodovědecká fakulta Univerzity Karlovy v Praze
Vzdálenost znaku a typografie loga získáme otočením znaku o 90°. Typografie loga se skládá z názvu fakulty a univerzity a v sekčním označení také z názvu dané sekce. Typografie primárního loga je dvouřádková, v případě sekčního označení třířádková. Název univerzity je vždy psaný verzálkami. Účaří prvního řádku vychází ze středu znaku.
13
V případě použití pečetě (sekundárního loga) je pečeť umístěna vždy vpravo a od typografie loga je oddělena svislou linkou. Vzdálenosti mezi pečetí, linkou a typografií jsou stejné jako vzdálenost mezi znakem loga a typografií. Minimální velikost pečetě musí být vždy 20 mm.
Grafický manuál vizuální identity V1.2
každý potřebuje prostor
identita
© Přírodovědecká fakulta Univerzity Karlovy v Praze
Základní stavební kámen ochranné zóny
50 %
Aby bylo logo jasně čitelné ve všech aplikacích, je potřeba ho dostatečně obklopit volným prostorem, tzv. ochrannou zónou. Ochranná zóna je prostor, do kterého nesmí zasahovat žádný jiný grafický, obrazový nebo textový prvek.
Primární logo
Dodržujte ochrannou zónu kolem celého loga, která je minimálně 50 % šířky symbolu fakulty.
Sekundární logo
14
Grafický manuál vizuální identity V1.2
co je malé, to je milé Ale menší velikost loga, než jaká je zde definovaná, nepoužívejte…
identita
© Přírodovědecká fakulta Univerzity Karlovy v Praze
Logo
Sekční logo
Symbol
45 mm / 220 px
45 mm / 220 px
7 mm / 25 px
Sekundární logo
130 mm / 450 px
15
Grafický manuál vizuální identity V1.2
flotila barev Logo je primárně určeno pro použití na bílém pozadí. Použití loga na barevném nebo černém pozadí je definováno dále v tomto manuálu, strana 19. Základní barvy obsažené ve znaku PřF UK jsou fialová, červená, žlutá, modrá a jsou zde jasně definované ve variantách CMYK, Pantone, RGB a web. V případě použití sekčního loga používáme ve znaku tóny tmavě šedé barvy. Barevnost typografie logotypu je vždy tmavě šedá. Tmavě šedá se používá také na základní sazbu všech tiskovin a v elektronické podobě.
identita
© Přírodovědecká fakulta Univerzity Karlovy v Praze
fialová
červená
Cmyk 50—60—0—0
CMYK
Pantone• 2655 CP
Pantone• 7625 cp
RGB 150—110—180
RGB 230—80—60
Web
Web
#966EB4
0—80—75—0
#E6503C
žlutá
modrá
CMYK 0—20—100—0
Cmyk 70—30—0—0
Pantone• 7406 cp
Pantone• 279 cp
RGB 255—200—0
Rgb 0—150—210
web #FFC800
web #4696D2
tmavě šedá
sekční šedé
Cmyk 0—0—0—90
Black 27 %
Pantone• cool gray 11 cp
Black 40 %
Rgb 60—60—60
Black 10 %
web #3C3C3B
Black 17 %
• Pantone+ Color Bridge Coated
16
Grafický manuál vizuální identity V1.2
monochromaticky
identita
Primární logo
Pokud není možné použít základní barevnou variantu loga, lze pro celé logo použít tmavě šedou barvu. V této variantě doporučujeme tisknout barvou Pantone.
Sekundární logo
© Přírodovědecká fakulta Univerzity Karlovy v Praze
17
Grafický manuál vizuální identity V1.2
monochromaticky
identita
Sekční loga – primárně
Pokud není možné použít základní barevnou variantu sekčních log, používejte v symbolu tóny tmavě šedé barvy. Sekundární použití sekčních log aplikujte v případech, kdy není možná varianta primární, například při výrobě razítka. V této variantě doporučujeme opět tisknout barvou Pantone.
Sekční loga – sekundárně
© Přírodovědecká fakulta Univerzity Karlovy v Praze
18
Grafický manuál vizuální identity V1.2
identita
inverzně
Primární logo
V inverzní variantě použití loga dodržujte vždy zde uváděné možnosti. Na černém pozadí je povoleno použití znaku ve variantě primární (barevné) i inverzní. Typografie je vždy inverzní. Nelze použít inverzní variantu loga na jinou barvu pozadí, než jsou barvy obsažené ve znaku Přírodovědecké fakulty UK v Praze, které jsou přesně definované v tomto manuálu, na straně 16, vyjma použití loga na fotografiích.
© Přírodovědecká fakulta Univerzity Karlovy v Praze
19
Grafický manuál vizuální identity V1.2
identita
inverzně
Sekundární logo
V tomto případě platí stejná pravidla jako pro použití inverzního primárního loga.
© Přírodovědecká fakulta Univerzity Karlovy v Praze
20
Grafický manuál vizuální identity V1.2
identita
inverzně
Sekční loga
Pro sekční loga v inverzní variantě používejte na černém pozadí primárně znak v barvě a tónech tmavě šedé barvy. U sekčního trojúhelníku a označení sekce je v tomto případě nutné zachovat jejich danou barevnost. V případech, kdy produkce materiálu neumožňuje zachovat barevnost sekčního trojúhelníku a označení sekce, je povolena sekundární varianta loga, celoinverzní logo.
© Přírodovědecká fakulta Univerzity Karlovy v Praze
21
Grafický manuál vizuální identity V1.2
vždy na správném místě Pokud budete logo umísťovat na jakýkoliv formát, použijte následující způsoby: Vzdálenost loga od okraje se vždy řídí výškou velikosti znaku, který používáme. Ve výjimečných případech, jako je například konstrukce grafického návrhu vizitek, je možné použít jako vzdálenost loga od okraje šířku velikosti znaku. Zarovnání loga je možné pouze na pravém nebo levém okraji, varianta na střed není povolena.
identita
© Přírodovědecká fakulta Univerzity Karlovy v Praze
22
Grafický manuál vizuální identity V1.2
prosíme toto nedělejte Pro zachování jednotného vizuálního stylu je důležité používat logo tak, jak je popsáno v tomto manuálu. Uvedené příklady ilustrují varianty nesprávného použití.
identita
© Přírodovědecká fakulta Univerzity Karlovy v Praze
23
Grafický manuál vizuální identity V1.2
a jak na fotkách Pokud umisťujete logo Přírodovědecké fakulty UK do fotografie, logo situujte vždy tak, aby bylo jasně viditelné a působivé. Je důležité, aby bylo používáno citlivě tak, aby „nebojovalo“ s pozadím. Používá se pozitivní i negativní varianta v závislosti na barvě a tmavosti podkladu. Logo nikdy neumisťujte do žádných grafických prvků. Pro představu zde uvádíme možné i nemožné způsoby použití loga ve fotografiích. Fotografie jsou ilustrační.
identita
© Přírodovědecká fakulta Univerzity Karlovy v Praze
24
Grafický manuál vizuální identity V1.2
ilustrace symbolem Pokud budete mít možnost a chuť, můžete si při tvorbě grafických návrhů hrát se symbolem, který přináší nekonečné možnosti svého uplatnění. Zvětšujte a zmenšujte ho, natáčejte, duplikujte a rozehrajte jeho barvy tak, aby vám vznikaly nové a překvapivé variace, struktury, abstraktní a geometrické tvary.
identita
© Přírodovědecká fakulta Univerzity Karlovy v Praze
25
Grafický manuál vizuální identity V1.2
typografie
© Přírodovědecká fakulta Univerzity Karlovy v Praze
26
Grafický manuál vizuální identity V1.2
typografie
rodina Museo
„Podstata objevu je ve spatření něčeho, na co se všichni dívali, a v promyšlení něčeho, na co nepomyslil nikdo.“
Typografie je důležitým aspektem značky a přispívá k dotvoření celkového dojmu z loga Přírodovědecké fakulty UK. Následující strany vám pomohou k pochopení používání typografického stylu, který by měl být dodržován jednotně napříč celou vizuální komunikací.
Szent-Györgyi Albert
© Přírodovědecká fakulta Univerzity Karlovy v Praze
27
Grafický manuál vizuální identity V1.2
Museo na titulky Základním písmem Přírodovědecké fakulty UK v Praze je Museo, které je použitelné ve všech svých řezech (100, 300, 500, 700 a 900). Písmo se používá pro všechny nadpisy, podnadpisy, tituly a hesla. Písmo je použitelné nejen pro tisk, ale i pro web. Použití kurzívy je povoleno pouze pro pevně stanovené předpisy, kterými jsou například latinské názvy, apod. V těchto případech je možné kurzívu použít v řezech: 100 Italic, 300 Italic, 500 Italic, 700 Italic, 900 Italic.
typografie
© Přírodovědecká fakulta Univerzity Karlovy v Praze
28
C DDEEFFGGHHII JI K JK ABC L L MNNOOPPQQRRSSTT U UV M UV WX X YY ZZ aabbccddeeffgghhi m jii jjkkkl llm mnn nooppqqrr ss tt u v xy 01234 0123 5 678 wx w x y zz01 012 0123 2 34 345678 45678 5678 @?! 9—& 9 — & * #@ #@ ?? !!// +( + ((.,:;) .,:;) Museo 100
Museo 300
Museo 500
Museo 700
Museo 900
Grafický manuál vizuální identity V1.2
Museo Sans na sazbu Doplňkovým písmem Přírodovědecké fakulty UK v Praze je Museo Sans, použitelné ve všech svých řezech (100, 300, 500, 700 a 900) především pro odstavcové texty a čistou sazbu. Písmo je použitelné nejen pro tisk, ale i pro web. Použití kurzívy je povoleno pouze pro pevně stanovené předpisy, kterými jsou například latinské názvy, apod. V těchto případech je možné kurzívu použít v řezech: 100 Italic, 300 Italic, 500 Italic, 700 Italic, 900 Italic.
typografie
© Přírodovědecká fakulta Univerzity Karlovy v Praze
29
C DDEEFFGGHHI JI JK K ABC L L MNNOOPPQQRRSSTT U UV M WX X YYZZaaabb bccddeeffgghhi mnnooppqq rr ss tt u v ji jkkkl llm 012 01 45 6 78 8 w xxy xyz 01 123 34 45678 5567 678 xyyzz 00 1 2 2234 345 —& 9— &** # @ ? ! // + ( . , : ; ) Museo Sans 100
Museo Sans 300
Museo Sans 500
Museo Sans 700
Museo Sans 900
Grafický manuál vizuální identity V1.2
píšeme sekundárně Pro použití v elektronické podobě, pro dopisy, e-maily, prezentace a podobně je stanoveno používání písma Helvetica v řezech Regular a Bold, a to z důvodu kompatibility ve všech systémech. V případě absence písma Helvetica, je možné použít písmo MS Sans Serif, zejména v systémech Microsoft. Použití kurzívy je povoleno pouze pro pevně stanovené předpisy, kterými jsou například latinské názvy, apod. V těchto případech je možné kurzívu použít v řezech: oblique, bold oblique.
typografie
© Přírodovědecká fakulta Univerzity Karlovy v Praze
30
DEEFFGGHHI JI K JK ABCD L L MNNOOPPQQRRSSTT U V M YZZaabbccddeef fgghhi WXY mnnooppqq rr ss tt u v ji jkkl lm w xyz x y z 0 01234567 12345678 9—&*#@?!/+(.,:;) Helvetica Regular
Helvetica Bold
Grafický manuál vizuální identity V1.2
aplikace vizuální identity
© Přírodovědecká fakulta Univerzity Karlovy v Praze
31
Grafický manuál vizuální identity V1.2
aplikujeme Na následujících stranách jsou ukázky aplikací jednotného vizuálního stylu. Tyto ukázky slouží pro představu, jak je možné s vizuálním stylem pracovat.
aplikace vizuální identity
© Přírodovědecká fakulta Univerzity Karlovy v Praze
32
Grafický manuál vizuální identity V1.2
aplikace vizuální identity
dopisní papír, vizitka, obálka formátu dl
© Přírodovědecká fakulta Univerzity Karlovy v Praze
33
Grafický manuál vizuální identity V1.2
aplikace vizuální identity
komplimentka
© Přírodovědecká fakulta Univerzity Karlovy v Praze
34
Grafický manuál vizuální identity V1.2
aplikace vizuální identity
obal a potisk cd/dvd
© Přírodovědecká fakulta Univerzity Karlovy v Praze
35
Grafický manuál vizuální identity V1.2
aplikace vizuální identity
propagační brožura s výsekem
© Přírodovědecká fakulta Univerzity Karlovy v Praze
36
Grafický manuál vizuální identity V1.2
aplikace vizuální identity
prezentační desky s chlopněmi A4
© Přírodovědecká fakulta Univerzity Karlovy v Praze
37
Grafický manuál vizuální identity V1.2
aplikace vizuální identity
vizuál plakátu
© Přírodovědecká fakulta Univerzity Karlovy v Praze
38
Grafický manuál vizuální identity V1.2
aplikace vizuální identity
vizuál plakátu
© Přírodovědecká fakulta Univerzity Karlovy v Praze
39
Grafický manuál vizuální identity V1.2
aplikace vizuální identity
vizuál plakátu
© Přírodovědecká fakulta Univerzity Karlovy v Praze
40
Grafický manuál vizuální identity V1.2
aplikace vizuální identity
dárkové předměty
© Přírodovědecká fakulta Univerzity Karlovy v Praze
41
Grafický manuál vizuální identity V1.2
aplikace vizuální identity
triko, plášť
© Přírodovědecká fakulta Univerzity Karlovy v Praze
42
Grafický manuál vizuální identity V1.2
aplikace vizuální identity
automobil
© Přírodovědecká fakulta Univerzity Karlovy v Praze
43
Grafický manuál vizuální identity V1.2
aplikace vizuální identity
školní autobus
© Přírodovědecká fakulta Univerzity Karlovy v Praze
44
Grafický manuál vizuální identity V1.2
aplikace vizuální identity
PowerPointová prezentace
© Přírodovědecká fakulta Univerzity Karlovy v Praze
45
Grafický manuál vizuální identity V1.2
aplikace vizuální identity
internetový design
© Přírodovědecká fakulta Univerzity Karlovy v Praze
46
Grafický manuál vizuální identity V1.2
Ke stažení Na níže uvedeném odkazu jsou připraveny ke stažení loga a editovatelné šablony pro přípravu tištěných a elektronických materiálů Přírodovědecké fakulty Univerzity Karlovy v Praze.
www.natur.cuni.cz/fakulta/vnejsi/vizualni-identita
© Přírodovědecká fakulta Univerzity Karlovy v Praze
47
www.natur.cuni.cz