manuál televizního vizuálního st ylu
Obsah
ZÁMĚR Co představuje televize Hypno...............................................4, 5 Základní principy vizuálního stylu..........................................5, 7
LOGOTYP A DOPLŇKOVÁ GRAFIKA Základní logotyp...............................................................................8 Minimalistická varianta logotypu................................................9 Písmo v logotypu........................................................................... 10 Černobílé a inverzní varianty logotypu...................................11 Základní barevnost ...................................................................... 12 Texturové vzorky............................................................................. 13 Barevnost v texturových vzorcích ........................................... 14
Užití texturových vzorků v logotypu........................................ 15 Základní font logotypu................................................................. 16 Fonty vizuálního stylu.................................................................. 17 Užití písma........................................................................................ 18 Ochranná zóna a minimální velikost....................................... 19 Logotyp na barevném pozadí...................................................20 Logotyp na fotografii nebo filmu............................................. 21 Základní animace logotypu.......................................................22 Princip 16:9.....................................................................................23 Pixelová velikost logotypu.......................................................... 24 Umístění logobugu.......................................................................25 Použití logobugu............................................................................26 Logobug na obrazovce................................................................ 27
Obsah 3
PROPAGAČNÍ MATERIÁLY A REKLAMA Merkantilní tiskoviny.....................................................................28 CD/DVD............................................................................................29 Vizitky......................................................................................... 30, 31 Desky a obálky........................................................................ 31, 32 Billboardy a plakáty...............................................................33, 34
Co představuje televize Hypno
Hypno TV je experimentální televizní kanál, jehož snahou je vytvořit, co nejatraktivnější obraz, který však odporuje běžným nárokům na televizní grafiku. Televizní stanice s názvem Hypno TV má být pokusem, který posunuj dále vizuální vnímání televizních kanálů. Má být projektem, který otestuje divákovu zrakovou odolnost a doslova zaútočí na jeho znuděné a běžné vnímání. Hypno TV si za vzor bere halucinogenní videa, hypnotické spirály a kyvadla, japonské seriály se stroboskopickými efekty, které způsobují epileptické záchvaty, formální stránku abstraktních animovaných filmů, gif animace,
extrémně rychlý střih a další bizarní použití videa, které stojí na druhém břehu oproti mainstreamové televizní grafika. Kampaň pro Hypno TV je rozdělena do čtyř kvartálů. První kvartál se shlédnul v klasických hypnotických schématech, které mají přilákat diváka způsobem, který je na hranici se zákonem - pomocí různých hypnotizačních spirál a podprahových efektů. Druhý kvartál vychází z podobného schématu, ale upřednostňuje optické efekty, které zamotají divákovi hlavu a vytvoří mu před očima matoucí iluzi. Třetí kvartál je poněkud jemnější, když se shlédnul v příjemnějších optických iluzích,
4
které vychází z kaleidoskopu. Poslední kvartál je reminiscencí na estetiku gifových animací, které jsou vyvedeny ve 256ti barvách a za pomoci trhané animace. Každý kvartál má své vlastní identy a proma a lower third. Zároveň práce obsahuje také standardní části corporate designu, jako je logo a následný design manuál, který právě držíte v ruce.
PRINCIPY
Základní principy pro tvorbu vizuálního stylu televize Hypno jsou: iluzivnost, proměnlivost, horizontálnost, vizuální agrese a proporce 16:9. Tyto principy vychází z estetiky optickcýh klamů, hypnotických videí a televizních pořadů. Vizuální styl v tištěné podobě musí korespondovat s televizní grafikou. Ačkoliv nemůže vytvořit tak silný tlak na jeho receptory jako rychle se pohybující, proměnlivý obraz, má jiné možnosti jak vytvořit mžitky před očima a zmást divákovo vnímání.
ILUZIVNOST PROMĚNLIVOST HORIZONTÁLNOST VIZUÁLNÍ AGRESE PROPORCE 16:9
Základní logotyp
Základní varianta logotypu Hypno je tvořena typografickým nápisem umístněným ve středu symbolu. Ačkoliv se jedná o základní variantu, jedním z principů vizuálního stylu televize Hypno je proměnlivost a variabilnost, proto zde existuje ještě alternativa, kdy se tvar pravidelného mnohoúhelníku vypouští a text je zobrazen samostatně, nebo v obdelníku s poměrem 16:9. Základní barevnost loga je purpurová, nicméně i zde funguje princip proměnlivosti. Můžeme tak purpurovou nahradit jinými definovanými barvami, navíc také logotyp může fungovat jako krycí šablona a dovnitř může být umístněn nekonečný texturový vzorek.
8
Minimalistická varianta logotypu
Minimalistická varianta je tvořena pouze typografickým nápisem a symbol je vypuštěn nebo transformován na obdélník, který má poměr 16:9. Takovouto variantu pak lze lépe použít v kombinaci s grafikou, která se inspiruje vizuálně agresivními optickými efekty a je málo přehledná.
9
Písmo v logotypu
89˚ 15˝
90˚ 45˝
89˚ 15˝
90˚ 45˝
89˚ 15˝
Typografická část loga je tvořena verzálkami vysázenými fontem U001, což je kopie Universu od Adriana Frutigera. Všechny liché litery jsou nakloněny o 45minut doleva, sudé jsou pak nakloněny doprava. Tento zásah pak způsobuje optickou rozkolísanost písma, které se jakoby těkavě pohybuje a působí neklidným dojmem. Tato optická nestabilnost je základem logotypu.
10
Černobílé a inverzní varianty logotypu
Logotyp be měl být, pokud je to možné barevný. V černobílé podobě by sě měl vyskytovat, jen pokud to není technicky jinak možné. Inverzní variantu je možné používat častěji, neboť bílá dobře kontrastuje s barevností fotgrafií a filmů v pozadí.
11
Základní barevnost
Purpurová hlavní barva CMYK 0/100/70/0 RGB 237/24/71
Hlavní doplňková barva pro kombinaci s purpurovou CMYK 6/0/53/0 RGB 38/228/64
Modrá 1 CMYK 85/79/0/0 RGB 50/1/251
Zelená CMYK 70/0/100/0 RGB 28/218/18
Zářivá žlutá CMYK 10/0/100/0 RGB 204/253/1
Fialová CMYK 0/37/82/0 RGB 228/25/254
Červená CMYK 0/97/100/0 RGB 253/27/2
Modrá 2 CMYK 83/70/0/0 RGB 26/77/254
Azurová CMYK 55/0/7/0 RGB 0/227/252
Tmavě žlutá CMYK 12/30/100/0 RGB 227/17/0
12
Základní barevnost pro logo je jasně definována. Jedné se o purpurovou barvu, která je užita v symbolu. Písmo je vyvedeno bílou barvou, tedy barvou pozadí. Logotyp však může být tvořen nejen jednolitou barvou, ale i tzv. texturovými vzorky. V takovémto případě přichází vedlejší barevnost a lze použít další definované barvy, ideálně v párové kombinaci. Tyto barvy se v logu kombinují se stoprocentní černou nebo bílou. Užití takovýchto barev je vhodné i u dopňkové grafiky.
Texturové vzorky
Zde je ukázka texturových vzorků. Jedná se tedy o nekonečné „patterny“, které mohou být použity jako alternativní výpň namísto jednolité barvy, aby logotyp působil ještě více těkavým a opticky agresivním a neukotveným dojmem.
13
Barevnost v texturových vzorcích
Barevný texturový vzorek používá vedlejších barev logotypu, aby docílil agresivnějšího optického efektu. Texturové vzorky mohou zůstat ovšem i černobílé.
14
Užití texturových vzorků v logotypu
Ukázka kombinací barev a texturových vzorků
15
Základní font logotypu
U001 T Regular Narrow ABCDFGHIJKLMNOPQRSTUVWXYZ abcdfghijklmnopqrstuvwxyz 1234567890!@#$%^**()
16
Logotoyp je vytvořen z liter fontu U001 T Regular Narrow. Tento font je kopii písma Univers od Adriana Frutigera z německé písmolijny URW. Font je statickým groteskem, který je odpovědí na Helveticu. Logo je vysázeno verzálkami, které jsou mírně otočeny, viz. 1.4. V tištěném textu je vhodné užívat řez Light, popřípadě Regular.
Fonty vizuálního stylu
U001 T Regular
U001 T Bold
U001 T Light
U001 T Regular Italic
U001 T Bold Italic
U001 T Light Italic
U001 T Regular CounterIt
U001 T Black
U001 T Black Italic
ABCDFGHIJKLMNOPQRSTUVWXY abcdfghijklmnopqrstuvwxyz 1234567890 !@#$%^*()
ABCDFGHIJKLMNOPQRSTUVWXYZ abcdfghijklmnopqrstuvwxyz 1234567890 !@#$%^*()
ABCDFGHIJKLMNOPQRSTUVWXYZ abcdfghijklmnopqrs tuvwxyz1234567890!@#$%^*()
ABCDFGHIJKLMNOPQRSTUVWXYZ abcdfghijklmnopqrstuvwxyz 1234567890!@#$%^*()
ABCDFGHIJKLMNOPQRSTUVWXYZ abcdfghijklmnopqrs tuvwxyz1234567890!@#$%^*()
ABCDFGHIJKLMNOPQRSTUVWXY abcdfghijklmnopqrstuvwxyz 1234567890 !@#$%^*()
17
ABCDFGHIJKLMNOPQRSTUVWXYZ abcdfghijklmnopqrs tuvwxyz1234567890!@#$%^*()
ABCDFGHIJKLMNOPQRSTUVWXYZ abcdfghijklmnopqrs tuvwxyz1234567890!@#$%^*()
ABCDFGHIJKLMNOPQRSTUVWXY abcdfghijklmnopqrstuvwxyz 1234567890 !@#$%^*()
Užití písma
Lorem ipsum duisim nonsectet utat, se dolorer alit luptat. Duisl eum zzrit aciduis molesed modolore etueriusci elit autpat init praessi bla facin elessed duisim velisim ipisit aliscil iuscill amcore facilla feum digna aut ullum volorpe riurerci eum quis erit nulput ea feuguer inciduipis nulluptat. Nibh ecte tat nummodi amconulput ver sismolut delit at vullam, conullutatum quis nonsequam aliquam qui euis eu facilit nullamconsed ent vero eugiam delenibh ex eum dolore doluptat, vero odolorerat ad et, velesed tatumsan eugue verciduisit lore min henit luptatet, consenisse magna facilla feugiam vel dunt vel ex enit, quam, sustin ex euisi. Nadpis XY Ullaor si. Ure dolobore voloborper sed min veniamet, quat.Del ulputem niat. Duis nos adipit nulput nostio essiscilit acilit wiscipissi. Feum dolore velit ip erosto
U základního textu je doporučeno používat bílé pozadí. V takovém případě je vhodné použít řez U001 T Light, popřípadě Regular. Velikost základního textu je 8,5pt, vzdálenost mezi řádky je 12 pt. Barva je sto procentní černá. Prostrkání je nastvaneo na defaultní nulu.
8,5/12 pt
MONDAY
LOREM IPSUM 21:15
U nadpisů je vhodné užívat řez Narrow Regular. Litery je nutno vypsat verzálkami. Poměr mezi hlavním zdělením a vedlejším je 2:1
18
Ochranná zóna a minimální velikost
12mm
150%
100%
13 mm
150% 100%
15 mm
Ochranná zóna je plocha ohraničující minimální povolenou vzdálenost ostatního textu či obrazu od loga. Hranice základní ochrané zóny loga jsou vytvořeny po zvětšení loga na 150%.
V textové variantě je minimální velikost 12 mm na šířku, u základní varianty loga je to pak 15 mm.
19
Užití logotypu na různobarevných pozadích
20
Užití logotypu na fotografiích nebo filmu
21
Základní animace logotypu
Zde je jednoduchý storyboard pro základní pohyb logotypu. Tento storyboard byl předlohou pro animovaný logobug. V televizních kampaních může být logotyp rozpohybován i výrazně složitějším způsobem.
rotace symbolu o 720° ve směru hodinových ručiček
22
Princip 16:9
16
Princip 16:9, by měl být dodržovén všude tam, kde je to možné, jak v tištěné tak i televizní grafice
9
23
Pixelová velikost logotypu
Logobug pro využití na obrazeovce v základních velikostech v pixelové variantě. Je nutno počítat s 50% průhledností inverzního černobílého symbolu a malou velikostí, která způsobuje „kostičkovatost“.
rozměr 60x25 pixelů
rozměr 75x75 pixelů
24
Umístění logobugu
Logobug je jednoduchý symbol, který je umístěn v rohu obrazovky a informuje nás o tom, jakou stanici sledujeme. V současné době je trendem dělat tyto loga nenápadné, popřípadě je na určitý čas skrývat. Dnešní moderní televizory mají obvykle názvy stanic uloženy v paměti, a proto tento identifikační symbol ztrácí na významu. Na českých kanálech bývá zvykem umístnit logobug do levého horního rohu, avšak Hypno sleduje spíše trend, který lze vystopovat u televizních kanálů ve Spojených státech. Logobug se může v určitých okamžicích také skrýt a je animovaný. 12% z celkové výšky TITLE SAFE ACTION SAFE
25
Použití logobugu
Správně umístněný logobug v základní variantě
Logobug může být i animovaný nebo obačas skrytý
26
Logobug na obrazovce
27
Merkantilní tiskoviny
Ukázka merkantilních tiskovin. I zde platí princip proměnlivosti a grafické zvárnění lze provést několika způsoby: podle grafického manuálu, tedy za pomoci texturových vzorků a definovaných barev. Druhou variantou je přizpůsobení některých merkantilních tiskovin (především obálek a CD/DVD) kampaním v jednotlivých obdobích roku.
28
CD/DVD
29
Desky a obรกlky
30
Desky a obรกlky
31
Vizitky
Titul Jméno Příjmení - FUNKCE Hypno TV a. s. Ulice 0000, 000 00 Praha 1
T: +420 000 000 000 M: +420 000 000 000 E: prijmeni@hypno.tv www. hypno.tv
Titul Jméno Příjmení - FUNKCE Hypno TV a. s. Ulice 0000, 000 00 Praha 1
32
T: +420 000 000 000 M: +420 000 000 000 E: prijmeni@hypno.tv www. hypno.tv
Vizitky
Titul Jméno Příjmení - FUNKCE Hypno TV a. s. Ulice 0000, 000 00 Praha 1
T: +420 000 000 000 M: +420 000 000 000 E: prijmeni@hypno.tv www. hypno.tv
33
Titul Jméno Příjmení - FUNKCE Hypno TV a. s. Ulice 0000, 000 00 Praha 1
T: +420 000 000 000 M: +420 000 000 000 E: prijmeni@hypno.tv www. hypno.tv
Základní grafické vizuály pro jednotlivé kampaně
Hlavní vizuál pro kampaň prvního kvartálu, který je inspirován spirálami a agresivními hypnotickými animacemi.
V druhém kvartálu odkazuje vizuál na optické klamy.
Hlavní vizuál pro kampaň ve třetím kvartálu, který je inspirován kaleidoscopem.
Vizuál pro kampaň posledního kvartálu, který vychází z estetiky jednoduchých GIF animací.
34
Vizuály pro kampaně se mění v každém čtvrtletí. Společně s televizními identy a promy vycházejí ze stejného konceptu. První kvartál se shlédnul v klasických hypnotických schématech, které mají přilákat diváka způsobem, který je na hranici se zákonem - pomocí různých hypnotizačních spirál a podprahových efektů. Druhý vychází z estetiky optických klamů, třetí pak si bere za vzor kaleidoskop, čtvrtý low-fi úpadkové Gif animace
Billboard a plakรกt
35
Logotyp: černobílé logo
Minit lametum sandit praesto consequ ipsummo dipsumsan ullaor si. Unt luptat. Em quisim do conum zzriurem dipsusc illaor sit lan eraessit aliquam in ulla amcon ulla feugait nullam, venisse quamet, sed esse vent wissenis exerosto dolor sissi bla cor ipisl exerostissi exer alit dio esequi tatummo dionseq uatissequat vercilla aliquis doluptat. Im dolore facil ipsum eugiat landreet velit nullan volorper si. Lit accum dolesto dunt nim quatisis augait nisci bla feu faci etuero doloreetue faccumsandre dolore magna feugue tis nullam qui tat ute vel inis augait nullan hent volortie tie ming exer suscini amconsequis nullan euguero do eummy nulluptat, consequam zzriliquat aut ing et dipsums andrem in ulluptatem quisim qui elesectem dolutet, quatumsandre venis adipisi. Dunt praessit dip exeriurem aliquat lor incipisi. Equip eu faccum delit ad tio delissi er iniate feu facipsu sciduis duisi. Vulputpat, suscili scidunt am zzrit nibh er susto core min enim quat in ute mod mod dipsum ad do consenim zzrilla mconsequat vulluptat. Ciliquat. Ugiam inis enisl iril dolorem do odolor iustrud tem vel doloborer iuscilisi. Sum incidui siscilla am, velis eum zzrit iuscili quatet ullutate ming etum dipsum irilis niam zzrit nullan et nosto od erat amcommy nummolendiat velendrero consequat vent augiametuer si tet, quisi bla commy nullaore magna consenibh eniatio od tionsequatin henim zzriliquat atem et augue commy nonsent vero core magna cons aut praessim enim zzrit atueros ectem ver si blaorpero ectet am nostrud
mod molestis adiamconse tat, vercipit nisl do duisim volortincil in utpat wisciduis eui blaorpero commy nos nonummo dolobor peraessi te tisi.Ustiniate tatueri uscipsum eummolorem nullam nonsequ ipsusto dolum del utatet laore min ullamet, vel euis enibh estrud te tatie dolor sum nos augiam adit nis dolesequam iriuscip ex essequipit lore tem dolestrud dit, quipisim ectet niat. Equat dionsequipit ad ent vulla feugue commy nullaor sim vulpute mod tinisl euis at. Pate do con utetueros aliquamet irilla autem alit lor susciduis dit nos augait, quatie te et lutat lobore magnissi. Met aliquis nostisc incilla feuiscillut ilit wis niam, cons adiam, quisit nos num do exero euisim iure mincidui tis nim do odipit nis nullum dolore facidunt adionsed tions dunt augiamet lum vulla facin hent lor aliquisis nim quamet niscinibh ero od magnim velissisi tie feuguer iuscin vel deliquat wismod doluptate te elessim dionull uptate moluptat. Er atue dit aliquis eumsandit illamco nsequatet velit et verat irit wisisit lam nulla feuip ent ate feumsan etue velit veraest ionulput vullam atue dunt dolortin ut luptat. Od ting ese veros augait in ulputat velit ad molorer in velit ut vulput praeseq uiscidunt at aliquissi tin henit praesequat. Ut ing euisl ilit vel exercipisi ero diatet, veliquatinis ea feugait, core facillu ptation utet prat, consequat. Ibh ea feugiat. Nonsent nos euipis nibh et aci exer susci te con velit volesecte minci bla alis non veraestrud dionse consed magna
36
feum quatem inisi. Bor incidunt lam zzriureet aci ex ea conullam, velisi. Incinit lore deliquis num iriurem vero commy num dolobor sequat voloborem vulla faccummy nulla conullu tetumsa ndreet nim nulla feugue feuguer ostisit dolorem zzriurerosto eratueros ad dolenis nim am, quam, veliquis nonum non exero odignibh et aut iliquiscip elis dolorpero ex exero coreraesed el doloreet lor sis nisisi. Ent wisl ea facin veros enit ing enis nulla faciliquat. Ut ea atum at lorer ipit la commy nit lutat nit am quisiscil in exerostrud modit adiam quam nim veliquisim zzriliquatum veliscilis delenisse con henis dolor sequatum veniscidunt nulput nonse dolore feugait inim nim velenim velis nosto ea faci estie feuis adipit, susciduip eugue mod min eum quatueraesto doloreet adipsuscing et diamet, veniamet luptate ex ese magniam consectet endreros nullam voloreet lum illa ad dionsequatio od ex erat praesto etum incipsummodo etum dolesto do od tat, quate dit prat wis ese commod ex enit dit init, consenibh el dunt nonse magna faccum venim doloreet erat, cortisim zzriliquamet alisi blaore tat velesse magna Minit lametum sandit praesto consequ ipsummo dipsumsan ullaor si. Unt luptat.lla feugait nullam, venisse quamet, sed esse vent wissenis exerosto dolor sissi bla cor ipisl exerostissi exer alit dio esequi tatummo dionseq uatissequat vercilla aliquis doluptat. Im dolore facil ipsum eugiat landreet velit nullan volorper si. Lit accum dolesto dunt nim quatisis augait nisci bla feu faci etuero doloreetue faccumsandre dolore magna feugue tis