O NLINE
Grafický Manuál
www.svazpotapecu.cz diver@svazpotapecu.cz T ELEFO N
241 445 803 603 419 283 A DR E S A
Na Strži 9/1837 Praha 4 140 00 Česká republika
SPČR Svaz potápěčů České republiky, zapsaný spolek IČO: 00537225
V případě dotazů nás kontaktujte: www.svazpotapecu.cz nebo na emailu diver@svazpotapecu.cz
O nรกs
O nás
A DR E S A SP OLEČNOS T I
Svaz potápěčů České republiky, zapsaná společnost IČO:00537225 Na Strži 9/1837 Praha 4 140 00 Česká republika ÚŘ EDNÍ DN Y
Úterý 8:00 - 12:00 14:00 - 17:00 Čtvrtek 8:00 - 12:00 14:00 - 17:00 O NLINE
www.svazpotapecu.cz diver@svazpotapecu.cz T ELEFO N
241 445 803 603 419 283 Všechna práva vyhrazena Svazu potápěčů České republiky, zapsaná společnost. Vlastník práv si vyhrazuje právo tento dokument kdykoliv měnit nebo šířit.
Tento grafický manuál byl vytisknut na recyklovaný papír. www.paper.com
1.01 Logo
6
1.02
Verze loga
7
1.03
Ochranná zóna
8
1.04
Velikost loga
9
2.01
Barevná paleta
10
2.02
Barevné odstíny
11
3.01 Typografie 12 3.03
Formátování textu
14
4.01
Ikony a piktogramy
16
5.01
Režimy prolnutí
18
5.02 Použití obrázků 19 6.01
Hlavičkový papír
20
6.02
Logo placement
21
6.03
Grid system
22
6.04
Prezentace, další aplikace 24
O nás
Puntičkářské Tematické Strukturované Geometrické Tvořivé Šablony
O nás
Grafický manuál (též známý jako ‘brand manuál’, ‘design manuál’ nebo ‘brand book’) je v soubor pravidel, které vysvětlují, jak vaše značka funguje. Tyto pokyny obvykle obsahují základní informace jako například: Hodnoty značky Abychom se ujistili, že identita vaší značky bude sledování napříč všemi médii stejně, budeme dodržovat tyto velmi důležité zásady pro budování značky.
Detailní informace o značce/Rozložení prvků/ Profil značky na sociálních médiích/Možnosti rozložení brožur a letáků/Layout webových stránek/Systém identifikačních prvků/Propagační procesy/Styl copywritingu (také známým jako ‘styl řeči značky’ nebo ‘tón řeči značky’)/Publikační pravidla Pokyny k zacházení se značkou jsou dostatečně flexibiln, aby mohli být návrháři dostatečně kreativní, ale dostatečně ohraničené, aby byla značka snadno rozpoznatelná. Soulad je klíčem, zvláště pokud bude třeba značku rozšířit a publikovat napříč různými mediálními platformami.
Logo
1.01 Logo N Á P OV ĚDA
Loga Svazu potápěřů České republiky, Svazu českých potápěčů a Svazu potápěčů Moravy a Slezska mají stejný piktogram a řídí se stejnými pravidly. P O PIS
Logo SPČR, SČP, SPMS a piktogram jsou k dispozici na přiloženém disku.
LO G O
A
A. Logo Svyzu potáoěčů Cěské republiky (SPČR)
B
B. Logo Svazu českých potápěčů (SČP)
C
C. Logo Svazu potápěčů Moravy a Slezska (SPMS)
Logo
1.02 Verze loga N Á P OV ĚDA
Logo může být použito pouze v originálních barvéch nebo monochromatickém provedení libovolné barvy. P O PIS
Při používání loga se vždy ujistěte, že je logo snadno rozpoznatelné a je vždy v kontrastu s pozadím.
M ONO CHRO M AT ICK É LO G O 1
M ONO CHRO M AT ICK É LO G O 2
Tmavá barva monochromatického loga na světlém pozadí zajišťuje dostatečný kontrast, a tím i rozpoznatelnost značky.
Bílá barva monochromatického loga na tmavém pozadí je dostatečně kontrastní a snadno rozpoznatelná.
Logo
1.03 Ochranná zóna N Á P OV ĚDA
Ochrannou zónu loga zjistíte vypořítáním poloviny výšky loga. (Ochranná zóna = Výška /2) P O PIS
Ochranná zóna je minimální velikost prostoru kolem loga, do které by jiný objekt neměl zasahovat.
M INI M Á LNÍ O C HR A NN Á ZÓ N A
A
A. Velikost ochranné zóny je 50% výšky loga
Logo
1.04 Velikost loga N Á P OV ĚDA
Minimální velikost loga určuje, v jakých minimálních rozměrech jde logo nebo piktogram použít, aby nedošlo k naručení čitelnosti a identifikace značky. P O PIS
Logo může být zobrazeno ve dvou variantách: jako celek nebo samostatný piktogram.
M INI M Á LNÍ V ELIKOS T V RŮZN ÝC H V ER ZÍC H ZO B R A ZENÍ
A
40pt
B
72pt
A.
B.
Minimální velikost piktogramu je 40 pt
Minimální velikost celého loga je 72 pt
Barvy
2.01 Barevná paleta N Á P OV ĚDA
Barva je jedním z hlavních komunikačních prostředků značky. Je nezbytné dodržovat barevnost loga ve šech jeho aplikacích. P O PIS
Barevná paleta obsahuje čtyři barvy, z nichž primární barvou je modrá. Ta a další její varianty jsou primární barvou ve všech firemních tiskových i elektronických materiálech. PR I M Á R NÍ B A R VA
Č ER V EN Á
BÍL Á
TOR JZUBEC
PAN 281C CMYK 100% 94% 6% 29% RGB 0 36 105 Web #002469
PAN 1795C CMYK 2% 97% 100% 8% RGB 209 36 33 Web #D12421
PAN Transparent white CMYK 0% 0% 0% 0% RGB 255 255 255 Web #FFFFFF
PAN 1255C CMYK 7% 29% 100% 37% RGB 166 130 0 Web #A68200
* Web Safe pallete,nebo také Browser Safe pallete, jsou tzv. bezpečné barvy, které se skládají z 216 barev, a zajišťují konzistentí zobrazování v jakémkoliv monitoru nebo prohlížeči.
Barvy
2.02 Barevné odstíny N Á P OV ĚDA
Dle teorie barev je odstín směsí výchozí barvy s barvou bílou. To zvyšuje její světlost. P O PIS
Odstíny jsou užitečné v tisku, neboť snižují náklady tím, že redukují potřebu barevných desek.
75%
50%
25%
75%
50%
25%
75%
50%
25%
Typografie
3.01 Bitter Font ZN A K Y
aAbBcCdDeEfFgGhHiIjJkKlLmMnNoOpPqQrRsStTuUvVwWxXyYzZ 1234567890!@£$%^&*():”?/ B IT T ER R EG UL A R Název fontu Bitter Download www.fontsquirrel. com/fonts/bitter Řez fontu Slab Serif O fontu A “contemporary” slab serif typeface for text, it is specially designed for comfortably reading on any computer or device. The robust design started from the austerity of the pixel grid, based on rational rather than emotional principles. It combines the large x-heights and legibility of the humanistic tradition with subtle characteristics in the characters that inject a certain rhythm to flowing texts. Bitter has little variation in stroke weight and the Regular is thicker than a normal ‘Regular’ style for print design. This generates an intense color in paragraphs, accentuated by the serifs that are as thick as strokes with square terminals.
Regular B IT T ER ITA LIC
Italic B IT T ER B OLD
Bold
Typografie
3.02 Fira Sans Font ZN A K Y
aAbBcCdDeEfFgGhHiIjJkKlLmMnNoOpPqQrRsStTuUvVwWxXyYzZ 1234567890!@£$%^&*():”?/ B IT T ER ITA LIC Název fontu Fira Sans Download www.fontsquirrel. com/fonts/fira-sans Řez fontu Sans Serif O fontu Designed to integrate with the character of the OS, the Fira Sans typeface also aims to cover the legibility needs for a large range of handsets varying in screen quality and rendering. When working with Fira Sans it is recommended that micro font sizes that fall below our guidelines are avoided.
Light B IT T ER ITA LIC
Medium B IT T ER B OLD
Bold
Typografie
3.03 Formátování textu D OP ORU ČENÍ
Formátování textu definuje frmátování odstavců. Vždy je třeba myslet na to, k jakému účelu je text použitý, a dle toho dodatečně přizpůsobit formátování. P O PIS B — Body Hlavní font–size lze použít v libovolném tištěném dokumentu. Základní velikost písma je 10 bodů. Pro zachování čitelnosti lze použít písmo i ve větším formátu. H2 — Nadpis úrovně 2 Jedná se o universální font-size. Může být použit pro záhlaví stránek, sekcí a malé textové úseky typu podpisu u citací a titulků. H1 — Nadpis úrovně 1 H1 je největší font–size pro záhlaví dokumentu. Je skvělé pro krátké nádpisy v záhlaví stránek. T2 — Podtitulek Jdne o nejuniversálnější font-size. Jeho velikost 40 bodů se skvěle hodí pro použití na řadě médií. V této velikosti je text navíc zobrazován jako řada čtverců (řádkování a font-size jsou stejné), což je ideální, pokud je text roztařen na 1 a více řádků. T1 — Titulek Toto je největší z font-size. Měl by být používán střídmě. Vhodným příkladem jsou titulní nadpisu dokumentů.
Text poznámek a dodatečných vysvětlivek C Fira Sans Light 10pt Type / 12pt Leading
Text běžného odstavce B Fira Sans Light 10pt Type / 12pt Leading
Nadpis 2. úrovně H2 Bitter Regular 20pt Type / 24pt Leading
Nadpis 1. úrovně H1 Bitter Regular 30pt Type / 36pt Leading
Podtitulek dokumentu T2 Bitter Regular 40pt Type / 48pt Leading
Titulek T1 Bitter Bold 120pt Type / 100pt Leading
u
Typografie
‘Nauč se pravidla jako profesionál, takže je můžeš porušit jako umělec.’ — Robert Bringhurst ZDROJE HIER A RC HIE
D O DAT EČ NÉ ZDROJE
Formátování textu (též ‘typografická hierarchie’) vyjadřuje organizační systém pro obsah s důrazen na předem vybrané informace. Hierarchie pomáhá čtenářům skenovat text, protože ví, v jaké části textu se zrovna nachází, a jakou část textu právě opustil. Každá úroveň hierarchie by měla být signalizována alespoň jedním podnětem. K tomu může být použity odrážky, řádkování, umístění na stránce velikost nebo barva písma. Možných variací je nekonečno.
Pro více informací o typografické hierarchii doporučujeme následující zdroje: Type & Typography Phil Baines Laurence King; (17 Oct 2005) Thinking with Type Ellen Lupton Princeton Architectural Press;
Thinking with Type http://papress.com/thinkingwithtype/text/hierarchy
k dokum.
Ikony a piktogramy
Piktogram je obrázek či symbol znázorňující pojem nebo sdělení. — wiki/Piktogram
Ikony a piktogramy
4.01 Ikony a piktogramy N Á P OV ĚDA
Piktogramy jsou často používané místo textu. Jejich cílem ja umožnit čtenáři intuitivní procházení obsahu a orientaci v něm. P O PIS
Piktogramy musí být jednoznačné a snadno rozpoznatelné. Obvykle znázorňují nějaký pojem nebo činnost.
W EB OV É PIK TO G R A MY
T ISKOV É PIK TO G R A MY
OV L Á DAC Í PIK TO G R A MY
Temply Brand Manual
5.01 Režimy prolnutí N Á P OV ĚDA
Obrázky mohou být stahovány v rúzném rozlišení. Pro tiskovou kvalitu je důležité dodržet rozlišení 300dpi. P O PIS
Pro efekt prolnutí používejte pouze definované barvy. Zobrazený efekt vzniká prolnutím primární modré. Výsledná barva je vždy tmavší. Obrázek 1 Old diving suit www.pexels.com
Původní zabarvení obrázku.
Popředí obrázku tvoří primární barva
Temply Brand Manual
5.02 Použití obrázků N Á P OV ĚDA
Obrázky mohou být stahovány z různých internetových fotobak. Před jejich použitím vždy zkontrolujte omezení jejich licence. P O PIS
Zde jsou zobrazeny různé varianty zobrazení originálního obrázku (vpravo nahoře) v kombinaci s různími způsoby mapování s červenou barvou definovanou v kapitole 2.01 Barevná paleta. Obrázek 1 Originální obrázek www.pexels.com Obrázek 2 Tvrdé světlo www.pexels.com
Obrázek 3 Odstín www.pexels.com Obrázek 4 Normální www.pexels.com
Tisk
6.01 Hlavičkový papír N Á P OV ĚDA
Hlavičkový papír je k dispozici jako šablona pro Microsot Office Word (formát .docx) na přiloženém disku. P O PIS
Rozměry 297 x 210mm Počet variant 1 Typ papíru Běžný papír Hmotnost 80g/m2 Jiné Vhodné i pro černobílý tisk
Tisk
6.02 Logo placement N Á P OV ĚDA
Pokud nemůžete použít předem definovaný hlavičkový papír, můžete použít logo v některé z následujících poloh. UK Á ZK A
Tisk
Sloupce
G R ID S YS T E M
Mřížka Odsaze
Tisk
6.03 Grid system N Á P OV ĚDA
Mřížka (grid) slouží jako kotvy, do kterých můžete uspořádat grafické a textové prvky. Dokument zachová stejné rozložení a je snadno čitelný. P O PIS
& ní. A
V grafickém designu je mřížka (grid) nejčastěji dvoudimenzionální struktura, skládající se z řadi protínajících se linií (vertikální, horizontální a úhlové), které slouží ke strukturování obsahu. Mřížka slouží jako kotvy, které můžete použít k uspořádání grafických prvků obsahu ke straně, a to ve vztahu k ostatním grafickým prvkům na stránce, tvaru nebo vzhledem k ostatním částem stejného grafického prvku.
Tisk
6.04 Prezentace N Á P OV ĚDA
Na přiloženém disku máte také připravenou šablonu pro tvorbu prezentací v programu Microsoft office Powerpoint. P O PIS
Prezentace Pojem ‘Powerpointová prezentace’ vznikl tehdy, když Microsoft představil svůj program PowerPoint. Dnes se jedná o běžně používaný software pro tvorbu digitálních prezentací.
Strana 1
Strana 2
Verze s tmavým pozadím
Verze se světlým pozadím
Tisk
6.05 Další apliakce N Á P OV ĚDA
Zde jsou uvedeny příklady aplikací loga a zásad z tohoto grafického manuálu. Všechny příklady aplikací najdete na přiloženém disku. P O PIS
Obálka DL 110 x 220 mm Variant 1
Some siple text or short information here
Paper Insert Paper here Weight 120gsm Jiné insert other information
Vitika 90mm x 50mm Počet variant 1 Papír Insert Paper here Hmotnost 240gsm Jiné Na disku naleznete také řadu používaných identifikačních a certifikačních karet
O NLINE
www.svazpotapecu.cz diver@svazpotapecu.cz T ELEFO N
241 445 803 603 419 283 A DR E S A
Na Strži 9/1837 Praha 4 140 00 Česká republika
Logomanuál a grafické podklady vypracovali: Jiří Háček (www.jirihacek.cz, hacek.93@gmail.com) Vítězslav Šíf (vitek.sif@gmail.com)