Grafický systém zpravodajství České televize pro multiplatformní prostředí

Transkript

1 Grafický systém zpravodajství České televize pro multiplatformní prostředí 1

2 Základní filozofie Navrhovaný grafický systém zpravodajství České televize nepředstavuje pouze vizuální formu aplikovatelnou v prostředí televizního vysílání. Práce vychází z teorie multiplatformního přístupu a kontextu mediální konvergence. Zohledňuje tak lineární televizní vysílání jako součást konvergentního prostředí a jednu z forem produkce obsahu pro různé platformy. Navrhované řešení se snaží definovat funkční grafické prvky, které jsou přenositelné na různé typy mediální prezentace zpravodajského obsahu. Jednotnou vizuální identitu chápe tato práce v rozvinuté podobě jako součást transmedia brandingu konvergentního média a zároveň se snaží uplatnit přístup koordinované strategie service designu, zastřešující celý funkční princip zpravodajské služby. Grafický návrh tak sestává z vizuálního sytému, který umožňuje sloužit jako ucelená vizuální identita, zároveň jako součást uživatelského prostředí, forma informačního designu a prezentace mediálního obsahu. 2

3 U Logo Logo celého systému zpravodajství je tvořeno datasférou, která se skládá z pěti poměrných výsečí rozdělených odlišnými barevnostmi a obsahuje písmeno U coby symbol a zkratku názvu Události. 3

4 U U U Logo Logo nemá jednu definovanou statickou podobu vzhledem k tomu, že se poměr jednotlivých části sféry dynamicky mění na základě reálného počtu příspěvků k tématu nebo danému vysílání. 4

5 U Logo Každá z částí představuje jeden druh mediálního obsahu video, texty, fotografie, blogové příspěvky a příspěvky na Twitteru. Datová sféra funguje jako jednoduchý diagram, který umožňuje funkční grafickou reprezentaci obsahové struktury, zároveň se mění v čase a na základě konkrétní situace. Informační okruží není stálým prvkem loga, objevuje se v případě potřeby, např. při najetí kurzorem myši na logo, při doteku na logo v interaktivní aplikaci nebo na základě ovládání řízeného z režie během lineárního televizního vysílání. Informace na okruží slouží k oznámení počtu jednotlivých obsahů, případně fungují jako forma analogové vizualizace času (následující snímek). 5

6 Události Události v 15 Logo Písmeno U uvnitř loga rovněž není jedinou platnou podobou a může být dynamicky nahrazeno celým názvem konkrétní relace nebo fotografií moderátora či reportéra. 6

7 71% Logo Specifickou roli logo hraje během uživatelské interakce. Může se proměnit ve spouštěcí tlačítko videa, případně ukazatel stavu jeho načítání či průběhu přehrávání. 7

8 U Události Události v U % Logo Dynamicky proměnlivé logo funguje v koherentním provázaném systému. 8

9 #vše NYNÍ 1H 2H 3H 4H 5H 6H #pistorius Časová osa Vedle využití dynamického formátu loga zavádí tento grafický návrh do vizuálního systému multiplatformního zpravodajství prvek časové osy, která zastává informační i navigační funkci na všech jednotlivých platformách. Kruhy na časové ose představují konkrétní mediální obsahy v multiplatformním systému. 9

10 #vše NYNÍ 1H 2H 3H 4H 5H 6H #pistorius Časová osa Smyslem časové osy je umožnit aktuální přehled o toku vydávaných obsahů různého druhu. V reálném čase lineárního vysílání je divák prostřednictvím časové osy informován o dalším dostupném obsahu a stejnou funkci má k dispozici i v interaktivním prostředí digitálních zařízení. Časová osa se váže k logu a v konkrétním časovém rozpětí vizualizuje ty stejné obsahy, které jsou vyjádřeny poměrem jeho výsečí. U jednotlivých kruhů je možné dodatečným bločkem označit téma, kterého se daný obsah týká, ať už na základě uživatelské interakce nebo režijně řízeného zobrazení tematických štítků během lineárního televizního vysílání. 10

11 #Litomyšl #Smetana Časová osa Díky možnostem filtrace slouží časová osa jako nástroj datové vizualizace četnosti mediálních obsahů k zadanému tématu, autorovi nebo pořadu ve stanoveném čase. Umožňuje rovněž efektivní navigaci v kompletním zpravodajském archivu pomocí nastavení časového rozpětí a příslušného tématu. Grafické řešení nabízí zároveň možnost velikostního rozlišení jednotlivých kruhů reprezentujících obsahy na základě čtenosti, sdílení na sociálních sítích apod. Časová osa naznačením budoucího času potenciálně umožňuje také oznámení o obsahu, jehož vydání se teprve chystá. 11

12 RGB RGB RGB RGB RGB Barevnost Barevné provedení celého systému je založeno na modrých a hnědých tónech v součinnosti s prvky v odstínech šedi. Kombinace modré a hnědé barevnosti vychází z komplementárního vztahu modré a oranžové barvy v barevném kruhu při jejich snížené sytosti. To zajišťuje méně živý, usazenější a serióznější vizuální výraz. 12

13 Kulturista Kulturista Kulturista Kulturista Kulturista Kulturista Kulturista Kulturista Nudista Nudista Nudista Nudista Nudista Nudista Nudista Nudista Typografie Semipatkové písmo Kulturista od Tomáše Brousila vyhovuje nárokům na čitelnost v digitálním prostředí a zároveň odkazuje použitím rovných patek k seriózní tištěné žurnalistice. Jeho užití je plánováno především na výrazných místech, například v titulcích. Jako doplňující párové písmo bylo zvoleno písmo Nudista od stejného autora. Svou jednoduchou strukturou se hodí pro delší texty či popisné funkce uživatelského rozhraní. Zároveň kresebně doplňuje titulkové písmo Kulturista a dotváří jednotnou typografickou úpravu. 13

14 Lineární televizní vysílání Primární záměr aplikování navrhovaného vizuálního systému do lineárního televizního vysílání spočívá v přítomnosti datové sféry loga a časové osy na obrazovce. Oba prvky jsou komponovány ve spodní části obrazu, časovou osu je možné střídat s informační lištou. Poměr částí datové sféry vždy odpovídá prvkům na časové ose, které jsou společně navázány na kontext tématu, jež je u nich zobrazeno v titulku, nebo na autora zprávy. Štítky s tématy k jednotlivým kroužkům na ose jsou ovládány režijně a zobrazují se postupně u každého bodu zvlášť. 14

15 #Afghánistán V pákistánském pohoří nalezeny výbušniny a samopaly #Obama U14 NYNÍ 1H 2H 3H 4H 5H 6H 15

16 U 74 #ukrajina FRANCIE ZRUŠILA DNEŠNÍ CESTU SVÝCH MINISTRŮ DO MOSKVY. 16

17 @AnetaSavarova #Dánsko NYNÍ 1H 2H 3H 4H 5H 6H 17

18 Lineární televizní vysílání Kroužky na časové ose mohou volně zobrazovat aktuální situaci vydávaných obsahů, pokud se k nim neváže konkrétní zobrazený titulek s tématem. Nově vydaný obsah v multiplatformním prostředí je oznámen animací uvnitř loga, při které se zobrazí ikona druhu obsahu a štítek s tématem, jehož se týká. Následně se objeví na časové ose nový kroužek symbolizující daný obsah. 18

19 #Grónsko NYNÍ 1H 2H 3H 4H 5H 6H 19

20 Události pondělí Lineární televizní vysílání Prvek datasféry je aplikovaný rovněž ve formě úvodní časomíry, která by v navrhovaném řešení zastávala rovněž funkci znělky. Datasféra s informačním okružím umožňuje zvizualizovat poměr a počet jednotlivých obsahů vydaných v daný den k dané vysílané relaci. 20

21 Lineární televizní vysílání Prvek datasféry ve formě úvodní časomíry zároveň umožňuje vizualizace geografického rozložení navázaných mediálních obsahů. Nahrazuje tak časté symbolické vizualizace planety nebo světové mapy ve zpravodajských znělkách funkčním geolokačním informačním designem. 21

22 Lineární televizní vysílání Animovaná sekvence během odpočtu časomíry v rámci datové sféry rovněž představuje moderátora dané relace. 22

23 Webové rozhraní Grafický návrh nedefinuje přesnou podobu webu, ale nabízí vizualizaci využití základních stavebních prvků na webovém rozhraní. Základní osu takového webu tvoří propojení mezi interaktivním živým logem, časovou osou, interaktivní mapou v pozadí a zobrazeným tokem obsahů, které jsou v modelové situaci rozděleny do pěti hlavních kategorií a následně opatřeny tematickými štítky, pomocí kterých je možné efektivně filtrovat, ať už na základě událostí, lokací či jmen atd. Poměr výsečí v logu odpovídá vždy poměru zobrazených obsahů na časové ose a obsahům zobrazeným v aktuálním toku webu. Při prohlížení dlouhé stránky a načtení dalších starších obsahů se upraví i časová osa a poměr výsečí v datové sféře loga. 23

24 U NYNÍ 1H 2H 3H 4H 5H 6H DOMÁCÍ SVET REGIONY EKONOMIKA KULTURA UKRAJINSKÁ KRIZE SLOVENSKÝ PREZIDENT MALAJSKÝ LETOUN NEZÁVISLOST SKOTSKA FRANCOUZSKÁ VLÁDA V pákistánském pohoří se schovávají tlupy ozbrojenců Al Kajdy Spojené státy rozšířily okruh lidí, vůči kterým budou kvůli ruské intervenci na Krymu uplatňovat sankce. Americký prezident Barack Obama nevyloučil ani zavedení hospodářských sankcí, pokud si to situace na Krymu a na východě Ukrajiny vyžádá. Merkelová: EU je připravena potrestat Rusko 24

25 Webové rozhraní Lokačně specifikovaná označení na mapě na pozadí webu reagují na změny s filtrováním obsahu. Mapu je navíc možné využít kliknutím do jejího prostoru, přičemž se obsah webu zatáhne a ponechá na obrazovce místo pro vizualizaci geografického rozmístění prohlížených obsahů. Stejně tak lze individuálně manipulovat s časovou osou, lze v ní měnit časové rozpětí a efektivně se na ní pohybovat v čase. 25

26 U NYNÍ 1H 2H 3H 4H 5H 6H DOMÁCÍ SVET REGIONY EKONOMIKA KULTURA 26

27 Webové rozhraní Pokud se uživatel soustředí na obsah a prochází článkem nebo tokem obsahů, logo a časová osa se zmenší, dokud nedojde k uživatelské interakci. Na interakci s uživatelem je též založeno zobrazení doplňkových metadat, které kvůli jednoduchosti designu v interaktivním prostředí zůstávají schované. Okruží s informacemi o počtu obsahů nebo štítky s tématy obsahů na časové ose se zobrazují po přiblížení kurzoru myší nebo stisknutí na dotykovém zařízení. Možná je i filtrace jednotlivých druhů obsahů ovládáním přímo v datové sféře loga. Omezením pouze na videa vznikne například personalizovaný seznam audiovizuálních příspěvků definovaný kategorií, tematickými filtry a dobou vydání, resp. místem na časové ose. V takovém případě se vnitřní část loga relevantně transformuje na ovládací prvek tlačítka pro spuštění videa. V případě výběru fotografických obsahů zase logo umožňuje spuštění uživatelsky nastavené fotogalerie apod. 27

28 U NYNÍ 3H 6H 9H 12H 15H 18H DOMÁCÍ SVET REGIONY EKONOMIKA KULTURA UKRAJINSKÁ KRIZE SLOVENSKÝ PREZIDENT Merkelová: EU je připravena potrestat Rusko ekonomickými sankcemi Spojené státy rozšířily okruh lidí, vůči kterým budou kvůli ruské intervenci na Krymu uplatňovat sankce. Americký prezident Barack Obama nevyloučil ani zavedení hospodářských sankcí, pokud si to situace na Krymu a na východě Ukrajiny vyžádá. Léto na jaře. V Klementinu padl stotřicetiletý rekord Spojené státy rozšířily okruh lidí, vůči kterým budou kvůli ruské intervenci na Krymu uplatňovat sankce. Americký prezident Barack Obama nevyloučil ani zavedení hospodářských sankcí, pokud si to situace na Krymu a na východě Ukrajiny vyžádá. Merkelová: EU je připravena potrestat Rusko ekonomickými sankcemi Spojené státy rozšířily okruh lidí, vůči kterým budou kvůli ruské intervenci na Krymu uplatňovat sankce. Americký prezident Barack Obama nevyloučil ani zavedení hospodářských sankcí, pokud si to situace na Krymu a na východě Ukrajiny vyžádá. Léto na jaře. V Klementinu padl stotřicetiletý rekord Spojené státy rozšířily okruh lidí, vůči kterým budou kvůli ruské intervenci na Krymu uplatňovat sankce. Americký prezident Barack Obama nevyloučil ani zavedení hospodářských sankcí, pokud si to situace na Krymu a na východě Ukrajiny vyžádá. 28

29 Mobilní zařízení a hybridní televize Grafický návrh nedefinuje přesnou podobu jednotlivých aplikací, ale nabízí rozvahu a vizualizaci využití základních stavebních prvků na mobilních zařízeních, resp. formě hybridní televize. Propojení datové sféry loga s časovou osou, geografickým rozmístěním na mapě a tokem obsahů stojí na totožném principu jako u výše popsaného webového rozhraní. Mobilní zařízení je pak využívají v samostatném zobrazení nebo v kombinaci. Fungují jako prostředky druhé obrazovky lineárního vysílání a umožňují manipulaci s grafikou v reálném čase a nebo umožňují nezávislý přístup k mediálním obsahům konvergentní televize. Spojení datového interaktivního zařízení s televizním vysíláním pak nabízí potenciál pro manipulaci s každým prvkem zvlášť přímo na televizní obrazovce. 29

30 NYNÍ 1H 2H 3H 4H 3 31 U 42 #vše 1H NYNÍ 2H 3H #pistorius Merkelová: EU je připravena potrestat Rusko ekonomickými sankcemi Spojené státy rozšířily okruh lidí, vůči kterým budou kvůli ruské intervenci na Krymu uplatňovat sankce. Americký prezident Barack Obama nevyloučil ani zavedení hospodářských sankcí, pokud si to situace na Krymu a na východě Ukrajiny vyžádá Léto na jaře. V Klementinu padl stotřicetiletý rekord Spojené státy rozšířily okruh lidí, vůči kterým budou kvůli ruské intervenci na Krymu uplatňovat sankce. Americký prezident Barack Obama nevyloučil ani zavedení hospodářských sankcí, pokud si to situace na Krymu a na východě Ukrajiny vyžádá. 30

31 Out of home média Grafický návrh svou modularitou umožňuje různé aplikace na dalších zobrazovacích zařízeních, především na obrazovkách ve veřejném prostoru s využitím kontextu místa a relevantního obsahu. Nabízí tak potenciál pro rozpracování v různých prostředích a na různých platformách. 3 Sociální sítě a e mail V prostředí sociálních sítí se navrhované grafické řešení uplatní jednak jednotnou aplikací typografie a barevnosti grafických příspěvků. Aplikováním daných prvků lze velmi snadno vytvořit informační design s vizualizací vydaného obsahu k danému okamžiku. To může být spojeno i s prezentací konkrétní osobnosti moderátora. Podobnou formu informační grafiky lze v případě rozesílání zpravodajských shrnutí e mailovou korespondencí aplikovat i v jednotlivých odeslaných zprávách jako specifickou formu prezentace obsahu

32 Závěrem Modulární charakter navrhovaných grafických pravidel umožňuje funkčnost poměrně dynamického a proměnlivého vizuálního systému. Díky tomu lze jednotnou formou aplikovat definované grafické elementy napříč různými mediálními platformami. Nastavená pravidla nejsou na své konkrétní vizuální formě závislá a lze je transformovat a přizpůsobit jinému řešení. Tento základní navržený systém je tak možné dále detailněji rozpracovat do konkrétních podob pro specifické platformy a jejich požadavky. 32

33 33