https://historyoficons.com História digitálnych piktogramov Projekt piktogramy https://thenounproject.com – mapa – diagram – šípka – piktogram – návody Informačná grafika INFORMAČNÁ GRAFIKA Informačná grafika Dopravné značky – univerzálne symboly – konvecionalizované, dohodnuté symboly DOPRAVNÉ ZNAČKY Piktogramy a navigácia Dopravné značky Švajčiarske značky z r. 1932 Švajčiarske značky z r. 1932 Informačná grafika Dopravné značky Najstrajšie uzákonené značky v Československu v roku 1935 Staré dánske značky Konvencia: obrázok plotu sa používa výhradne so železničným priecestím nápis v miestno jazyku Informačná grafika Dopravné značky Protektorát 1939 Piktogramy a navigácia Dopravné značky Česká republika Nemecko – je síce bližšia ku skutočnosti, ale nezodpovedá zavedeným štandardom Piktogramy a navigácia Dopravné značky Ampelmann v Berlíne Viedeň Piktogramy a navigácia Dopravné značky Švédsko Austrália Namíbia Arabské krajiny Piktogramy a navigácia Dopravné značky Nemecko Dánsko Česká republika Piktogramy a navigácia Dopravné značky Česká republika Tex + symbol Piktogramy a navigácia Dopravné značky Veľká Británia Česká republika Nepál Piktogramy a navigácia Dopravné značky Veľká Británia Nemecko Holandsko Česká republika • univerzálne symboly • konvecionalizované dohodnuté symboly Piktogramy a navigácia Dopravné značky LotyšskoČeská republika SlovinskoFínsko RakúskoFrancúzsko PoľskoNemecko Piktogramy a navigácia Dopravné značky Nórsko Holandsko Maďarsko Informačná grafika Piktogram Piktogram je štylizovaný obraz reálného predmetu. Piktogramy, tak ako ďalšie prvky vizuálnych informačných systémov, sú druhy znakov, ktorými sa zaoberá vedný odbor semiotika. Semiotika – skúma vlastnosti znakov a znakových sústav, ktoré majú určitý význam. Semiotika je veda o znakoch a znakových systémoch. PIKTOGRAM q Postup navrhovania 1 ROVNAKÝ UHOL Ideálny spracovanie piktogramov je v 2D pohľade a teda objektov bez perspektívy. Všetky piktogramy musia byť v rovnakom uhle. 3D pohľad Postup navrhovania JEDNOTIACI PRVOK 2 Všetky piktogramy musia byť vizuálne jednotné a teda mať rovnaký štýl. Pravidlo, ktoré sa uplatní na jednom piktograme sa musí zopakovať na všetkých. Postup navrhovania ŠTYLIZÁCIA 3 Všetky symboly musia byť samé o sebe zrejmé. Samotná štylizácia by mala niesť také znaky objekty, aby bol rozpoznateľný. Postup navrhovania Eidetická redukcia je základnou technikou tvorby piktogramov. Eidetická redukcia je imaginatívna variácia, ktorej cieľom je dosiahnuť redukciu fenoménu k jeho podstate. Výsledná redukcia musí být čitateľná so zachováním základných znakov a proporcií. EIDETICKÁ REDUKCIA VIZUÁLNě INFORMAČ Eidetická redukce je stěžejní technikou tvorby piktogramů. EIDETICKÁ REDUKCE EIDETICKÁ REDUKCE JE IMAGINATIVNÍ VARIACE, JEJÍMž CÍLEM JE DOCÍLIT REDUKCE FENOMéNU K JEHO PODSTATě. Eidetická redukce je imaginativní variace, jejímž cílem je docílit redukce fenoménu k jeho podstatě. Výsledná redukce musí být čitelná – zachováním základních znaků a proporce. Komentář: Pablo Picasso: Býk (1936) (obrazový mater Postup navrhovania FARBA 4 Piktogramy sú nezávislé na farbe. Gerd Arntz 1 2 Postup navrhovania CHYBY ! jednotlivé piktogramy v sérii sú prepracované do rôznychh úrovní detailov – prvky série musía byť jednotné i v detaile zpracovania rôzne uhly pohľadov ukážky projektov3 1 32 ISOTYPE • 1935 vzniká vo Viedni nový piktografický jazyk ISOTYPE • bol inšpirovaný historickými vojenskými mapami • repezentuje modernistický model minimalizmu • funcionalizmus • univerzálnosť • neutralita • jednoduchý a abstrahovaný, opriera sa o Bauhaus. Isotype 1 International System Of TYpographic Picture Education ISOTYPE • nejde o zámenu textu obrazom • redukovanie konvecionalolizmu, napr. Európan číta informácie zľava doprava • ikonický systém môže byť čítaný internacionálne • vymenil klasické štýl zobrazovania za zrozumiteľný vizuálny jazyk, ktorý má striktné pravidlá pre vytváranie „vizuálnych textov“ Isotype www.gerdarntz.org Otto Neurath (1982 – 1945) 1 Definovanie umiestnenia panelov pre výstavu DEFINOVANIE UMIESTNENIA PANELOV PRE VÝSTAVU • výstava GeSolei v Düsseldorfe: návštevnosť bola 8 mil. ľudí prezentácia faktov s edukatívnym charakterom fakty napr. o populácii v Rakúsku, nehodách,... • vytvoril variabilný systém vystavovania, ktorý sa dá adaptovať do rôznych interiérov ISOTYPE Vytvoril okolo 4 000 piktogramov, používal techniku linorytu. Isotype www.gerdarntz.org Gerd Arntz (1982 – 1945) realizoval piktogramy 1 d Arntz Gerd Arntz Gerd Arntz Gerd Arntz Gerd Arntz Gerd Arntz Gerd Arntz Gerd Arntz Piktogramy v logách Súčasný dizajn využíva ako logo kompozíciu viacerých piktogramov. Piktogramy v logách VYUŽITIE PIKTORGAMOV V LOGÁCH 2 Piktogramy v logách Letisko Kolín nad Rýnom Piktogramy v logách Letisko Kolín nad Rýnom Piktogramy v logách Letisko Kolín nad Rýnom Piktogramy v logách Letisko Kolín nad Rýnom Piktogramy v logách Kotor Piktogramy v logách Kotor Piktogramy v logách Kotor Piktogramy v logách Kotor Piktogramy v logách Porto https://vimeo.com/109802441 Projekt legible cities Projekt zvnikol ako potreba riešenie navigačných systémov vo veľkých mestách (riešenie piktogramov, navigácie, máp). Projekty boli riešené napríklad v mestách vo Veľkej Británii ako Bristol, Londyn, Glasgow, Southampton, ... Legible cities Piktoramy a mestá PROJEKT LEGIBLE CITIES 2 Legible cities www.bristollegiblecity.info Legible cities www.bristollegiblecity.info štýl piktogramov Legible cities www.bristollegiblecity.info Legible cities Southampton Legible cities Southampton Legible cities Southampton štýl piktogramov Legible cities Southampton Projekt International Casa Taliansko Projekt International Casa Taliansko Ukážky rôznych piktogramov Ukážky piktogramy Ukážky piktogramy Ukážky piktogramy Ukážky piktogramy Olympiské hry, Rio, 2016 Ukážky piktogramy Olympiské hry, Londýn, 2012 Ukážky piktogramy Olympiské hry, Turin, 2006 Ukážky piktogramy Olympiské hry, Nagano, 1998 Ukážky piktogramy Olympiské hry, Lillehammer, 1994 Ukážky piktogramy Olympiské hry, Sarajevo, 1984 Ukážky piktogramy Olympiské hry, Moskva, 1980 Ukážky piktogramy Olympiské hry, Mníchov, 1972 Ukážky piktogramy Olympiské hry, Grenoble, 1968 Ukážky piktogramy Ukážky piktogramy Ukážky piktogramy Tomat design Ukážky piktogramy Tomat design Ukážky piktogramy Ukážky piktogramy www.grapheine.com Ukážky piktogramy Ukážky piktogramy Ukážky piktogramy Ukážky piktogramy Ukážky piktogramy Blank studio Ukážky piktogramy Blank studio Ukážky pikogramy Blank studio Ukážky pikogramy Blank studio Ukážky pikogramy Blank studio Ukážky pikogramy Blank studio Ukážky pikogramy Blank studio Ukážky pikogramy Blank studio Ukážky piktogramy Piktogramy a štýl Štýl využitie geometrických tvarov Štýl ručne kreslené Štýl využitie štruktúry Štýl využitie mriežky Štýl využitie siluety Olympiské hry Mexico, 1968 Štýl kombinácia siluety a lineárnej kresby Štýl ťahy štetca Štýl retro štýl Štýl lineárna kresba Štýl prekrývanie farieb Štýl 3D priestor Štýl flat design Štýl Pattern Zadanie PIKTOGRAMOVÁ RADA 1 Výber vhodných predlôh 2 Výber písma 3 Tvorba písmových rastrov a prefabrikátov 4 Analýza predlohy pomocou predlohy pomocou geometrických tvarov 5 Syntéza a typizácia podľa písmových rastrov 6 Varianty a výber definívnej podoby piktogramov 7 Aplikovanie piktogramov 8 Rozpohybovanie piktorgamov 9 Prezentácia piktogramovej rady Zadanie 6 / VÝBĚR DEFINITIVNÍ PODOBY PIKTOGRAMŮ Zadanie Ukážka 3 / TVORBA PÍSMOVÝCH RASTRŮ A PREFABRIKÁTŮ 4 / ANALÝZA PŘEDLOHY POMOCÍ PÍSMOVÝCH PREFABRIKÁTŮ A GEOMETRICKÝCH TVARŮ Zadanie Ukážka 6 / VARIANTY A TYPIZACE DLE PÍSMOVÝCH RASTRŮ 8 / PREZENTACE 8 / PREZENTACE Zadanie Ukážka Zadanie Ukážka www.grapheine.com Zadanie Ukážka www.grapheine.com Zadanie Ukážka www.grapheine.com