manuál televizního v izuálního s t ylu

3

Obsah

Obsah

ZÁMĚRCo představuje televize Hypno ..............................................4, 5Základní principy vizuálního stylu .........................................5, 7

LOGOTYP A DOPLŇKOVÁ GRAFIKAZákladní logotyp ..............................................................................8Minimalistická varianta logotypu ...............................................9Písmo v logotypu .......................................................................... 10Černobílé a inverzní varianty logotypu ..................................11Základní barevnost ...................................................................... 12Texturové vzorky ............................................................................ 13Barevnost v texturových vzorcích .......................................... 14

Užití texturových vzorků v logotypu ....................................... 15Základní font logotypu ................................................................ 16Fonty vizuálního stylu ................................................................. 17Užití písma ....................................................................................... 18Ochranná zóna a minimální velikost ...................................... 19Logotyp na barevném pozadí ..................................................20Logotyp na fotografii nebo filmu ............................................ 21Základní animace logotypu ......................................................22Princip 16:9 ....................................................................................23Pixelová velikost logotypu.......................................................... 24Umístění logobugu.......................................................................25Použití logobugu ...........................................................................26Logobug na obrazovce ............................................................... 27

PROPAGAČNÍ MATERIÁLY A REKLAMAMerkantilní tiskoviny ....................................................................28CD/DVD ...........................................................................................29Vizitky ........................................................................................30, 31Desky a obálky ....................................................................... 31, 32Billboardy a plakáty ..............................................................33, 34

4

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áz-vem Hypno TV má být pokusem, který posunuj dále vizuální vnímání televizních kanálů. Má být projektem, který otes-tuje 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 pod-prahový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,

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

ILUZIVNOSTPROMĚNLIVOSTHORIZONTÁLNOSTVIZUÁLNÍ AGRESEPROPORCE 16:9

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 tele-vizních pořadů.Vizuální styl v tištěné podobě musí korespondovat s tele-vizní 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í.

8

Základní logotyp

Základní varianta logotypu Hypno je tvořena typogra-fický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.

9

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á.

10

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.

90˚ 45̋ 89˚ 15̋89˚ 15̋ 89˚ 15̋90˚ 45̋

Písmo v logotypu

11

Č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í.

12

Základní barevnost

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.

Purpurová hlavní barvaCMYK 0/100/70/0RGB 237/24/71

Modrá 1CMYK 85/79/0/0RGB 50/1/251

ČervenáCMYK 0/97/100/0RGB 253/27/2

AzurováCMYK 55/0/7/0RGB 0/227/252

ZelenáCMYK 70/0/100/0RGB 28/218/18

Zářivá žlutáCMYK 10/0/100/0RGB 204/253/1

FialováCMYK 0/37/82/0RGB 228/25/254

Modrá 2CMYK 83/70/0/0RGB 26/77/254

Tmavě žlutáCMYK 12/30/100/0RGB 227/17/0

Hlavní doplňková barva pro kombinaci s purpurovouCMYK 6/0/53/0RGB 38/228/64

13

Texturové vzorky

Zde je ukázka texturových vzorků. Jedná se tedy o neko-nečné „patterny“, které mohou být použity jako alterna-tivní 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.

14

Barevnost v texturových vzorcích

Barevný texturový vzorek používá vedlejších barev logoty-pu, aby docílil agresivnějšího optického efektu. Texturové vzorky mohou zůstat ovšem i černobílé.

15

Užití texturových vzorků v logotypu

Ukázka kombinací barev a texturových vzorků

16

Základní font logotypu

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.

U001 T Regular NarrowABCDFGHIJKLMNOPQRSTUVWXYZabcdfghijklmnopqrstuvwxyz1234567890!@#$%^**()

17

Fonty vizuálního stylu

U001 T RegularaBCDFGhiJKlmnoPQRstuvWXyabcdfghijklmnopqrstuvwxyz1234567890 !@#$%^*()

U001 T Regular ItalicABCDFGHIJKLMNOPQRSTUVWXYZ abcdfghijklmnopqrstuvwxyz 1234567890 !@#$%^*()

U001 T Regular CounterItABCDFGHIJKLMNOPQRSTUVWXYZabcdfghijklmnopqrs tuvwxyz1234567890!@#$%^*()

U001 T BoldABCDFGHIJKLMNOPQRSTUVWXYZabcdfghijklmnopqrstuvwxyz1234567890!@#$%^*()

U001 T Bold ItalicABCDFGHIJKLMNOPQRSTUVWXYZabcdfghijklmnopqrs tuvwxyz1234567890!@#$%^*()

U001 T BlackABCDFGHIJKLMNOPQRSTUVWXYabcdfghijklmnopqrstuvwxyz1234567890 !@#$%^*()

U001 T LightABCDFGHIJKLMNOPQRSTUVWXYZabcdfghijklmnopqrs tuvwxyz1234567890!@#$%^*()

U001 T Light ItalicABCDFGHIJKLMNOPQRSTUVWXYZabcdfghijklmnopqrs tuvwxyz1234567890!@#$%^*()

U001 T Black ItalicABCDFGHIJKLMNOPQRSTUVWXYabcdfghijklmnopqrstuvwxyz1234567890 !@#$%^*()

18

Užití písma

Lorem ipsum duisim nonsectet utat, se dolorer alit

luptat. Duisl eum zzrit aciduis molesed modolore etu-

eriusci 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.

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

LOREM IPSUMMONDAY

21:15

8,5/12 pt

19

Ochranná zóna a minimální velikost

Ochranná zóna je plocha ohraničující minimální povole-nou 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.

150% 150%100% 100%

12mm

13 mm

15 mm

20

Užití logotypu na různobarevných pozadích

21

Užití logotypu na fotografiích nebo filmu

22

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

23

Princip 16:9

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

16

9

24

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ů

25

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í televi-zory 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ýškyTITLE SAFE

ACTION SAFE

26

Použití logobugu

Správně umístněný logobug v základní variantě Logobug může být i animovaný nebo obačas skrytý

27

Logobug na obrazovce

28

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 vari-antou 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.

29

CD/DVD

30

Desky a obálky

31

Desky a obálky

32

Vizitky

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 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

Vizitky

Hypno TV a. s.

Ulice 0000,

000 00 Praha 1

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

T: +420 000 000 000

M: +420 000 000 000

E: prijmeni@hypno.tv

www. hypno.tv

Titul JMéNO PřÍJMENÍ - FUNKCETitul JMéNO PřÍJMENÍ - FUNKCE

34

Základní grafické vizuály pro jednotlivé kampaně

Vizuály pro kampaně se mění v každém čtvrtletí. Spo-leč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ý vy-chází z estetiky optických klamů, třetí pak si bere za vzor kaleidoskop, čtvrtý low-fi úpadkové Gif animace

Hlavní vizuál pro kampaň ve třetím kvartálu, který je inspirován kaleidoscopem.

Hlavní vizuál pro kampaň prvního kvartálu, který je inspirován spirálami a agresivními hypnotickými animacemi.

Vizuál pro kampaň posledního kvartálu, který vychází z estetiky jednoduchých GIF animací.

V druhém kvartálu odkazuje vizuál na optické klamy.

35

Billboard a plakát

Minit lametum sandit praesto consequ ipsummo dipsum-san ullaor si. Unt luptat. Em quisim do conum zzriurem dip-susc 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 tat-ummo dionseq uatissequat vercilla aliquis doluptat. Im do-lore 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 du-isi. 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 ullut-ate ming etum dipsum irilis niam zzrit nullan et nosto od erat amcommy nummolendiat velendrero consequat vent augiametuer si tet, quisi bla commy nullaore magna con-senibh eniatio od tionsequatin henim zzriliquat atem et au-gue 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 vol-ortincil in utpat wisciduis eui blaorpero commy nos non-ummo 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 susci-duis dit nos augait, quatie te et lutat lobore magnissi.Met aliquis nostisc incilla feuiscillut ilit wis niam, cons adi-am, 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 mo-luptat.Er atue dit aliquis eumsandit illamco nsequatet velit et ve-rat irit wisisit lam nulla feuip ent ate feumsan etue velit ve-raest ionulput vullam atue dunt dolortin ut luptat. Od ting ese veros augait in ulputat velit ad molorer in velit ut vul-put 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 vole-secte minci bla alis non veraestrud dionse consed magna

feum quatem inisi. Bor incidunt lam zzriureet aci ex ea conullam, velisi. Incinit lore deliquis num iriurem vero com-my 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 do-lorpero 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 quatuer-aesto 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

36

Logotyp: černobílé logo