Postup navrhovania 1 Návrh zavisí od FORMÁTU Proporcie formátu ovplyvňujú dizajn Postup navrhovania Návrh zavisí od MNOŽSTVA INFORMÁCIÍ 2 Čím je informácií (podklady ako napr. fotografie, texty a pod.) menej, tým je viac priestoru pre vizuálne zaujímavé riešenie Postup navrhovania Návrh zavisí od CIEĽOVEJ SKUPINY (účelu) 3 Na základe definovania účelu a cieľovej skupiny je možné určiť štýl typografie a spôsob jej spracovania (napr. použitie fotografie, ilustrácie a pod.) ako pracovať s písmom rôzne prístupy3 1 32 Fragmentácia písmových znakov 1 DAVID CARSON Jeho typickým rukopisom je práca s typografiou, ktorú rôznymi spôsobmi vrství a tým vytvára nové tvary, kompozície. David Carson http://www.davidcarsondesign.com 1 David Carson http://www.davidcarsondesign.com David Carson http://www.davidcarsondesign.com David Carson http://www.davidcarsondesign.com David Carson http://www.davidcarsondesign.com David Carson http://www.davidcarsondesign.com Využitie 3D efektov 2 HANSJE VAN HALEM Vytvára typografické plagáty. Využíva rôzne štruktúry, optické hry. Jednotlivé písmové znaky obkresľuje konkrétnou štruktúrou. Hansje van Halem www.hansje.net 2 Hansje van Halem www.hansje.net Hansje van Halem www.hansje.net Hansje van Halem www.hansje.net Hansje van Halem www.hansje.net Hansje van Halem www.hansje.net Hansje van Halem www.hansje.net Hansje van Halem www.hansje.net Hansje van Halem www.hansje.net Hansje van Halem www.hansje.net 3 Vytvorenie vlastného písma v spojení s fotografiou STEFAN SAGMEISTER Vytvára vlastnú „hand made" typografiu v priestore, ktorú prenáša na plagáty fotografiou. Stefan Sagmeister www.sagmeisterwalsh.com 3 Stefan Sagmeister www.sagmeisterwalsh.com Stefan Sagmeister www.sagmeisterwalsh.com Stefan Sagmeister www.sagmeisterwalsh.com Stefan Sagmeister www.sagmeisterwalsh.com Stefan Sagmeister www.sagmeisterwalsh.com Helvetica Arial ABCDEF GHIJKLM OPQRS TUVW XYZ ABCDEF GHIJKLM OPQRS TUVW XYZ ABCDEF GHIJKLM OPQRS TUVW XYZ ABCDEF GHIJKLM OPQRS TUVW XYZ HELVETICA ARIAL ABCDEF GHIJKLM OPQRS TUVW XYZ ABCDEF GHIJKLM OPQRS TUVW XYZ HELVETICA ARIAL GQRGQR HELVETICA ARIAL abcdef ghijklm opqrs tuvw yz abcdef ghijklm opqrs tuvw yz abcdef ghijklm opqrs tuvw yz abcdef ghijklm opqrs tuvw yz HELVETICA ARIAL abcdef ghijklm opqrs HELVETICA ARIAL abcdef ghijklm opqrs HELVETICA ARIAL arcftarcft a a a a HELVETICA ARIAL Helvetica 14 bod / 16 riadkovanie Arial 14 bod / 16 riadkovanie art Lici omnitiant qui sumquam faccus. Litatus pa volo mossuntet voluptas voloresequis soloreh enduntem. Udis solori si cum dolest quatem. Invendunt eliquatus etur, cus. Evendit remque sitatusae omnis recus. Fero tempe eum sa dollaboriae et utem. Il mo magnim quas min et pliquiam hilis ilis plant. Me quam idelissus et qui occaepr aeptas esciunt, idus quis ut doloremque experum voloren ditatia spelese magnim con es sitatiis ut quam quo odisquatur? Qui reribus es si arum doloritior rat ut laborpo reruptate porenie ndicaborro vero omnimpo ruptatur, te pore pa nis de lab id exernatem et plicte nihitatur, quas corem ad exerchil molecum consequassim recat od estis aut re rem corro veleste prerspeles sam facerspe verro consed ut mostrum facimi, que con rerum qui dit as vitas is necto es nonessime siminctum de nos eossequi sam ut magnati scipsam experibus sequam fugiam harciis rerum num reptatem si consene scipsam, conserovitat eos sit et dolorrum reriant iorrorem audi rem quatur? Quist et, vel eos vollignat. Iquae a dit volor aute volore dollist re autatibearci odis magnatem. Otatur rerchil idebit am exceatus sequunt. Metur, nonsedit laboribus rem sequam inctaquaecae nus sit magnis andandiatur, ipsundebis conse nem il molectist, vid mil et et ut quas ex est et libus adiatem poreptur, conseniae coribus ut ulla conet autemost. art Lici omnitiant qui sumquam faccus. Litatus pa volo mossuntet voluptas voloresequis soloreh enduntem. Udis solori si cum dolest quatem. Invendunt eliquatus etur, cus. Evendit remque sitatusae omnis recus. Fero tempe eum sa dollaboriae et utem. Il mo magnim quas min et pliquiam hilis ilis plant. Me quam idelissus et qui occaepr aeptas esciunt, idus quis ut doloremque experum voloren ditatia spelese magnim con es sitatiis ut quam quo odisquatur? Qui reribus es si arum doloritior rat ut laborpo reruptate porenie ndicaborro vero omnimpo ruptatur, te pore pa nis de lab id exernatem et plicte nihitatur, quas corem ad exerchil molecum consequassim recat od estis aut re rem corro veleste prerspeles sam facerspe verro consed ut mostrum facimi, que con rerum qui dit as vitas is necto es nonessime siminctum de nos eossequi sam ut magnati scipsam experibus sequam fugiam harciis rerum num reptatem si consene scipsam, conserovitat eos sit et dolorrum reriant iorrorem audi rem quatur? Quist et, vel eos vollignat. Iquae a dit volor aute volore dollist re autatibearci odis magnatem. Otatur rerchil idebit am exceatus sequunt. Metur, nonsedit laboribus rem sequam inctaquaecae nus sit magnis andandiatur, ipsundebis conse nem il molectist, vid mil et et ut quas ex est et libus adiatem poreptur, conseniae coribus ut ulla conet autemost. 1 2 Helvetica Helvetica Dizajnér: Alfred Hoffmann 1975 Eduard Hoffmann’s notebook documents the birth and early development of Neue Haas Grotesk and Helvetica. On this page from May 7th, 1957, he noted: “All characters: should be OK now” 1 Helvetica Písmová rodina Helvetica Rezy 1 Ukážky plagátov k 50. výročiu pre písmo Helvetica Použitie fotografie Použitie fotografie Použitie fotografie Použitie fotografie Helvetica Comic sans 15 nápadov ako pracovať s typografiou 1 Vrstvenie & text Vrstvenie Vrstvenie Vrstvenie Vrstvenie Vrstvenie Vrstvenie Vrstvenie Vrstvenie Vrstvenie Vrstvenie Max Huber Tieň & text 2 Tieň Tieň Rudi Meyer Telo & text 3 Telo Robet Brownjohn 1963 Telo Stefan Sagmeister Rozostrenie & text 4 Rozostrenie Rozostrenie Rozostrenie Rozostrenie Ralp Schraivogel Pohyb & text 5 Pohyb Rudi Meyer Pohyb Rudi Meyer Pohyb Pohyb Max Huber Pohyb Laszlo Moholy Nagy Koláž & text 6 Koláž Henryk Tomaszewski Koláž Koláž Ralp Schraivogel Koláž Obraz ako text 7 Typo obraz Typo obraz Typo obraz studio FM Milano Typo obraz Typo obraz Neville Brody Typo obraz Paul Bacon, 1960 Typo obraz Paul Bacon, 1960 Typo obraz Niklaus Troxler Typo obraz Wilsson, 1966 Dekonštrukcia textu 8 Dekonštrukcia David Carson Dekonštrukcia Dekonštrukcia Dekonštrukcia Katherine McCoy Dekonštrukcia Niklaus Troxler Foto ako text 9 Typo foto Typo foto Typo foto Typo foto Veľkosť & text 10 Veľkosť Veľkosť Veľkosť Veľkosť Veľkosť Veľkosť Veľkosť Neville Brody Veľkosť Rudi Meyer Veľkosť Veľkosť Rudi Meyer Farebný prechod & text 11 Farebný prechod Farebný prechod Farebný prechod Pattern & text 12 Pattern Pattern Pattern Pattern Pattern Marian Bantjes Pattern Ralp Schraivogel Pattern Diagonála & text 13 Diagonála Joost Schmidt Diagonála Roman Cieslewicz Diagonála Rudi Meyer Diagonála Diagonála Wladyslaw Pluta Priestor & text 14 Priestor Ralp Schraivogel Priestor Priestor Alan Flatcher Priestor Colin Forber, 1962 Priestor Rudi Meyer Priestor Rudi Meyer Priestor thonik.nl Mriežka & text 15 Mriežka Wim Crouwel Mriežka Mriežka Ralp Schraivogel Mriežka SÉRIA PLAGÁTOVBLA BLA BLA Séria plagátov SÉRIA PLAGÁTOV = je súbor minimálne dvoch plagátov, ktoré tematicky aj vizuálne spolu súvisia. 1 Rovnaký layout – Rôzne pozadia Layout zostáva pri všetkých plagátoch rovnaký, mení sa len pozadie/podklad. Podklad môže byť nejaká grafická štruktúra, fotografia a pod. Rovnaký layout, rôzne pozadia 1 2 Rovnaký layout – Rôzne grafické elementy Layout zostáva pri všetkých plagátoch rovnaký, menia sa len grafické elementy, prípadne zmena farby. Rovnaký layout, rôzne grafické elementy 2 Rovnaký layout, rôzne grafické elementy 2 Rovnaký layout, rôzne grafické elementy 2 Rovnaký layout, rôzne grafické elementy 2 Rovnaký layout, rôzne grafické elementy 2 3 Rôzny layout – Rovnaké grafické elementy Layout je variabilný. Sériu plagátov spájajú rovnaké grafické prvky ako napr. rovnaký typ a veľkosť písma, rovnaká farebnosť. Rôzny layout, rovnaké grafické elementy 3 Rôzny layout, rovnaké grafické elementy 3 Rovnaký princíp pri stavbe obrazu Sériu plagátov spája rovnaký charakter grafických elementov a ich princíp radenia/použitia. 4 Rovnaký princíp 4 Rovnaký princíp 4 Rovnaký princíp 4 Séria spojených plagátov Sériu plagátov spája rovnaký princíp, rovnaká kompozícia. Jednotlivé plagáty sú časťami celku a teda po spojení plagáty vytvárajú, napr. slovo. 5 Rovnaký princíp 5 Rovnaký princíp 5 Rovnaký princíp 5 Rovnaký princíp 5