Top Banner
1 ARCULATTERVEZÉS AZ ÚJ MÉDIUMOKBAN
44

Arculattervezés az új médiumokban

Mar 01, 2016

Download

Documents

szakdolgozat, MOME, 2012
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Arculattervezés az új médiumokban

1

ARCULATTERVEZÉS AZ ÚJ MÉDIUMOKBAN

Page 2: Arculattervezés az új médiumokban

2

témavezetőBalla Dórakonzulens Babarczy EszterírtaBulyovszky Lillaszaktervezőgrafika MAkészültMOME, 2012

Page 3: Arculattervezés az új médiumokban

3

tartalom

ÚJ MÉDIUMOK MEGJELENÉSE 04

Hagyományos utak az arculattervezésben 05

Új tendenciák az arculattervezésben 06

Személyre szabhatóság, perszonalizáció 08

MI A DINAMIKUS ARCULAT? 10

ESETTANULMÁNYOK 12

Statikusan változó arculatok 13

Maszk és sablon alapú 14

A logó, mint sablon 14

A logotípia, mint maszk 16

Rendszer alapú 18

Eszköztár 18

Tartalomhoz igazodó 20

Generatív arculatok 22

Véletlenszerűen generált 24

Változó tipográfia 24

Eszköztár 26

Kétdimenziós transzformáció 28

Háromdimenziós transzformáció 30

Direkt generált 32

Megadott adatok alapján 32

Aktuális adatok alapján 34

ÖSSZEGZÉS & DINAMIKUS ARCULATOK JÖVŐJE 36

BIBLIOGRÁFIA & KÉPJEGYZÉK 38

A DOLGOZATBAN SZEREPLŐ ARCULATOK 42

JEGYZÉKE

Page 4: Arculattervezés az új médiumokban

4

ÚJ MÉDIUMOK MEGJELENÉSE

Page 5: Arculattervezés az új médiumokban

5

Az információs társadalom korában élünk. A technológia

segítségével létrejött új médiumok által könnyen kapcso-

latot teremthetnek egymással az emberek, és ezt a folya-

matot az internet megjelenése és elterjedése felerősítette.

A világhálón könnyen elérhető adatok sokasága a társa-

dalomban kulturális változások folyamatát indította meg.

Mivel az információ terjedésének nincsenek határai, ezért

egy globális világkép van kialakulóban.

A XX. század egyik híres médiaelméleti gondolkodója,

Marshall McLuhan szerint a társadalom az elektronikus

eszközök megjelenésével az ún. globális falu korszaká-

ba lépett. Ezt a filozófus és tudós által meghatározott két

másik korszak előzte meg, először a törzs világa, ahol az

antiindividualizmus dominált, majd a Gutenberg-galaxis,

amit a vizualitás előtérbe helyeződése és az egyén kívülál-

lósága jellemzett. McLuhan szerint ez a folyamat a globális

falu korszakával újra a közösségi lét felé fordul, ahol min-

denki részt vehet a másik életében és felélednek a törzsi

világ érzelmei.

Bár McLuhan korában a technika még nem volt ennyire

fejlett, és csak egy kis töredékét ismerhette azoknak a mé-

diumoknak, amelyek ma léteznek, mégis jóslata beigazo-

lódni látszik. A globális falu létrejövetelére az internet biz-

tosít közeget, ami mára vezető médiummá vált, azáltal,

hogy integrálja a tömegkommunikációs és információs

rendszereket. A globális kommunikáció eredményeképp

egy hálózati társadalom van kialakulóban. Mindennapjaink

részévé váltak többek között a blogok, a közösségi oldalak

és videó portálok, valamint a nyílt forráskódú szoftverek.

Hamarosan pedig megjelenik a web 3.0, azaz a szemanti-

kus világháló, aminek középpontjában a személyre szabha-

tóság áll. Megjelenik az intelligens keresés, és a netes visel-

kedés alapú reklám, valamint a perszonalizált, dinamikus

tartalom.

Az új médiumok térhódítása sok változást hozott, többek

között a grafikai tervezésben is, amiben a múlt századig a

nyomtatott hordozók domináltak. A hagyományos tervezés-

nek azonban fontos szerepe van manapság is, hiszen az új

médiumokban történő tervezés azonos alapokon nyugszik.

Hagyományos utak az arculattervezésbenA XX. században a tervezőgrafika egyik hangsúlyos ágazata

az arculattervezés, ami eleinte elsősorban kereskedelmi

szempontokat elégített ki. Az a feladata, hogy egy vállat

befelé és kifelé irányuló magatartását a vizualitásban kom-

munikálja.

A vizuális megjelenés a vállalati arculat része, aminek

többféle szerepe van:

1. azonosít és megkülönböztet

2. minősít

3. gazdaságos

4. szolgáltatás minőségét is meghatározza1

Ezeket az elveket kell követni a cég arculati összetevőiben,

így a formai megjelenés során is. A klasszikus arculatter-

vezés alapját jelentő logó elsősorban azonosít és megkü-

lönböztet. Ez az elem az arculattervezés alapja, ez jön létre

elsőnek, és ez határozza meg a vizuális identitás további

alkotórészeinek megjelenését, mint a formáját vagy a

színét.

A logó tehát szimbolikus grafikai ábrázolás, ami az arculat

egészét esszenciálisan képviseli. Mivel fontos, hogy kifejez-

ze a cég, szervezet vagy termék értékeit és kultúráját, ezért

hagyományosan egyértelműnek és egyszerűnek kell lennie,

hogy könnyen azonosítható legyen. Az ábrázolás szem-

pontjából lehet figuratív és non-figuratív is. A nyomtatott

felületeken való megjelenés miatt az is fontos tervezési

szempont, hogy feketében és színesben, valamint kis- és

nagy méretben is használható legyen.

A logó, névjegykártya, levélpapír, boríték együttese az ún.

kisarculat, a többi elem pedig a nagyarculathoz tartozik.

Ezeket az alkotórészeket és a hozzájuk kapcsolódó haszná-

lati kikötéseket hagyományosan az arculati kézikönyvben

foglalják össze, tehát rögzítik azokat a szabályszerűsége-

ket, ami alapján a későbbiek során további arculati eleme-

ket állíthatnak elő, úgy hogy a megjelenés egységes marad.

1 www.logoterv.hu/magyar/oldalak/az_arculat alapján

Page 6: Arculattervezés az új médiumokban

6

Új tendenciák az arculattervezésbenAz arculattervezés folyamata az évek során gyakorlattá

vált, de pár évtizedes története alatt többször volt rá példa,

hogy a technikai újítások adta lehetőségek miatt újraírta

magát. A televízió, a számítógép, a különböző software-ek,

és az internet megjelenése és elterjedése ugyanis új alter-

natívákat kínált a tervezők számára.

A technológiai innováció vívmányai azonban csak eszközei

voltak annak, hogy az új igényeket kielégítsék. A rugalmas

arculatok olyan szereplők körében jelentek meg, akiknek az

elképzeléseit a nem lehetett statikus arculattal megvaló-

sítani. A dinamikus arculatok lehetőséget adtak arra, hogy

a logó alkalmazkodjon a vállalat formálódásához, és ne

csupán örökérvényű esszenciális jel legyen. Így alakult ki ez

a fajta vizuális rendszer, ami változatos és kreatív, és vala-

milyen módon eltér az eddigi gyakorlattól.

Az első ilyen újító törekvések először Nyugat-Európában

bukkantak fel, ahogy a Hadfields vagy a Priba eseteiben is

láthatók. Ezek konceptuálisan megteremtették a változó

logók alapját, és egyúttal az alternatívát arra, hogy egy vál-

lalat vizuális identitása ne csupán egy statikus rendszerből

álljon.

A Hadfields angol festékgyártó vállalat arculatát 1967-ben

tervezte Michael Wolff, a Wolff Olins egyik alapítója. A cég

termékein és az arculat elemein egy rókát láthatunk, ami a

vállalatot képviseli. Az állat a hordozókon mindig máshogy

jelenik meg, mintha egy animációs film egyes képkockáit

látnánk, ezáltal változatossá teszi a termékek külalakját.

A stúdió későbbi munkássága során is többször tervez a

dinamikus arculatot, így a dolgozat során többször szóba

kerül majd.

A Priba design-ja 1973-ban született Belgiumban, rendkívül

egyszerű elképzelés alapján. A felirat tömör betűkből állt,

és konstans keretet biztosított a benne megjelenő, külön-

böző képeknek. A belga áruházlánc így minden egyes osz-

tályán más tartalommal tölthette meg a logót, ami így egy-

fajta információs rendszerként tudott működni az üzleten

belül.

A fejlődő technológia által olyan új médiumok jelentek

meg, amelyek még jobb táptalajt biztosítottak az új ar-

culattervezési tendenciának. Jó példa erre a Nickelodeon

design-ja, amit a filmek hazájában, Amerikában tervezett

Tom Corey és Scott Nash a 1980-as évek közepén. A logó

a televízió-történelem egyik legsokoldalúbb szimbóluma

lett. Rajzfilmcsatornaként törekedtek arra, hogy játékos

és izgalmas legyen az arculat, és erre a tévé tökéletes köz-

vetítőnek bizonyult. Az emblémát két részre osztották. A

felső rétege a „Nickelodeon” szó, ami statikusan, fehér be-

tűkkel íródik ki. Mögötte pedig egy folyamatosan változó,

narancssárga forma található, ami mindig más alakot ölt,

ezáltal tükrözi a csatorna spontaneitását és kreativitását.

Dinamikus arculatokat a 1990-es évek közepétől egyre sű-

rűbben kezdtek el tervezni, főként Nyugat-Európában és

az Egyesült Államokban. Az ezredforduló környékén több

olyan vizuális identitás készült, amely alapja egy logó gene-

ráló szoftver, ahogy a Danish Film Instititute arculatánál is.

A Dán Filmintézet négy szervezet fúziójából jött létre, amik

nagyon különbözőek voltak. Ezt az eltérést és sokféleséget

szerették volna kiemelni a tervezők az arculat megalkotá-

sakor. A logó gyakorlatilag mozgásszimulációk sorozata,

így a képek váltakozása a filmet idézi. 2000-ben, a Danish

Design Award-on ezt a projektet találták a legjobbnak.

Az új médiumoknak egyre jelentősebb szerepe miatt a

designernek is törekednie kell arra, hogy munkái során

olyan rendszereket hozzon létre, amelyek alkalmazkodni

tudnak ehhez a változékony világhoz, és akár képesek le-

gyenek együtt fejlődni vele.

A tervezőgrafika új tendenciáit jellemzi, hogy egyre hang-

súlyosabbá válik, hogy a technikai fejlődést követve, kü-

lönböző területeken dolgozó szakemberek összefogásával

szülessenek új projektek. Az ilyenformán létrejövő inter-

diszciplináris munkák tükrözik azt a szellemiséget, amit a

web által kialakult hálózati társadalom képvisel. Minden

tudás elérhetővé és kombinálhatóvá válik, és ennek a fúzi-

ónak az eredményeként születnek meg az új médiumok.

A közösen létrehozott munka a kortárs tervezőgrafika

egyik legfontosabb jellemzője lett, és nemcsak a tudomá-

nyok bevonása által, hanem szakmán belül is. A számító-

gépes programok létrehozása például egyre elterjedtebb

eszközt jelent a designereknek, amiknél sok esetben nyílt

forráskódot használnak. Ez azt jelenti, hogy a többi tervező

számára elérhetővé válik a program felépítése, amiből ta-

nulhat, esetleg felhasználhat részleteket, de mindenkép-

pen hasznosítani tudja azt.

Page 7: Arculattervezés az új médiumokban

015

001

004

003

010009

011 012

005

006

007

018016 017

002

008

014013

Page 8: Arculattervezés az új médiumokban

8

Személyre szabható-ság, perszonalizációA számítógép és az internet nyújtotta technikai lehető-

ségek hangsúlyossá vált a naprakészség, a folyamatosan

frissülő tartalmak nyomon követhetősége. Az információk

sokasága azonban szükségszerűvé teszi, hogy ezt valami-

féleképpen megszűrjük, rendszerezzük. Így kerül a képbe

a személyre szabhatóság, vagy marketinges kifejezéssel

a perszonalizáció, amit az elektronikus kereskedelemmel

kapcsolatban használnak. Ez egy olyan jelenség, amely le-

hetőséget biztosít arra, hogy az embert körülvevő adatok

sokaságát a felhasználó saját szempontjai szerint szűrhes-

se meg. Több médiumban is láthatunk rá példát, legtöbb

esetben azonban a weblapokon találkozunk vele.

Elsősorban a vállalati oldalakon alkalmazzák. A fejlesz-

tők idővel rájöttek arra, hogy nincs átlagos látogatói igény,

mindenkinek speciális tartalmi és formai elvárásai vannak.

Ezért kiépítettek egy olyan rendszert, amelynek segítsé-

gével testre szabható lehet az oldal regisztráció ellenében

– ami az adatbázist biztosítja. A perszonalizáció során az

ember saját elképzelései alapján állíthatja be, hogy például

milyen legyen az oldal tartalmi és vizuális elrendezése.

Azonban többféle módja van annak, hogy egy weboldal

személyre szabható legyen, hiszen a perszonalizáció tör-

ténhet megadott adatok alapján, amikor a vevő direkt in-

formációkat ad magáról, vagy automatikusan, amikor pedig

az oldalon való tevékenységekből kiindulva számítógépes

szűrők preferenciákat állítanak fel– például az internetes

könyvesboltokban, amikor a kiválasztott tartalmak szerint

ajánlanak további olvasnivalókat. E két módszer együttes

alkalmazását tartják a legcélravezetőbbnek.

A digitális médiában is a felhasználó adatai alapján szabják

személyre az adott alkalmazásokat. A mobiltelefonok be-

állítható csengőhangjai és háttérképei a testre szabható

kezelői felület részei, amelyek elősegítik a hatékony hasz-

nálatot, növelik a felhasználók komfortérzetét, és csökken-

tik a betanulási időt.2

Az elektronikus média segítségével a nyomtatott felülete-

ken is fellelhető a direkt marketing3. Az ún. VDP (Variable

Data Printing4) lehetőséget nyújt arra, hogy a nyomtatás-

ban személyre szabott, dinamikus tartalommal rendelkező

kiadványokat juttathassanak el a célközönséghez.

A dinamikus arculatok esetében is fontos szerepe van a

perszonalizációnak, hiszen ez az egyik oka annak, hogy

mára ilyen széles körben elterjedtek. Hatására az újfajta vi-

zuális identitásokban hangsúlyosabbá vált az egyediség és

a változatosság, és ez a dinamikus logókban is megjelenik.

2 Wikipedia alapján3 „Valamely reklámeszköz felhasználásával a megcélzott személyekkel történő közvetlen (direkt) kapcsolatfelvételre és (marketing) kommuni- kációra törekszik.” - Wikipedia alapján4 változó adat nyomtatás

Page 9: Arculattervezés az új médiumokban

019

Page 10: Arculattervezés az új médiumokban

10

MI A DINAMIKUS ARCULAT?

Page 11: Arculattervezés az új médiumokban

11

Angolul flexibilis arculatként is emlegetik változatossága

miatt. Az ideális vagy szimbolikus jelekkel ellentétben a

dinamikus arculat tartalmát mindig az aktuális kontextus

határozza meg. Az így megszülető logó egyszerre hordozza

magában a jelentést és a koncepciót, valamint egy komplex

érzetet, ami azt sugallja, hogy az arculat meglepő, sokszí-

nű és aktuális. Ezért mindig az egyediség és az eredetiség a

legfontosabb üzenete.

Alapját az adja, hogy egy központi gondolat köré rendszert

teremtenek, ami meghatározza, hogy a logó milyen elemei

és hogyan variálódhatnak. Változó aspektus lehet a logó

színe, tónusa, mérete, perspektívája, elemeinek aránya

vagy absztrakciójának mértéke. Ezek a tényezők szabják

meg az arculat karakterisztikáját.

Ellenvetések is felmerülnek a változó arculatokkal

szemben. Elsősorban azt tartják hibájuknak, hogy válto-

zékonyságuk zavarja az összeegyeztethetőséget. Egy jól

megszerkesztett és átgondolt identitás esetében azonban

nem lehet szó ilyesmiről, ugyanis a koncepció az elsődleges

asszociációra épít. A változó szituációkhoz könnyen alkal-

mazkodik az ember. Ez tudományosan is alátámasztható a

Gestalt-pszichológia alapelveivel, azon belül is az egyik ún.

perceptuális egységgel, a hasonlóság elvével. Eszerint haj-

lamosak vagyunk egy csoportba sorolni a hasonló eleme-

ket, például fényesség, méret vagy irányultság alapján.

A dinamikus arculatok három lépésben alakulnak ki:

1. szervezeti analízis

2. konstans és változó elemek létrehozása

3. konkrét végeredmény, ahol szituáció alapú variációk jönnek létre5

Először tehát fontos, hogy megfogalmazódjon a vizuá-

lis identitás alapja, ami ideális esetben a megrendelő és

a designer együttműködésével jön létre. Ez biztosítja a

szükséges tartalmi szempontok megszületését. Ilyenkor a

megrendelő megállapít a vállalatra jellemző alapelveket és

tulajdonságokat, amiből kiindulva a tervező megalkotja a

logót, melynek variációi sokféleképpen feltűnhetnek.

Lényeges, hogy konstans helyett egy olyan jel jöjjön létre,

ami dinamikusan igazodik az aktuális tartalomhoz. Ezért a

tervezés során a designer eldönti, hogy formailag és tartal-

milag milyen vizuális elemeket fog használni, majd meg-

határozza, hogy azok milyen szabályok szerint variálódnak.

Csakúgy, mint a statikus arculatok tervezésekor, itt is fontos,

hogy az embléma olyan asszociációkat keltsen, amik össze-

egyeztethetők az első lépésben megfogalmazott elvekkel.

A központi gondolatot az alaptémák specifikus használata

reprezentálja. A szabályrendszer a változó elemek változá-

sát határozza meg, ezáltal koherenciát teremt. A logó a kö-

vetkező komponensekből állhat:

A: statikus elemek – mindig adott helyen, változatlanul jelennek megB: konstans elemek mozgásban – mindig más helyen, de változatlanul jelennek megC: variálódó elemek – statikus elemek váltakozása D: transzformálódó elemek – mindig adott helyen jelennek meg, és változnak

Ennek négy, illetve három eleme egyszerre nem lehet része

az emblémának. Egyedül is képezhet logót B (például a

Secca arculat mozgó betűi – lásd 24-25. o.), vagy D (például

a Tate arculat logotípiája, ami mindig más effekteket ölt

magára – lásd 24-25. o.). Nem állhat magában A, hiszen

akkor statikus arculatról beszélnénk, és C, mivel abban az

esetben a logó nem lenne beazonosítható. Amennyiben két

elemből áll a logó, akkor mindig A az egyik komponens. Így

három kombinációval találkozhatunk: A+B-vel (például a

Belmatz arculat – lásd 24-25. o.), A+C-vel (például a MAD

arculat – lásd 14-15. o.) valamint A+D-vel (például az Expo

2000 Hannover arculat – lásd 30-31. o.).

A statikus arculatok estében a tervezés hasonlóan zajlik.

Elsősorban abban rejlik a különbség, hogy a két metódus

gondolati alapja eltér egymástól. A hagyományos logók a

tervezéskori cégfilozófiát fejezik ki esszenciálisan, ezért a

későbbiek során nem mindig tudják követni az esetleges

változásokat. Ezért annak érdekében, hogy a céget kép-

viselni tudják időnként fel szokták frissíteni őket – mint

ahogy a legtöbb nagyvállalat példájában láthatjuk (Apple,

Coca Cola, Nike). Itt azonban fontos megjegyezni, hogy az

arculattervezés új tendenciái nem minden esetben alkal-

masak a megrendelők számára. Ha például az állandóság

és a megbízhatóság fogalmazódik meg az első fázisban,

mint irányadó elv, akkor valószínűleg a statikus arculatot

kell készíteni, ami jobban kifejezi ezeket a tulajdonságokat.

A dinamikus arculat tehát inkább azok számára előnyös,

akik számára fontos a változatosság. Nem csoda, hogy leg-

inkább a kulturális szervezetek és a közintézmények, vala-

mint a fesztiválok és időszakos rendezvények körében nép-

szerű az efféle vizuális identitás, hiszen játékos és kreatív,

mert újra és újra átalakul. Ezek mellett egyedi, hiszen nem,

vagy csak ritkán ismétli meg önmagát.

5 Ulrike Felsing, Design2context: Dynamic Identities in Cultural and Public Contexts alapján

Page 12: Arculattervezés az új médiumokban

12

ESETTANULMÁNYOK

Page 13: Arculattervezés az új médiumokban

13

Statikusan változó arculatokEbben a fejezetben olyan arculatokról van szó, amelyeket

úgy hoznak létre, hogy a tervező először meghatároz egy

szabályrendszert, ami alapján a továbbiakban változó tar-

talmakkal dolgozhat, miközben az arculat egységes marad.

A változó tartalmak biztosítják, hogy az arculat izgalmas és

változatos legyen. Ezek a variációk azonban nem számító-

géppel generáltak, hanem a tervezőgrafikus produktumai.

Bizonyos esetekben a változatok bővítésére van szükség,

de ehhez már nem kell feltétlenül a tervezőt újra megbíz-

ni ezek létrehozásával, mert egy jó konstrukciónál sokszor

elég egy grafikus operátor munkája is.

A statikusan változó arculatoknak két típusát különböztet-

tem meg: a maszk és sablon, valamint a rendszer alapút.

Az előbbi a szervezet vagy vállalat által közvetíteni kívánt

hangulatot, vagy konkrét tartalmat jeleníti meg, míg az

utóbbi esetben egy szabályrendszer létrehozásáról van szó,

amihez az arculat elemeit különböző módokon lehet illesz-

teni.

Page 14: Arculattervezés az új médiumokban

14

Maszk és sablon alapú

A logó, mint sablon

A következő logókat az jellemzi, hogy állandó elemei kö-

rülhatárolnak egy területet, amiken belül megjelennek a

változó tartalmak. Egy korai példa erre a 2000 en France

millenniumi rendezvénysorozat arculata. Az esemény or-

szágszerte megrendezésre került, és sokszínű programok-

kal, többek között előadásokkal várták az érdeklődőket.

Ezeket a színes programokat kívánták egy egységes arculat

alá vonni, de mégis kifejezni a sokféleségüket. Így született

meg az az ötlet az Integal Ruedi Baur et associés-nél, hogy

a témák diverzitása változó tartalomként jelenjen meg egy

kereten belül. A keret pedig maga a logó, ami a földgolyót

jelképező körből, és a körülötte örvényszerűen kavargó szö-

vegekből áll, amik reprezentálják a minket körülvevő infor-

mációáradatot. Azonban csak a „2000 en France” felirat

állandó, a többi szöveg változik, sőt, még a betűtípus sem

mindig ugyanaz, ugyanis a Meta és az Officina különböző

fokozatai váltakoznak benne. Olyan esetekben, amikor a

logót nem specifikusan használják, a szövegeket vonalak

helyettesítik.

A sablon biztosítja a beazonosíthatóságot, és keretet ad a

tervezők határtalan ötleteinek. A kulturális intézmények

esetében ráadásul közvetítheti az éppen aktuális progra-

mot, például egy képzőművészeti kiállítás műtárgyairól

fotókat mutathat be, ezáltal is felkeltve az érdeklődést.

Több híres design stúdió is tervezett ilyen arculatot múze-

umoknak, mint például a Wolff Olins a New Museum, vagy

a Pentagram a Museum of Art and Design (MAD) részére.

Mindkét esetben a logót a múzeum épülete ihlette, a New

Museum-é konkrétan azt is ábrázolja. A MAD logotípia

viszont csupán geometrikusságában tükrözi az objektum

formáit. A múzeum számára tervezett font körből és négy-

szögből építkezik. A betűk egyszerű és tömör alakja lehető-

vé teszi, hogy a logó alkalmazkodjon a múzeumban kiállító

művészek stílusához, vagy kimondottan a munkáikhoz.

Ezt kihasználva az utcán interaktív felületekkel hirdetik

magukat, hogy a közönséget tájékoztassák a múzeumban

zajló kiállításokról, és egyben felkeltsék az érdeklődést.

A városi arculatok tervezésébe is beleillik a variabilitás filo-

zófiája. Különösképpen olyan metropoliszoknál, mint New

York. A NYC logó – ami szintén a Wolff Olinstól származik

– a város pezsgését és sokszínűségét idézi, utalva az ott élő

több mint nyolcmillió emberre, akik kulturálisan, ideológia-

ilag és életmódjukat tekintve is különböznek egymástól.

A logó többféleképpen is megjelenhet. Van állandó változa-

ta, amikor a sablon „üres”, csupán egy színnel van kitöltve

(az arculatban meghatározzák, hogy milyen színkódokat

lehet használni), és számtalan olyan verzió van, amelyek-

ben a sablon mögött képek találhatók, amik lehetnek han-

gulatfotók, vagy akár konkrét eseményekkel kapcsolatos

ábrák is (lásd 034. ábra).

Melbourne vizuális identitása is azt az asszociációt kívánja

kelteni, hogy a város sokszínű és változatos, ezért a logó

mintázata is sokféle. Jellemzően élénk színek jelennek meg

benne, és az összes változat geometrikus motívumokból

épül fel. Az arculat többi felhasználása ezeknek a minták-

nak a rendszerét követi, és elemeit játékosan használja fel.

Az ausztrál székhelyű Landor által újratervezett arculat

célja az egységes, rugalmas és jövőorientált városkép ki-

alakítása mellett az volt, hogy megjelenése a különböző

médiumokban kreatív és költséghatékony legyen. A design

sikeres lett, ezt bizonyítja, hogy elnyerte az ADGA6 Biennále

2010-es, és a Graphis Design 2011-es díját is.

6 Australian Graphic Design Association

Page 15: Arculattervezés az új médiumokban

020

021

030

025

033031

032

042

043041 044 045

037034 038-039 040

028 029027026

035

036

022 024023

Page 16: Arculattervezés az új médiumokban

16

A logotípia, mint maszk

Ezek az arculatok általában úgy épülnek fel, hogy egy

változó kép előtt statikusan áll a logotípia, ami úgy

működik, mint egy maszk, hiszen azáltal lehet elolvasni,

hogy a grafikából kitakar egy részt. A bevezetőben bemu-

tatott Nickelodeon arculatánál is ezt a metódust alkal-

mazták, ami reprezentálta a színes és játékos műsort, ki-

használva a televízió adta lehetőségeket. Ugyanígy tesz a

EO tévécsatorna, a holland evangélikus műsorszolgáltató,

akik azért kérték fel a holland grafikai stúdiót, a Lava-t az

arculatuk felújítására, mert megakarták célozni a fiata-

labb korosztályt is. A fehér „EO” felirat a csatorna eredeti

emblémája, emögött váltakoznak az egyszerű, szimboli-

kus formák. Így a régi és új logó együttes használata jelké-

pezi, hogy a hagyományok és a fiatalság együtt is tudnak

működni. Az arculat egyszerűsége és változatossága az

EO által szervezett ifjúsági nap design-ját is jellemezte, és

minden kétséget kizáróan el is érte a célját, hiszen az ese-

ményre több mint húszezer ember volt kíváncsi.

A Wolff Olins által tervezett American Online új arculata

is sikeresnek mondható, hiszen számos rangos elismerést

elnyertek vele, többek között a Cannes Lions és az AIGA7

díjait. Az arculat újratervezésekor az volt a cél, hogy méltó

legyen a megjelenésük egy 21. századi média vállalathoz. A

Wolff Olins koncepciója egyszerű volt: fehér háttér előtt áll

a fehér „Aol.” logotípia, amit csak akkor láthatunk, amikor

a tartalom (kép) mögé kerül. Ez a filozófia egyértelmű és

lényegretörő, ugyanakkor képviseli a médiavállalat krea-

tivitását és eredetiségét. A háttérben változó tartalmak a

különböző művészekkel való együttműködés során jönnek

létre, akik a filmesektől és animátoroktól elkezdve, illuszt-

rátorokon át a fotósokig mindenféle művészeti ágból kép-

viseltetik magukat. Mivel folyamatosan születnek új képek,

ezért az Aol design-ja mindig frissességet sugall.

7 American Institute of Graphic Arts

Page 17: Arculattervezés az új médiumokban

046

047

050

051 052

049048

059

054 055

057

053

056 058

Page 18: Arculattervezés az új médiumokban

18

Rendszer alapú

Eszköztár

Az ilyen típusú arculatok tervezésekor két fontos felada-

ta van a designernek. Egyrészt meg kell alkotnia a grafikai

elemeket, amik az arculat alapját adják, azután pedig meg

kell határoznia egy rendszert, amihez ezek az alkotóré-

szek alkalmazkodnak. Ezen az elven született a Rotterdam

2001 vizuális identitása, ami arra az alkalomra készült,

hogy a város elnyerte az Európa kulturális fővárosa címet.

Ebben az esetben a logó és az arculati elemek állandó-

ak, ami változó, az a rendszeren belüli elhelyezkedésük. A

formák, amelyből az arculat építkezik tradicionálisak (kör

és négyzet), a megjelenés azonban rendhagyó, és egy rács-

szerkezeten alapszik. A Mervis & van Densen dolgozta ki

a design-t, azonban a további változatokért már nem ők

voltak a felelősek, így azt több más grafikusra bízták rá,

mégis, a lefektetett szabályok miatt – amiben rögzítették

a használható formákat és színeket, valamint megalkották

a rácsszerkezetet – az arculat egységes maradt. A megje-

lenés tükrözi az arculat célját, ami promotálni kívánja a vá-

rosban található sokszínű kulturális lehetőségeket a láto-

gatóknak és a lakosságnak egyaránt.

Az Impakt fesztivál 2008-as arculatának variálódó ele-

meinek számos változata van, ami tükrözi az esemény

témáját, ami az adott az évben a „politikai és szociális

határok a web 2.0 társadalmában”8 volt. A designért felelős

Lava ezért egy különös világot hozott létre, amelyben al-

teregók alkotják az Impakt közösségét, amiket geometri-

kus formákból építkező maszkok képviselnek. A képmások

az online és offline felületeken játékosan jelennek meg,

például az eseményt hirdető plakátokon az emberek feje

elé helyezik őket (lásd 069, 070, 071, 073, 074, 077. ábra).

Egy fiatalok számára kialakított étterem és klub, a Circus

arculatát a Mind design, angol stúdió készítette el. A

logónak összesen hat változata van, az arculat azonban

sok stílust foglal magába – többek között a szürrealizmust

és az art decot – és ez adja a varázslatosságát. A szürke-

ezüst-kék színvilág, a teli és a különböző módon csíkozott

háromszögek, valamint az Alice csodaországban c. művet

idéző illusztrációkból különleges hangulatú vizuális világot

alkottak.

8 Political and social boundaries in society 2.0

Page 19: Arculattervezés az új médiumokban

060

062

063

068066

072

077

069

067 076

064 065

070 071

074073 075 078

061

087086

083

085

084

081

082

080079

Page 20: Arculattervezés az új médiumokban

20

Tartalomhoz igazodó

Ez a kategória annyiban tér el az előzőtől, hogy az eszköz-

tárból olyan elemeket emel ki, amelyek az adott tartalom-

hoz illenek, így ez egy fokkal összetettebb szisztéma. Az

Intégral Ruedi Baur et associés által tervezett Köln-Bonn

reptér arculata és információs rendszerének tervezésekor

fontos szempont volt az egyszerűség és a beazonosítha-

tóság, hiszen az egész intézmény vizuális kommunikáci-

óját ez határozza meg. A repterekre jellemző információs

rendszerekből kiindulva felkérték az Atelier Norm-ot, hogy

alkossanak meg egy fontot, ami piktogramokból és emberi

sziluettekből áll (SimpleKölnBonnSymbols), valamint ké-

szítsen el egy másik, egyszerű betűtípust, amit ezen a

gyors, vizualitáson alapuló tájékoztatáson túl használnak

(SimpleKölnBonn). A szimbólumokat a reptér kommuniká-

ciós részlege rakja össze az adott kontextushoz alkalmaz-

kodva, és az arculatban meghatározott színekkel (narancs,

sárga, zöld, kék, szürke, fekete), vagy azok kombinációival

töltik ki őket. Így a variációktól függően mindig más-más

jelentése lesz a jelképeknek.

Az Intégral Ruedi Baur et associés munkája a Cinémathèque

française vizuális identitása is. Az elsősorban régi filmek

megőrzését célul kitűző párizsi filmintézet 2005-ben új

épületbe költözött, aminek homlokzatára reagálva szü-

letett meg az új arculat. A torz, elmozdult geometrikus

elemek ihlette logó azonban csak a kiindulópont volt, mert

a végeredményben látható fényes, elmosódott szélű, egy-

másra „vetített” lapok a mozivásznat juttatják eszünk-

be. A vetített kép mindig átalakul azáltal, hogy a „vetítők”

helye folyamatosan megváltozik – akár átvitt értelemben a

logóban, akár ténylegesen, az intézet belterében installá-

cióként. Az épületben a projektorok fényében megjelennek

például régi filmek képei, vagy az eligazodást segítő felira-

tok, de ezek is mindig valamilyen mértékben torzulva.

Szemiotikailag elemzi a tartalmat a Clear Village arcula-

ti rendszere. Az alapítvány a Földköz-tenger térségének

megmentése érdekében különböző szakembereket foglal-

koztat. Ezt az együttműködésen alapuló munkamódszert

jeleníti meg a jelek sokasága, amit a Lava hozott létre a

szervezet számára. Ezeknek a szimbólumoknak a segítsé-

gével megjelölhetik a cikkek és a különböző tartalmak te-

matikáját (ahogy a 097. ábrán láthatjuk), vagyis valamilyen

szinten szövegvizualizációról van szó.

A Neolab arculatában megjelenő állatkák – akik egyébként

ez esetben a változó tartalmat jelentik – az előző két pél-

dával ellentétben nem direkt módon jelentéshordozóak,

hanem leginkább úgy, mint egy La Fontaine mese szerep-

lői. A hibrid élőlények az informatikai cég tevékenységére

utalnak – a technológiák és üzleti rendszerek összekapcso-

lására –, és attól függően jönnek létre, hogy milyen tulaj-

donságukat szeretnék kiemelni, tehát például a galamb és

a gepárd a borítékon a postai szolgáltatásra és a gyorsaság-

ra utal9. Ezen kívül az állatok képe balról jobbra pixelekké

alakul, ami sugallja, hogy a vállalat weboldalakkal és webes

alkalmazásokkal is foglalkozik.

Ebben a kategóriában már felfedezhetőek olyan törek-

vések, amik közel állnak a generatív arculatokhoz. Itt

azonban még nem gépi, hanem emberi ráfordítás által je-

lennek meg olyanok, mint a jelentéshez kapcsolt tartalom

vagy a szövegvizualizáció. Azt ezt követő fejezetben olyan

vizuális identitásokról lesz szó, ahol az emberi tényező

csak a rendszer felállításához szükséges, a működtetést

azonban már nagy részben, vagy teljesen számítógép végzi.

9 IlovarSritar nyomán

Page 21: Arculattervezés az új médiumokban

097

098

100

102

099

101

103

106

090

104

111108107 109

105

110

088-089 092091

094

093

096095

Page 22: Arculattervezés az új médiumokban

22

Generatív arculatokA generatív grafika egyre nagyobb teret hódít a tervező-

grafikában. Lényege, hogy algoritmusokkal határozzák

meg a kép elemeit, amik végül a számítógép által alkotnak

egységet. A grafika attól válik dinamikussá, hogy valami-

lyen szabályszerűség alapján, a megadott paramétereket

figyelembe véve épül fel. Új design területek jöttek létre

általa, mint például az interakcióra épülő design, vagy az

adatvizualizáció.

Az 1990-es években az elektronikus művészet új generá-

ciója kísérletezni kezdett olyan programnyelvekkel, mint a

HTML, Shockwave, Flash, vagy a Java, és kreatív médium-

ként kezdték használni őket. Rájöttek, hogy konceptuális

és formai kísérleteiknek végtelen lehetőséget biztosítanak

ezek a kódok, mégis szerkezetet biztosítanak az alkotásaik

számára. Az irányzat fejlődése annak köszönhető, hogy a

kísérletezés tanulságait megosztották egymással, nyílt for-

ráskódok használatával.

A Processing is egy ilyen nyílt forráskódú programnyelv,

amit a számítógéppel dolgozó művészek és designerek

számára alakítottak ki. A projekt 2001-ben indult az MIT

Media Lab-ban, Casey Reas and Benjamin Fry vezetésével.

Az volt a céljuk, hogy olyan szoftvert hozzanak létre, ami

a programozás alapjait tanítja meg úgy, hogy vizuális visz-

szacsatolást kap róla az ember. Ebben azonban sokan meg-

látták a lehetőséget egy újfajta design létrehozására, így

hamar kinőtte magát, és széles körben elterjedt.

Ennek köszönhetően sok dinamikus arculat alapját adja.

Két típusát különböztettem meg, a véletlenszerűen és a

direkt generáltat. A különbség a kettő között az arculat

kifejezési szándékában rejlik, mert míg az előbbi egyfaj-

ta játékosságot tükröz, addig az utóbbinál hangsúlyos,

hogy a vizuális rendszer bármelyik eleme valós adatok

alapján jön létre, ezért egyfajta adatvizualizációként is

számontartható.

Page 23: Arculattervezés az új médiumokban

112

Page 24: Arculattervezés az új médiumokban

24

Véletlenszerűen generált

Változó tipográfia

Középpontjában a logotípia áll, ami valamilyen formában

mindig változik, de – a beazonosíthatóság érdekében – csak

meghatározott szabályok alapján. Ezek a rendszerek sokfé-

lék lehetnek, mint a további példák mutatják.

A Tate arculata 2000-ben jött létre. A Tate Londonban

több helyen, és más angliai nagyvárosban is megnyitotta a

kapuit, és a Wolff Olins stúdiót kérte fel arculat készítésé-

re. A brief tartalmazta, hogy szeretnék, ha új, izgalmas mű-

vészeti központokként tudnának megjelenni. Így született

a logó, amiben a tipográfiát láthatjuk, mintha mozogna a

látótérben. Ezt három féle, a Photoshopból ismert effek-

tussal érik el (blur, fade, half tone). A Wolff Olins egy olyan

arculatot alkotott, ami kifejezi a modern és dinamikus

szemléletet, valamint a „Nézze meg újra, gondolja újra”

mottó szellemiségét.

A Tate logót azóta az online film- és videó tartalmaknál

felújították. A 2012-ben létrejött új, mozgó logót a londoni

székhelyű, Grant Gilbert által alapított Double G Studios

készítette, akiknek kifejezetten az ún. motion graphics a

szakterületük. A Tate logotípia gyakorlatilag dinamikus ins-

talláció, ugyanis úgy készült, hogy először meganimálták

az eredeti logót, majd egy hatalmas kivetítőn lejátszot-

ták és lefilmezték azt, és ezt a felvételt láthatjuk végered-

ményben.

Míg a 2000-es Tate felirat mindig kivehető, némely esetben

az olvashatóság határait súrolja a Vuture logotípiája, ami

az amsterdami VU egyetem jövőbeni campusa számára

készült. Magát a nevet is a tervező, a Lava adta, hiszen az

arculat egy akkor még nem létező „márkának” készült. A

betűt egységekre osztották, amiknek színe, és kiterjedése

is véletlenszerűen változik, utalva ezzel a campus növeke-

désére, és sokszínűségére.

Ugyancsak a Lava munkája a Toonzetters, hollandiai zenei

esemény arculata. A rendszer lényege, hogy a tipográ-

fia állandó, az azt atmoszféraszerűen körülvevő grafikai

elemek pedig véletlenszerűen generálódnak köré. Az ötlet

egy XIX. századi szerkezet, a harmonográf vonalas rajzait

idézi, amelyeket a zene rezonanciája alapján hozott létre.

A tipográfia nem csak állandó, meghatározott helyen

lehet. Van, hogy szétesik, mint a bevezetőben említett Dán

Filmintézet logója, vagy mint a Pentagram által tervezett

Secca arculata, ahol a betűk állandó mozgásban vannak. A

Southeastern Center for Contemporary Art mozaikbetűi víz-

szintes tengelyen mozognak előre-hátra, néha még fedik

is egymást. Az folyamatos változás jellemző a múzeumra

is, hiszen gyűjteménye nem állandó darabokból áll, hanem

mindig cserélődik. A Luke Hayman által vezetett projekt el-

sősorban webes felületre készült, de nyomtatásban is meg-

állja a helyét, hiszen az animált logóból mindig egy pilla-

natkép kerül a nyomtatott anyagokra.

A Belmacz, londoni ékszerüzlet logója 2011-es újratervezé-

sével dinamikus lett. Azzal a céllal készült, hogy a forrás és

termék viszonyát megjelenítse, és ezáltal elitista módon

hangsúlyt fektessen a minőségre. A tervező (mind design)

a logóban gyakorlatilag háromféle tipográfiát használ:

egy statikust, ami az eredeti logotípia, és két változó, ami

egy vaskos és nagy, illetve egy kevésbé zömök és valami-

vel kisebb betű – ezek jelképezik a nyersanyagot. Ezek vé-

letlenszerűen jelennek meg a vékony, statikus karakterek

előtt, amik pedig képletesen a kész, megmunkált terméket

jelentik. Így a folyamatosan előtűnő, vastag betűk emlé-

keztetnek az ékszer kialakulásának folyamatára. Az arculat

elemei változatosan jelennek meg különböző médiumok-

ban. Az online felületeken animált formában is megjelen-

het, a nyomtatott anyagokban pedig véletlenszerűen válto-

zik, mint ahogy a Secca esetében is láthattuk.

Page 25: Arculattervezés az új médiumokban

113

117

123

120 121

124

118 119

122

133

125 126

127

128

130 131

129

132

116114 115

134 136

135

138

137

141140139

Page 26: Arculattervezés az új médiumokban

26

Eszköztár

A konstruktívan építkező arculatok eszköztárához hason-

lóan itt is megtervezett elemekből építkezik, és meghatá-

rozott rendszeren alapszik az eszköztár. A különbség az,

hogy ebben az esetben az arculati komponenseket a szá-

mítógép véletlenszerűen választja ki, és helyezi be a szer-

kezetbe.

A Cité Internationale Universitare de Paris egy közel 5500

embert befogadó intézet, ahol kb. 120 náció fordul meg

– köztük diákok, kutatók, tudósok és művészek. Ez a kul-

turális sokszínűség adta az ötletet, hogy a latin betűs szö-

vegekbe az ott lévő nyelvének írásjegyeit – mint például a

cirill, görög, arab és kínai – keverjék bele. Ezekből a karak-

terekből egyet-egyet megfeleltetnek a latin abc egy betűjé-

nek (148. ábra), és ebből áll össze a Newut Plain10 font, ami

véletlenszerű kombinációkat generál a gépelt szövegből a

LettError nevű program segítségével.

A Mobile Media Lab (MML) logójának betűire is számtalan

variáció létezik, de ez más elv alapján működik. A karakte-

rek szimbólumok sokaságából állnak össze, két nyílt forrás-

kódú program által generálva (Scriptographer, Fontstruct).

A kicsi jelképek faktúrákat alkotnak, amiket önállóan és

egymásra rétegelve is lehet használni, hatféle színvariáció-

ban (a 152. ábrán látható színek alapján) vagy fekete-fehér-

ben. A jelképek (áramkörök, térképek, épületek) kapcsolód-

nak a cég multimédiás tevékenységéhez, és tükrözik azt a

többrétegűséget, amit az MML képvisel művészeti és tudo-

mányos munkájával.

Szintén a sokszínűséget fejezi ki a De Balie kulturális és

politikai központ új vizuális identitása – ugyanis többek

között színielőadásoknak, filmvetítéseknek, vitáknak és

szemináriumoknak ad helyet az intézmény. Az arculat-

frissítés során a design megalkotója, a Lava abból indult

ki, hogy a központ a figyelem központjába helyez fontos

kulturális, szociális és politikai kérdéseket. Így a fő arcu-

lati elem a pamfletek stílusát idéző aláhúzás lett, ami a

logóban és minden fontos kiírás esetében (pl. cikkek címei)

megjelenik, de mindig más mintázattal. A diverzitást ezen

kívül hangsúlyozza még az is, hogy a szövegeket tartal-

manként más-más fonttal írják ki.

10 tervezte: André Baldinger

Page 27: Arculattervezés az új médiumokban

161

163 164

165 166

162

169

167 168 170

152

155

156

158

160

157

154 159153

142

150

147

143 144

149

145

151148

146

Page 28: Arculattervezés az új médiumokban

28

Kétdimenziós transzformáció

Az ilyen típusú logók az x és y koordináták alapján megha-

tározható mozgást végző elemek variációiból épülnek fel.

Ezeket a változatokat a számítógép véletlenszerűen gene-

rálja.

A mozgást nézve többféle eset jöhet szóba. A Project

Projects által tervezett Work AC (Work Architecture

Company) logó például a weblapon folyamatosan transz-

formálódik, és amikor átalakul egy újabb alakjába, egy pil-

lanatra megáll. (A nyomtatott felületeken egyébként ezek

a „pillanatképek” jelennek meg.) Az állandó felirat mögött

változó sokszög rengeteg variációban képes megjelenni. A

forma az építészeti és városrendezési projektek fejleszté-

sével foglalkozó vállalat folyamatos fejlődését jelképezi.

Szintén folyamatosan változik online felületen az Oiyp

kaleidoscope 2010 embléma, úgy, hogy az alapfor-

mát jelentő háromszögek mindig másképp helyeződnek

egymás mellé. Az esemény egy fiatalokból álló közösség

workshopja, akik a világ minden tájáról érkeznek. Ennek a

sokszínűsége tükröződik vissza már a találkozó nevében

is (kaleidoszkóp), amit a logó vizualizál, amiben a vibráló

színes háromszögek az optikai játék mozgatását idézik.

Bár az emblémának csak pár variációja van, az arculat többi

elemében az egymás mellé épülő formákkal kimeríthetetle-

nül sok változatot lehet létrehozni.

Ezzel szemben a Processinget kifejlesztő MIT Media Lab

logójának rengeteg változata van. Az emblémát alkotó

változó elemek két részre oszthatóak: három fekete négy-

zetre, amik a MIT dolgozóit (tudós, mérnök, művész,

designer) szimbolizálják, és az azokból kiinduló sugársze-

rű színes formák pedig azt a tudást és kreativitást, ami

az adott ember magával hoz. A logó változatosságát az

elemek helyváltoztatása adja, amelyben a sugarak találko-

zása szimbolizálja a dolgozók együttműködését. A mozgás

egy négyszer négyes rácsszerkezetben történik, amit egy

Processinggel előállított alkalmazás generál. Így a program

40 000 variánst tud előállítani, amit még 12 színnel lehet

kombinálni, így összesen kb. 480 000 logót lehet létrehoz-

ni, úgyhogy minden ott dolgozó ember saját emblémával

rendelkezhet.

Page 29: Arculattervezés az új médiumokban

178

171

185

175

173172 174

176 177

184182179

181

183

180

191190

188

186

187

189

Page 30: Arculattervezés az új médiumokban

30

Háromdimenziós transzformáció

A logók változását jelentheti térbeli mozgás szimulációja

is. Ilyenkor az arculat dinamikusságát az adja, hogy a jelet

különböző perspektívákból nézzük. Ezek az emblémák ál-

talában animálódnak, és ez esetben a képsor a kockái a

logó változatai. A nyomtatott médiumokban általában

ezek a rögzített képek jelennek meg. Online felületeken

pedig többféle megjelenést biztosíthatnak, például hogy

folyamatos legyen a lejátszás, vagy arra, hogy interaktívan

játszhassunk a logóval, vagy akár bele is nyúlhassunk. A

Kunsthaus Graz 2002-ben készült emblémája a webolda-

lon állóképként tűnik fel, és kattintásra forog egyet. A logó

a koordinátatengelyeket szimbolizálja. Ez, valamint mo-

nokróm jellege a szerkezetre helyezi a hangsúlyt, illetve az

épület modern építészetére asszociál.

Az első németországi világvásárra készült az Expo 2000

Hannover arculata, az „ember, természet és technológia”

mottójára11. Ennek szimbólumaként alkották meg a QWER

tervezői azt a hálószerű logót, ami fél úton van a jel és a

faktúra között. Folyamatos átalakulása közben – az ener-

giamezőket idézve – moiré hatást kelt, és ezzel utal a digi-

tális fotó- és videó technikákra. A változatok szinte végte-

lenek, hiszen a mozgásban lévő jel, és az előtte statikusan

megjelenő felirat 456 definiált színt ölthet magára, így a

jellege is sokféle lehet – harsány vagy visszafogott, harmo-

nikus vagy diszharmonikus, és így tovább.

Ugyanilyen fontos szerepe van a színeknek a 2012 janu-

árjában frissen elkészült More4 televíziós csatorna arcu-

latfrissítésében, amivel az élénk, színes programkínálatra

tesznek vizuális utalást. Az emblémában megjelenő há-

romszögek lapozódnak, és ezzel felidézik a prizmatáblákat,

amiken a hirdetések váltakoznak. Ezeket a forgó lapokat

nem csak elektronikusan vagy nyomtatásban készítették

el, hanem installáció formájában is, amit különböző hely-

színeken levideóztak, majd a felvételekből tv spotokat ké-

szítettek.

11 „Man, Nature and Technology” – Ulrike Felsing nyomán

Page 31: Arculattervezés az új médiumokban

217

192

202

207

212

203

208

213

197

193

194 195

198 201

196

200199

222

225

221

220

218

228227

219

226

224223

205

210

215

206

211

216

204

209

214

Page 32: Arculattervezés az új médiumokban

32

Direkt generált

Megadott adatok alapján

Aszerint, hogy az információ milyen módon kerül az arcu-

latba, két kategória különböztethető meg. Ha megadott

adatok alapján generálódik a logó, vagy a vizuális identitás

bármelyik eleme, akkor az ember által meghatározott infor-

mációból képződik.

A Sagmeister Inc. két ilyen projektet is tervezett. Érdekes,

hogy a legtöbb dinamikus arculat a formák változásával

kombinál, a stúdió azonban állandó alakzatokat használ,

amiknek csak a színeit variálja a betöltött adatok segítsé-

gével. Az egyik szóban forgó arculat a Seed media group

nevű, tudományos kiadóhoz kötődik. A logó formailag a

fillotaxist, azaz a levélállás tanát vette alapul. Színeit a

tartalom határozza meg, például egy könyv vagy egy film

képe, aminek borítója leegyszerűsítve jelenik meg a körök

által felvett színek segítségével. Így bizonyos arculati

elemek személyre szabottak lehetnek, például a névjegyen

a kártya tulajdonosának arcképévé alakul át a jel (233, 234.

ábra).

A másik Sagmeister által tervezett vizuális identitás a

Casa da Música, portugál zenei központ számára készült.

Itt is, mint ahogy eddig sok esetben láthattuk, a design az

érdekes építészeti alakzatra asszociál. A logónak formailag

hat változata van, hat különböző perspektívából – a négy

égtáj felől, valamint felül- és alulnézetből ábrázolja sema-

tikusan az épületet, úgy, hogy az élei mentén több darabra

osztja az alakzatot. Az így kapott mezőknek a színét a kö-

vetkezőképpen határozza meg: betölt egy képet a tervező

által létrehozott szoftverbe, ami színmintát vesz belőle,

majd azokból véletlenszerűen kitölti a logó elemeit.

A Walker Art Center arculatában attól függően variálódnak

az elemek, hogy éppen milyen tartalmat jelenítenek meg,

milyen esemény kapcsán, és milyen közönség számára.

Az épület különleges homlokzatát idéző „szalagok” min-

tázata és színe a programok tartalmától függően változik,

csakúgy, mint ezeken az ornamentális elemeken megjelenő

szöveg tipográfiája, aminek öt típusa és mérete van.

Page 33: Arculattervezés az új médiumokban

246245

233232

234 231

229 230

235

238

236 237

241240

243

244 239242

250

251248 249 253

247

252

Page 34: Arculattervezés az új médiumokban

34

Aktuális adatok alapján

Az időszerűséget az eddigi példák többször is kifejezték, de

az aktuális adatok alapján generált logók esetében rendkí-

vüli hangsúlyt kap. Mindegyik arculat valamiféle interakció,

és olyan adatokra épül, amelyek folyamatosan változnak.

Az állandóan frissülő információk az emblémában feje-

ződnek ki, különböző témákban és formában. Például egy

2009-ben megrendezett éghajlat-változásról szóló konfe-

rencia, a COP 15 logója egy földgömböt ábrázol, ami valós

idejű paraméterek alapján változik. Így nyomon követhetők

rajta olyan információk, amelyek a konferencia témájához

fűződnek (pl. áramlási mezők alakulása). Az embléma ani-

máció formájában jelenik meg, amelynek színhangulatát a

vezérlőpult segítségével állíthatjuk - ennyiben személyre

szabható.

A Nordkyn logó ezzel ellentétben abszolút az előre megha-

tározott szabályok alapján működik. A Finnország és Nor-

végia határán fekvő félsziget számára készített arculat - és

elsősorban a logó – kifejezi a turisztikai úti cél jellegzetes-

ségeit, hiszen ezen a terület erősen függ az időjárástól. Az

éghajlat változását ábrázoló embléma centrális, térhatá-

sú forma, ami a hópihe alakjából indult ki. Az információk

megjelenítéséhez a Norvég Meteorológiai Intézet adatait

használja fel, és azokat vizualizálja. Két tényezőt vesz szá-

mításba: a szélirányt, ami alapján a jel fordul, és a hőmér-

sékletet, amit a színek fejeznek ki – a színskála a hidegtől a

meleg színekig tart, és értelemszerűen a meleget a pirosas,

narancssárgás, sárgás színek, az átmenetet a zöldek, a

hideget pedig a kékek és lilák szemléltetik.

Hasonlóan az aktuális időjárási viszonyokat illusztrálja

Florian Gläser, a salzburg-i UAS12 egyetemen készített dip-

lomamunkája, melynek a „Dinamikus arculatok és infor-

mációdesign”13 címet adta. A projekt az osztrák meteoroló-

giai intézet (ZAMG14) számára készített arculat, amelyben

a fennálló időjárási adatokat a logó ábrázolja több ténye-

zőt figyelembe véve. A tizenegy meghatározott szín a hő-

mérsékletet fejezik ki – a Nordyn arculathoz hasonlóan – a

színhőmérséklettől függően, és a szél iránya és erőssége is

ugyanúgy a forgást határozza meg, mint az előző példában.

Ezeken túl figyelembe veszi a páratartalom értékét, ami a

megjelenő elemek mennyiségét definiálja, és a légnyomást,

ami pedig ezeknek a nagyságát szabja meg.

Magyarországon is született aktuális tartalmat figyelem-

be vevő arculat, amit a Hidden Characters készített 2011-

ben. „Az Odooproject a Solar Decathlon BME csapat által

vezetett építészeti projekt, melynek célja egy napenergiá-

val működő, újszerű megoldásokat felhasználó, minimá-

lis környezeti terheléssel megépíthető és üzemeltethető,

piacképes lakóház megépítése.”15 A weblapon található

logó tükrözi a projekt céljait, és az időt veszi alapul aktuá-

lis adatként. A statikus elemként álló házat felülnézetből

látjuk, amint a pillanatnyi magyarországi napállásnak meg-

felelően árnyékot vet.

12 University of Applied Science13 Dinamyc identities & informationdesign14 Zentral Anstalt für Meteorologie und Geodynamik15 idézet az Odoo project facebook-os bemutatkozó szövegéből

Page 35: Arculattervezés az új médiumokban

256

254

260

267

255

259257 258

261

265

266

262

263 264

268 272

270

271 273269

274 276275

Page 36: Arculattervezés az új médiumokban

36

ÖSSZEGZÉS & A DINAMIKUS ARCULATOK JÖVŐJE

Page 37: Arculattervezés az új médiumokban

37

Az esettanulmányok alapján megállapítható, hogy a di-

namikus arculatok a kulturális- és közintézmények

körében terjedtek el leginkább. A dolgozatban felso-

rolt példák majdnem fele a kulturális szektorba tarto-

zik. Ezek között vannak múzeumok és kulturális közpon-

tok (Film, New Museum, MAD, Cinémathèque française,

Tate, Secca, Debalie, Kunsthaus Graz, Casa da música,

Walker Art Center), városok (NYC, Melbourne, Rotterdam),

televíziócsatornák (Nickelodeon, EO, More4), egy hírportál

(Aol), valamint kulturális rendezvények (Toonzetters, Oyip

kaleidoscope).

Többször találkozhatunk olyan arculatokkal, amelyek kul-

turális és tudományos tevékenységhez is fűződnek, az

ilyen tematikájú időszakos rendezvények (2000 en France,

Impakt, Hannover), valamint egyetemek és kutatóintéze-

tek esetében (Vuture, Cité Internationale Universitare de

Paris, Mobile Media Lab, MIT).

A tudományos szférában is találhatunk példát egy ren-

dezvényre (COP 15), egy kutatással foglalkozó alapít-

ványra (Clear Village), és két egyetemi projektre (ZAMG,

Odooproject).

A kereskedelmi szektorban is vannak dinamikus arcula-

tok (Hadfields, Priba, Circus, Neo Lab, Belmatz, Work AC,

Seed), azonban azt érdemes megemlíteni, hogy annak el-

lenére, hogy a privát szférába tartoznak, a cégek legtöbb-

jének tevékenységi köre valamiféleképpen kapcsolódik a

kultúrához vagy a tudományhoz. Két olyan esettel találkoz-

hatunk csupán, ahol meglepő a változó arculat használa-

ta (Köln-Bonn reptér, Nordkyn), de ennek ellenére nem hat

idegennek.

Az esettanulmányokat tekintve látható, hogy a kortárs

tervezőgrafikának ez az egyre jobban terjedő ágazata el-

sősorban azoknak a megrendelőknek készül, akik olyan te-

vékenységet folytatnak, amelyek valamilyen módon előre-

mutatók kívánnak lenni – leginkább kulturális, tudományos

vagy technikai értelemben. Jellemzi őket a nyitottság az új

dolgok irányába, és szeretnék, ha az új médiumok kiemelt

szerepet játszanának az arculatukban.

A példák alapján látható, hogy a dinamikus arculatok

miként különülnek el a statikus arculatoktól. Míg a stati-

kus arculatok általánosan jellemzik a megrendelőt, addig a

dinamikusak specifikusak tud lenni. De a differencia nem

csupán ebben rejlik.

A statikus arculatok stabilitást, tartósságot és változat-

lanságot sugallnak, így a kereskedelmi grafikában kifeje-

zőbbek, ezért előnyösebb őket alkalmazni. Előfordulnak

azonban olyan esetek, amikor lehetőség nyílik dinamikus

arculatok használatára, például termékmegjelenítésnél

a különböző árucikkeket elkülöníthetik ily módon (lásd

a Hadfields festékdobozait), ez azonban nem elterjedt

metódus.

A dinamikus arculatok képesek kifejezni az aktuális állapo-

tot a tartalmak cserélődése által, ezért speciális szituációk-

ban egzaktan kifejezhetnek bizonyos tulajdonságokat vagy

információkat (lásd Nordkyn arculat). Vagy más esetekben

képesek csupán valamilyen benyomást kelteni az ember-

ben (lásd NYC arculat). Fontos vonása lehet az egyediség,

az individualitás (lásd MIT logóvariációi).

A dinamikus identitás a társadalmi-, technológiai és mé-

diaevolúció egyik következménye lett. A tartalom és az ösz-

szekapcsolódás adja az alapját, és különböző közegekben

jelenik meg. A médium pedig része az üzenetnek – Marshall

McLuhan gondolatát idézve16.

Sokszor bonyolultabb az alkalmazásuk, de ez elsősorban a

statikusan változó arculatokra jellemző, mint a Köln-Bonn

reptér identitása esetében, ahol külön részleg foglalkozik a

variációk összeállításával. A generatív arculatok többségét

azonban a szoftverek segítségével ugyanolyan egyszerűen

lehet alkalmazni, mint a statikus arculatokat.

A dinamikus identitások valószínűleg egyre népszerűbbek

lesznek a jövőben, köszönhetően a web 3.0-nak, ami a re-

mények szerint a mindenki számára elérhető, adatok soka-

ságát személyre szabva szolgáltató internetet jelenti majd.

Főleg, ha a technika és egyéb tényezők lehetővé teszik,

hogy ezek a változó arculatok olcsóbbak legyenek és még

könnyebben lehessen használni őket.

Bár látható, hogy nem csupán egy design trendről van szó,

nem állítható a dinamikus identitásokról, hogy az új lo-

gótervezés elvét jelentenék. Hiszen valószínűleg mindig

szükség lesz statikus arculatokra.

16 „Medium is the message.”

Page 38: Arculattervezés az új médiumokban

38

bibliográfia & képjegyzék

Bo Bergström: Bevezetés a vizuális kommunikációba

Scolar Kiadó, Budapest, 2009

Komenczi Bertalan: Elektronikus tanulási környezetek

Gondolat Kiadó, Budapest, 2009

Matthew Healey: Mi az a branding?

Scolar Kiadó, Budapest, 2009

Ulrike Felsing, Design2context: Dynamic Identities in Cultural

and Public Contexts

Lars Müller Publishers, Baden, 2010

Per Mollerup: Marks of excellence: The function and variety

of trademark

Phaidon Press, London, 1997

Noreen Moriska-Terry Stone-Sean Adams: Logo Design

Workbook: A Hands-On Guide to Creating Logos

Rockport Publishers, Beverly, 2006

Alice Twelmlow: Mire jó a grafikai tervezés?

Scolar Kiadó, Budapest, 2008

köny

vek

inte

rnet

Tim Lapetino: The Future is Fluid: Inside Dynamic Logos

www.hexanine.com/zeroside/the-future-is-fluid-inside-

dynamic-logos/

Graham Smith: Dynamic brand identities will not kill logo

designs

imjustcreative.com/dynamic-brand-identities-vs-static-

identities-and-logos/2010/05/25/

Roger van den Bergh: Aol. and dynamic branding: When is it

a good idea?

www.identityworks.com/forum/logo-design/aol-and-dynamic-

branding-when-is-it-a-good-idea/

Mitchell Whitelaw: Dynamic design - three systems

teemingvoid.blogspot.com/2011/03/dynamic-design-three-

systems.html

Trends in Visual Identity Design 2009

www.frankefiorella.com/wp-content/uploads/2012/02/

identityWise-Trends-in-Visual-Identity-Design-2009.pdf

Simon Attila: A dinamikus arculatról

www.mediapiac.com/digitalis-lap/2011-11-12-szam/A-

dinamikus-arculatrol/899/

Wikipedia - Personalization

en.wikipedia.org/wiki/Personalization

Semantic web

en.wikipedia.org/wiki/Semantic_Web

BRAND NEW cikkei

www.underconsideration.com/brandnew

Logoterv.hu cikkei - Az embléma

www.logoterv.hu/magyar/oldalak/az_emblema/

Az arculat

www.logoterv.hu/magyar/oldalak/az_arculat/

valamint:

www.designmuseum.org/design/andrew-blauvelt

www.did.floglaser.at

www.doublegstudios.com

www.e-types.com

www.eroonkang.com

www.floglaser.at

www.ilovarstritar.com

www.integral.ruedi-baur.eu

www.landor.com

www.lava.nl

www.lichtwitz.com

www.manvsmachine.co.uk

www.minddesign.co.uk

www.neue.no

www.odooproject.hu

www.okdeluxe.co.uk

www.pentagram.com

www.pixelcircus.co.uk

www.projectprojects.com

www.qwer.de

www.sagmeister.com

www.studiofeed.ca

www.superserious.net

www.thegreeneyl.com

www.toko.nu

www.wolffolins.com

Page 39: Arculattervezés az új médiumokban

39

07. OLDAL001. Hadfields • 2012.01.15. 22:34 • farm3.staticflickr.com/2429/3656972626_016d4185e8.jpg 002. Hadfields • 2012.02.28. 23:00 • www.onomadesign.com/identityforum/hadfields_can2.jpg003. Hadfields • 2012.02.28. 22:59 • kenreynoldsdesign.co.uk/wp-content/uploads/2009/11/hadfields.jpg004. Priba • 2012.02.28. 23:11 • 3.bp.blogspot.com/-o8BfwWVt5E0/TosFNdcLOSI/AAAAAAAAAYQ/E0iHrOHHhNw/ s1600/priba1.jpg005. Priba • 2012.02.28. 23:11 • 3.bp.blogspot.com/-o8BfwWVt5E0/TosFNdcLOSI/AAAAAAAAAYQ/E0iHrOHHhNw/ s1600/priba1.jpg006. Priba • 2012.02.28. 23:11 • 3.bp.blogspot.com/-o8BfwWVt5E0/TosFNdcLOSI/AAAAAAAAAYQ/E0iHrOHHhNw/ s1600/priba1.jpg 007. Priba • 2012.02.28. 23:11 • 3.bp.blogspot.com/-o8BfwWVt5E0/TosFNdcLOSI/AAAAAAAAAYQ/E0iHrOHHhNw/ s1600/priba1.jpg008. Priba • 2012.02.28. 23:05 • s3.amazonaws.com/files.posterous.com/bondomatic/GTUTlEJ7Dw0TQ3BHgFtQxeCc0N5 Vr66OJFFB1wc4Jwu40u9AqN0oKGdzxEw1/hebdgdac.jpg?AWSAccessKeyId=AKIAJFZAE65 UYRT34AOQ&Expires=1330380636&Signature=o%2F%2FVxH9HAP%2FyjX3gVRVQ2lkqRjE%3D009. Nickelodeon • 2012.01.15. 10:37 • www.onomadesign.com/identityforum/nickelodeon_all.jpg010. Nickelodeon • 2012.01.15. 10:37 • www.onomadesign.com/identityforum/nickelodeon_all.jpg 011. Nickelodeon • 2012.01.15. 10:37 • www.onomadesign.com/identityforum/nickelodeon_all.jpg012. Nickelodeon • 2012.01.15. 10:37 • www.onomadesign.com/identityforum/nickelodeon_all.jpg013. Nickelodeon • 2012.01.21. 02:46 • 4.bp.blogspot.com/_F0EFkty8LRA/TD-_qo6kN9I/AAAAAAAAAF0/MfvB3A4eVhM/s1600/nick+logos014. Nickelodeon • 2012.02.27. 23:18 • 4.bp.blogspot.com/_F0EFkty8LRA/TD-_qo6kN9I/AAAAAAAAAF0/MfvB3A4eVhM/s1600/nick+logos015. Film • 2012.01.23. 12:14 • www.e-types.com/41580.9000/016. Film • 2012.02.27. 18:04 • www.e-types.com/uploads/42098/1228260608.jpg017. Film • 2012.02.27. 22:54 • http://www.e-types.com/41580.9000/018. Film • 2012.02.27. 18:04 • www.e-types.com/uploads/42096/1228311728.jpg

09. OLDAL019. • 2012.02.28. 16:42 • fc02.deviantart.net/fs70/f/2010/050/8/e/RGB_TV_by_snaphappy7530.jpg

15. OLDAL020. 2000 en France • Ulrike Felsing, Design2context: Dynamic Identities in Cultural and Public Contexts, 39.o.021. 2000 en France • Ulrike Felsing, Design2context: Dynamic Identities in Cultural and Public Contexts, 39.o.022. 2000 en France • Ulrike Felsing, Design2context: Dynamic Identities in Cultural and Public Contexts, 40.o.023. 2000 en France • Ulrike Felsing, Design2context: Dynamic Identities in Cultural and Public Contexts, 40.o.024. 2000 en France • Ulrike Felsing, Design2context: Dynamic Identities in Cultural and Public Contexts, 40.o.025. New Museum • 2012.01.24. 21:23 • sweetlemon.be/blog/wp-content/uploads/2010/01/newmuseum.jpg026. New Museum • 2012.01.24. 21:53 • www.underconsideration.com/brandnew/new_4.jpg027. New Museum • 2012.01.24. 21:53 • www.underconsideration.com/brandnew/new_6.jpg028. New Museum • 2012.01.24. 21:23 • sweetlemon.be/blog/wp-content/uploads/2010/01/newmuseum.jpg029. New Museum • 2012.01.24. 21:23 • sweetlemon.be/blog/wp-content/uploads/2010/01/newmuseum.jpg030. MAD • 2012.01.17. 12:27 • blog.pentagram.com/MAD_Logos.php031. MAD • 2012.01.24. 21:59 • blog.pentagram.com/MAD_Bus.php032. MAD • 2012.01.24. 22:00 • blog.pentagram.com/IMG_9454.1_pop1.php033. MAD • 2012.01.24. 21:59 • blog.pentagram.com/MAD_Postcards.php034. NYC • 2012.02.06. 01:01 • s3.amazonaws.com/wo-test/slideshow/74369602b0ab5da3f735cda338768651.jpg035. NYC • 2012.02.06. 00:50 • www.underconsideration.com/brandnew/archives/nyc_application_04.jpg036. NYC • 2012.02.06. 01:02 • s3.amazonaws.com/wo-test/slideshow/99f7db5863a31fa9a448aff78148f662.jpg037. NYC • 2012.02.06. 01:02 • s3.amazonaws.com/wo-test/slideshow/a3cc7a7953b1c943c8fd533ad87ccde5.jpg038. NYC • 2012.02.06. 00:59 • s3.amazonaws.com/wo-test/slideshow/193712e971909ba9d1608ffdf594c31c.jpg039. NYC • 2012.02.06. 00:50 • s3.amazonaws.com/wo-test/slideshow/faa39ca59102d5019c3c10a7c7c59d00.jpg040. NYC • 2012.02.06. 00:50 • www.underconsideration.com/brandnew/archives/nyc_campaign.jpg041. Melbourne • 2012.02.06. 02:33 • behance.vo.llnwd.net/profiles5/110615/projects/276451/1106151251716449.jpg042. Melbourne • 2012.02.06. 02:35 • behance.vo.llnwd.net/profiles5/110615/projects/276451/1106151251716327.jpg043. Melbourne • 2012.02.06. 02:35 • behance.vo.llnwd.net/profiles5/110615/projects/276451/1106151251716327.jpg044. Melbourne • 2012.02.06. 02:35 • behance.vo.llnwd.net/profiles5/110615/projects/276451/1106151249093451.jpg045. Melbourne • 2012.02.06. 02:34 • behance.vo.llnwd.net/profiles5/110615/projects/276451/1140391253581740.jpg

17. OLDAL046. EO • 2012.01.24. 21:47 • www.lava.nl/new/img/1250680655di_eo.jpg047. EO • 2012.01.24. 21:47 • www.lava.nl/new/img/1250680655di_eo.jpg048. EO • 2012.01.24. 21:47 • www.lava.nl/new/img/1250680655di_eo.jpg049. EO • 2012.01.24. 21:47 • www.lava.nl/new/img/1250680655di_eo.jpg050. EO • 2012.01.24. 21:47 • www.lava.nl/new/img/1250680655di_eo.jpg051. EO • 2012.01.24. 21:47 • www.lava.nl/new/img/1250680655di_eo.jpg052. EO • 2012.01.24. 21:47 • www.lava.nl/new/img/1250680655di_eo.jpg053. Aol • 2012.01.24. 22:10 • s3.amazonaws.com/wo-test/slideshow/d4e8b1be1b0f13f6d84acc9e7037490d.jpg054. Aol • 2012.01.24. 22:10 • s3.amazonaws.com/wo-test/slideshow/37e9388a14ba79f0c3fdfe28b07d7803.jpg055. Aol • 2012.01.24. 22:11 • s3.amazonaws.com/wo-test/slideshow/37e9388a14ba79f0c3fdfe28b07d7803.jpg056. Aol • 2012.01.24. 22:11 • s3.amazonaws.com/wo-test/slideshow/8460ca554a91d74b75c4086ec28e117d.jpg057. Aol • 2012.01.24. 22:11 • s3.amazonaws.com/wo-test/slideshow/2f958c09cc3514037155e04095e3e0d0.jpg058. Aol • 2012.01.24. 22:12 • s3.amazonaws.com/wo-test/slideshow/d5ab68701dddbad29c284a6d300a877e.jpg059. Aol • 2012.01.24. 22:10 • s3.amazonaws.com/wo-test/slideshow/4dbf79b3f1890d107a102dbb49bbb2a9.jpg

19. OLDAL060. Rotterdam 2001 • 2012.01.24. 17:17 • designmuseum.org/media/item/4157/-1/42_6Lg.jpg061. Rotterdam 2001 • 2012.01.24. 17:19. • designmuseum.org/__entry/4126?style=design_image_popup062. Impakt • 2012.02.06. 12:33 • www.lava.nl/new/img/13171095791250687482di_impakt.jpg063. Impakt • 2012.02.06. 12:33 • www.lava.nl/new/img/13171095791250687482di_impakt.jpg064. Impakt • 2012.02.06. 12:33 • www.lava.nl/new/img/13171095791250687482di_impakt.jpg065. Impakt • 2012.02.06. 12:33 • www.lava.nl/new/img/13171095791250687482di_impakt.jpg066. Impakt • 2012.02.06. 12:33 • www.lava.nl/new/img/13171095791250687482di_impakt.jpg067. Impakt • 2012.02.06. 12:33 • www.lava.nl/new/img/13171095791250687482di_impakt.jpg068. Impakt • 2012.02.06. 12:33 • www.lava.nl/new/img/13171095791250687482di_impakt.jpg069. Impakt • 2012.02.06. 12:33 • www.lava.nl/new/img/13171095791250687482di_impakt.jpg070. Impakt • 2012.02.06. 12:33 • www.lava.nl/new/img/13171095791250687482di_impakt.jpg071. Impakt • 2012.02.06. 12:33 • www.lava.nl/new/img/13171095791250687482di_impakt.jpg072. Impakt • 2012.02.06. 12:33 • www.lava.nl/new/img/13171095791250687482di_impakt.jpg073. Impakt • 2012.02.06. 12:33 • www.lava.nl/new/img/13171095791250687482di_impakt.jpg074. Impakt • 2012.02.06. 12:33 • www.lava.nl/new/img/13171095791250687482di_impakt.jpg075. Impakt • 2012.02.06. 12:33 • www.lava.nl/new/img/13171095791250687482di_impakt.jpg076. Impakt • 2012.02.06. 12:33 • www.lava.nl/new/img/13171095791250687482di_impakt.jpg077. Impakt • 2012.02.06. 12:33 • www.lava.nl/new/img/13171095791250687482di_impakt.jpg078. Impakt • 2012.02.06. 12:33 • www.lava.nl/new/img/13171095791250687482di_impakt.jpg079. Circus • 2012.02.08. 14:25 • http://www.minddesign.co.uk/work/circus/01_circus.gif080. Circus • 2012.02.08. 14:25 • www.minddesign.co.uk/work/circus/32_circus.jpg081. Circus • 2012.02.08. 14:25 • www.minddesign.co.uk/work/circus/26_circus.jpg082. Circus • 2012.02.08. 14:25 • www.minddesign.co.uk/work/circus/40_circus.jpg, www.minddesign.co.uk/work/circus/43_circus.jpg, www.minddesign.co.uk/work/circus/44_circus.jpg, www.minddesign.co.uk/work/circus/45_circus.jpg, www.minddesign.co.uk/work/circus/46_circus.jpg, www.minddesign.co.uk/work/circus/47_circus.jpg083. Circus • 2012.02.08. 14:25 • www.minddesign.co.uk/work/circus/13_circus.jpg084. Circus • 2012.02.08. 14:25 • www.minddesign.co.uk/work/circus/20_circus.jpg085. Circus • 2012.02.08. 14:25 • www.minddesign.co.uk/work/circus/19_circus.jpg 086. Circus • 2012.02.08. 14:25 • www.minddesign.co.uk/work/circus/04_circus.jpg087. Circus • 2012.02.08. 14:25 • www.minddesign.co.uk/work/circus/03_circus.jpg

015

001

004

003

010009

011 012

005

006

007

018016 017

002

008

014013

07. OLDAL

019

09. OLDAL

020

021

030

025

033031

032

042

043041 044 045

037034 038039 040

028 029027026

035

036

022 024023

15. OLDAL

046047

050

051 052

049048

059

054 055

057

053

056

058

17. OLDAL

060

062063

068066

072

077

069067

076

064 065

070 071

074073 075078

061

087086

083085

084

081

082

080079

19. OLDAL

Page 40: Arculattervezés az új médiumokban

40

097

098

100

102

099

101 103

106

090

104

111108107 109

105

110

088089

092091

094

093096095

21. OLDAL

112

23. OLDAL

113

117

123

120 121

124

118 119

122

133

125 126

127128

130 131

129132

116114

115

134136

135

138

137141

140139

25. OLDAL

161

163164

165 166

162169

167

168

170

152155

156

158

160

157154

159153

142

150

147

143 144

149

145 151

148

146

27. OLDAL

178

171

185

175

173172 174

176 177

184182179

181183

180

191190

188186

187

189

29. OLDAL

21. OLDAL088. Köln-Bonn reptér • 2012.01.26. 10:56 • www.ddda-elisava.com/files/coloniaa.gif089. Köln-Bonn reptér •2012.01.26. 10:58 • www.ddda-elisava.com/files/coloniaa.gif090. Köln-Bonn reptér • 2012.01.26. 11:03 • wap.airport-cgn.de/images/kbalogo.gif091. Köln-Bonn reptér • 2012.01.26. 11:03 • 2.bp.blogspot.com/_DRdTDOYkmy0/SyBE8oR9gqI/AAAAAAAAAFs/72S8CHw8sqQ/ s400/KBA-T2-520_SperrigFoerderban.jpg092. Köln-Bonn reptér • 2012.01.26. 11:01 • www.tipografica.com/74/imgs/baur_piktos-farbig-neue-ver.gif093. Cinémathèque française • 2012.01.28. 12:25 • lh4.ggpht.com/-ICYj0psJcrY/S4KuuXAE1sI/AAAAAAAACBU/NI7uQrGqwQw/8_neu_tv.jpg094. Cinémathèque française • 2012.01.28. 12:25 • www.connaissancedesarts.com/medias/2009/09/21/56741_1305192335_logo- cinematheque.jpg095. Cinémathèque française • 2012.01.28. 12:28 • www.toanvuhuu.com/uploads/pics/signaletique-06.jpg096. Cinémathèque française • 2012.01.28. 12:22 • 0.tqn.com/d/goparis/1/0/N/0/-/-/097. Clear Village • 2012.02.15. 23:36 • www.lava.nl/new/img/1274176208clearvillageident2.jpg098. Clear Village • 2012.02.15. 23:36 • www.lava.nl/new/img/1274176208clearvillageident2.jpg099. Clear Village • 2012.02.15. 23:36 • www.lava.nl/new/img/1274176208clearvillageident2.jpg100. Clear Village • 2012.02.15. 23:36 • www.lava.nl/new/img/1274176208clearvillageident2.jpg101. Clear Village • 2012.02.15. 23:36 • www.lava.nl/new/img/1274176208clearvillageident2.jpg102. Clear Village • 2012.02.15. 23:36 • www.lava.nl/new/img/1274176208clearvillageident2.jpg103. Clear Village • 2012.02.15. 23:36 • www.lava.nl/new/img/1274176208clearvillageident2.jpg104. Neo Lab • 2012.02.16. 00:12 • behance.vo.llnwd.net/profiles/81893/projects/295055/818931251649125.jpg105. Neo Lab • 2012.02.16. 00:12 • behance.vo.llnwd.net/profiles/81893/projects/295055/818931251649086.jpg106. Neo Lab • 2012.02.16. 00:12 • behance.vo.llnwd.net/profiles/81893/projects/295055/818931251649097.jpg107. Neo Lab • 2012.02.16. 00:12 • behance.vo.llnwd.net/profiles/81893/projects/295055/818931251649163.jpg108. Neo Lab • 2012.02.16. 00:13 • behance.vo.llnwd.net/profiles/81893/projects/295055/818931251649155.jpg109. Neo Lab • 2012.02.16. 00:13 • behance.vo.llnwd.net/profiles/81893/projects/295055/818931251649213.jpg110. Neo Lab • 2012.02.16. 00:13 • behance.vo.llnwd.net/profiles/81893/projects/295055/818931251649001.jpg111. Neo Lab • 2012.02.16. 00:13 • behance.vo.llnwd.net/profiles/81893/projects/295055/818931251649136.jpg

23. OLDAL112. Generatív művészet • 2012.02.28. 13:15 • www.artfromcode.com/wp-content/uploads/2008/10/bigweb_01.jpg

25. OLDAL113. Tate • 2012.01.29. 14:45 • s3.amazonaws.com/wo-test/slideshow/5544bfbcf66ec1721ad800a8654667ce.jpg114. Tate • 2012.01.29. 14:45 • s3.amazonaws.com/wo-test/slideshow/7e04bd2a095620a5a3aa70883101153c.jpg115. Tate • 2012.01.29. 14:45 • www.itsnicethat.com/system/files/022012/4f4640ba073139260e0013af/article_ extended/doublegstudio.jpg116. Tate • 2012.01.29. 14:45 • s3.amazonaws.com/wo-test/slideshow/990d167dd0c3214a290fe635a6913ed2.jpg117. Vuture • 2012.01.29. 17:32 • www.lava.nl/new/img/1274188556vuture_webnew.jpg118. Vuture • 2012.01.29. 17:32 • www.lava.nl/new/img/1274188556vuture_webnew.jpg119. Vuture • 2012.01.29. 17:32 • www.lava.nl/new/img/1274188556vuture_webnew.jpg120. Vuture • 2012.01.29. 17:32 • www.lava.nl/new/img/1274188556vuture_webnew.jpg121. Vuture • 2012.01.29. 17:32 • www.lava.nl/new/img/1274188556vuture_webnew.jpg122. Vuture • 2012.01.29. 17:32 • www.lava.nl/new/img/1274188556vuture_webnew.jpg123. Vuture • 2012.01.29. 17:32 • www.lava.nl/new/img/1274188556vuture_webnew.jpg124. Vuture • 2012.01.29. 17:32 • www.lava.nl/new/img/1274188556vuture_webnew.jpg125. Vuture • 2012.01.29. 17:32 • www.lava.nl/new/img/1274188556vuture_webnew.jpg126. Vuture • 2012.01.29. 17:32 • www.lava.nl/new/img/1274188556vuture_webnew.jpg127. Toonzetters • 2012.01.29. 17:35 • www.lava.nl/new/img/1250686093di_toonzetters.jpg128. Toonzetters • 2012.01.29. 17:35 • www.lava.nl/new/img/1250686093di_toonzetters.jpg129. Toonzetters • 2012.01.29. 17:35 • www.lava.nl/new/img/1250686093di_toonzetters.jpg130. Toonzetters • 2012.01.29. 17:35 • www.lava.nl/new/img/1250686093di_toonzetters.jpg131. Toonzetters • 2012.01.29. 17:35 • www.lava.nl/new/img/1250686093di_toonzetters.jpg132. Toonzetters • 2012.01.29. 17:35 • www.lava.nl/new/img/1250686093di_toonzetters.jpg133. Secca • 2012.01.29. 18:04 • pentagram.com/en/SECCA_Variations_550.png134. Secca • 2012.01.29. 18:04 • pentagram.com/en/SECCA_Letterhead_800.php135. Secca • 2012.01.29. 18:04 • pentagram.com/en/IMG_0185_pop.php136. Secca • 2012.01.29. 18:04 • pentagram.com/en/_BKS7727_alt_pop.php137. Belmacz • 2012.02.15. 23:27 • www.minddesign.co.uk/work/belmacz_shop/03_belmacz_identity.jpg138. Belmacz • 2012.02.15. 23:27 • www.minddesign.co.uk/work/belmacz_shop/01_belmacz_identity.gif139. Belmacz • 2012.02.15. 23:27 • www.minddesign.co.uk/work/belmacz_shop/21b_belmacz_identity.jpg140. Belmacz • 2012.02.15. 23:27 • www.minddesign.co.uk/work/belmacz_shop/21c_sign_02.jpg141. Belmacz • 2012.02.15. 23:28 • www.minddesign.co.uk/work/belmacz_shop/03a_belmacz_identity.jpg

27. OLDAL142. Cité Int.Uni. de Paris • 2012.02.21. 21:21 • www.art4eu.net/images/news/cite_internationale_-_logo.jpg143. Cité Int.Uni. de Paris • 2012.02.21. 21:23 • www.flexibleidentity.com/wp-content/uploads/2011/07/cite_intetionationale_ universitaire_de_paris4.jpg144. Cité Int.Uni. de Paris • 22012.02.21. 21:27 • www.flexibleidentity.com/wp-content/uploads/2011/07/cite_intetionationale_ universitaire_de_paris4.jpg145. Cité Int.Uni. de Paris • 2012.02.21. 21:23 • www.flexibleidentity.com/wp-content/uploads/2011/07/cite_intetionationale_ universitaire_de_paris4.jpg146. Cité Int.Uni. de Paris • Ulrike Felsing, Design2context: Dynamic Identities in Cultural and Public Contexts, 162.o.147. Cité Int.Uni. de Paris • 2012.02.21. 21:21 • www.flexibleidentity.com/wp-content/uploads/2011/07/cite_intetionationale_ universitaire_de_paris4.jpg148. Cité Int.Uni. de Paris • Ulrike Felsing, Design2context: Dynamic Identities in Cultural and Public Contexts, 161.o.149. Cité Int.Uni. de Paris • 2012.02.21. 21:21 • www.flexibleidentity.com/wp-content/uploads/2011/07/cite_intetionationale_ universitaire_de_paris4.jpg150. Cité Int.Uni. de Paris • 2012.02.21. 21:21 • www.flexibleidentity.com/wp-content/uploads/2011/07/cite_intetionationale_ universitaire_de_paris4.jpg151. Cité Int.Uni. de Paris • 2012.02.21. 21:28 • www.peppercube.net/pepperpress/wp-content/uploads/2010/02/visu_ciup2.jpg152. MML • 2012.02. 17. 12:36 • studiofeed.ca/i/slide/FEED-ID-MML-04_3.jpg153. MML • 2012.02. 17. 12:36 • thecaseandpoint.com/wp-content/uploads/2011/02/mml-3.png154. MML • 2012.02. 17. 12:37 • www.hexanine.com/zeroside/wp-content/media/2011/03/blog-mml.gif155. MML • 2012.02. 17. 12:38 • studiofeed.ca/i/slide/FEED-ID-MML-03_3.jpg156. MML • 2012.02. 17. 12:38 • thecaseandpoint.com/wp-content/uploads/2011/02/mml-4.png157. MML • 2012.02. 17. 12:38 • studiofeed.ca/i/slide/FEED-ID-MML-11_3.jpg158. MML • 2012.02. 17. 12:39 • studiofeed.ca/i/slide/FEED-ID-MML-08_3.jpg159. MML • 2012.02. 17. 12:39 • studiofeed.ca/i/slide/FEED-Web_MML_01.png160. MML • 2012.02. 17. 12:39 • studiofeed.ca/i/slide/FEED-ID-MML-10_3.jpg161. Debalie • 2012.02.18. 01:56 • www.lava.nl/new/img/1284132088debalie_lava_03.jpg162. Debalie • 2012.02.18. 01:56 • www.lava.nl/new/img/1284132088debalie_lava_03.jpg163. Debalie • 2012.02.18. 01:56 • www.lava.nl/new/img/1284132088debalie_lava_03.jpg164. Debalie • 2012.02.18. 01:56 • www.lava.nl/new/img/1284132088debalie_lava_03.jpg165. Debalie • 2012.02.18. 01:56 • www.lava.nl/new/img/1284132088debalie_lava_03.jpg166. Debalie • 2012.02.18. 01:56 • www.lava.nl/new/img/1284132088debalie_lava_03.jpg167. Debalie • 2012.02.18. 01:56 • www.lava.nl/new/img/1284132088debalie_lava_03.jpg168. Debalie • 2012.02.18. 01:56 • www.lava.nl/new/img/1284132088debalie_lava_03.jpg169. Debalie • 2012.02.18. 01:56 • www.lava.nl/new/img/1284132088debalie_lava_03.jpg170. Debalie • 2012.02.18. 01:56 • www.lava.nl/new/img/1284132088debalie_lava_03.jpg

29. OLDAL171. Work AC • 2012.02.23. 07:27 • projectprojects.com/wp-content/uploads/workac_02.jpg172. Work AC • 2012.02.23. 07:27 • projectprojects.com/wp-content/uploads/workac_05.jpg173. Work AC • 2012.02.23. 07:27 • projectprojects.com/wp-content/uploads/workac_04.jpg174. Work AC • 2012.02.23. 07:27 • projectprojects.com/wp-content/uploads/_work_ac_new_site_01.png175. Work AC • 2012.02.23. 07:27 • projectprojects.com/wp-content/uploads/workac_03.jpg176. Work AC • 2012.02.23. 07:27 • 3.bp.blogspot.com/-9QBqlIjUbFA/TxKr_-rZ03I/AAAAAAAACGA/byOrygszYU0/s1600/ work-ac.gif177. Work AC • 2012.02.23. 07:27 • 3.bp.blogspot.com/-9QBqlIjUbFA/TxKr_-rZ03I/AAAAAAAACGA/byOrygszYU0/s1600/ work-ac.gif178. Oyip Kaleidoscope • 2012.02.23. 10:48 • toko.nu/images/work/10%20-%20KALEIDOSCOPE/toko-work10-kaleidoscope-01.gif179. Oyip Kaleidoscope • 2012.02.23. 10:48 • toko.nu/images/work/10%20-%20KALEIDOSCOPE/toko-work10-kaleidoscope-04.jpg180. Oyip Kaleidoscope • 2012.02.23. 10:48 • toko.nu/images/work/10%20-%20KALEIDOSCOPE/toko-work10-kaleidoscope-05.jpg181. Oyip Kaleidoscope • 2012.02.23. 10:48 • toko.nu/images/work/10%20-%20KALEIDOSCOPE/toko-work10-kaleidoscope-06.jpg182. Oyip Kaleidoscope • 2012.02.23. 10:48 • toko.nu/images/work/10%20-%20KALEIDOSCOPE/toko-work10-kaleidoscope-03.jpg183. Oyip Kaleidoscope • 2012.02.23. 10:48 • toko.nu/images/work/10%20-%20KALEIDOSCOPE/toko-work10-kaleidoscope-07.jpg184. Oyip Kaleidoscope • 2012.02.23. 10:48 • toko.nu/images/work/10%20-%20KALEIDOSCOPE/toko-work10-kaleidoscope-01.gif185. MIT • 2012. 02.25. 15:27 • www.creativeapplications.net/wp-content/uploads/2011/03/LogoMain2.jpg186. MIT • 2012. 02.25. 15:27 • www.creativeapplications.net/wp-content/uploads/2011/03/BusinessCards.jpg187. MIT • 2012. 02.25. 15:27 • www.creativeapplications.net/wp-content/uploads/2011/03/BusinessCards.jpg188. MIT • 2012. 02.25. 15:27 • www.creativeapplications.net/wp-content/uploads/2011/03/folder-open.jpg189. MIT • 2012. 02.25. 15:27 • www.creativeapplications.net/wp-content/uploads/2011/03/tote.jpg190. MIT • 2012. 02.25. 15:27 • www.creativeapplications.net/wp-content/uploads/2011/03/letterhead-card.jpg191. MIT • 2012. 02.25. 15:27 • www.creativeapplications.net/wp-content/uploads/2011/03/LogoColorVariations.jpg

Page 41: Arculattervezés az új médiumokban

41

31. OLDAL192. Kunsthaus Graz • 2012.02.14. 12.35 • aktuellekunst.reinisch.at/200510-12/presse/gal15/kunsthaus-logo.jpg193. Kunsthaus Graz • 2012.02.14. 12.35 • www.icograda.org/database/images/display/sb4755ca1a41234.jpg194. Kunsthaus Graz • 2012.02.14. 12.35 • www.icograda.org/database/images/display/sb4755ca1a41234.jpg195. Kunsthaus Graz • 2012.02.14. 12.35 • www.icograda.org/database/images/display/sb4755ca1a41234.jpg196. Kunsthaus Graz • 2012.02.14. 12.35 • www.lichtwitz.com/197. Kunsthaus Graz • 2012.02.14. 12.35 • www.icograda.org/database/images/display/sb4755ca1a41234.jpg198. Kunsthaus Graz • 2012.02.14. 12.35 • www.lichtwitz.com/199. Kunsthaus Graz • 2012.02.14. 12.35 • www.lichtwitz.com/200. Kunsthaus Graz • 2012.02.14. 12.35 • www.lichtwitz.com/201. Kunsthaus Graz • 2012.02.14. 12.35 • www.lichtwitz.com/202. Expo 2000 Hannover • 2012.02.14. 13:28 • 2.bp.blogspot.com/_VmhoJRmOFfY/SGc4ar-yX9I/AAAAAAAABIQ/ h65M3kzBXR4/s400/Expo2000-02.jpg203. Expo 2000 Hannover • 2012.02.14. 13:28 • 2.bp.blogspot.com/_VmhoJRmOFfY/SGc4ar-yX9I/AAAAAAAABIQ/ h65M3kzBXR4/s400/Expo2000-02.jpg204. Expo 2000 Hannover • Ulrike Felsing, Design2context: Dynamic Identities in Cultural and Public Contexts, 61.o.205. Expo 2000 Hannover • Ulrike Felsing, Design2context: Dynamic Identities in Cultural and Public Contexts, 60.o.206. Expo 2000 Hannover • Ulrike Felsing, Design2context: Dynamic Identities in Cultural and Public Contexts, 60.o.207. Expo 2000 Hannover • 2012.02.14. 13:28 • 2.bp.blogspot.com/_VmhoJRmOFfY/SGc4ar-yX9I/AAAAAAAABIQ/ h65M3kzBXR4/s400/Expo2000-02.jpg208. Expo 2000 Hannover • 2012.02.14. 13:28 • 2.bp.blogspot.com/_VmhoJRmOFfY/SGc4ar-yX9I/AAAAAAAABIQ/ h65M3kzBXR4/s400/Expo2000-02.jpg209. Expo 2000 Hannover • Ulrike Felsing, Design2context: Dynamic Identities in Cultural and Public Contexts, 61.o.210. Expo 2000 Hannover • Ulrike Felsing, Design2context: Dynamic Identities in Cultural and Public Contexts, 60.o.211. Expo 2000 Hannover • Ulrike Felsing, Design2context: Dynamic Identities in Cultural and Public Contexts, 60.o.212. Expo 2000 Hannover • 2012.02.14. 13:28 • 2.bp.blogspot.com/_VmhoJRmOFfY/SGc4ar-yX9I/AAAAAAAABIQ/ h65M3kzBXR4/s400/Expo2000-02.jpg213. Expo 2000 Hannover • 2012.02.14. 13:28 • 2.bp.blogspot.com/_VmhoJRmOFfY/SGc4ar-yX9I/AAAAAAAABIQ/ h65M3kzBXR4/s400/Expo2000-02.jpg214. Expo 2000 Hannover • Ulrike Felsing, Design2context: Dynamic Identities in Cultural and Public Contexts, 61.o.215. Expo 2000 Hannover • Ulrike Felsing, Design2context: Dynamic Identities in Cultural and Public Contexts, 60.o.216. Expo 2000 Hannover • Ulrike Felsing, Design2context: Dynamic Identities in Cultural and Public Contexts, 60.o.217. More4 • 2012.02.27. 14:44 • www.creativereview.co.uk/images/uploads/2012/01/b__optical_flop_refresh_ a15new569_0.jpg218. More4 • 2012.02.27. 14:44 • www.creativereview.co.uk/images/uploads/2012/01/m4_ brandlayout02710x200new569_0.jpg219. More4 • 2012.02.27. 14:44 • www.creativereview.co.uk/images/uploads/2012/01/m4_ brandlayout01710x1218new569_0.jpg220. More4 • 2012.02.27. 14:44 • www.creativereview.co.uk/images/uploads/2012/01/m4_rebrand_2012_stills_ boardwalk_003new569_0.jpg221. More4 • 2012.02.27. 14:44 • www.creativereview.co.uk/images/uploads/2012/01/m4_rebrand_2012_stills_ tree_003new569_0.jpg222. More4 • 2012.02.27. 14:44 • www.creativereview.co.uk/images/uploads/2012/01/__optical_puzzle_0850new569_0.jpg223. More4 • 2012.02.27. 14:44 • www.creativereview.co.uk/images/uploads/2012/01/__optical_puzzle_0510new569_0.jpg224. More4 • 2012.02.27. 14:44 • www.creativereview.co.uk/images/uploads/2012/01/__optical_flipbook_ start34new569_1.jpg225. More4 • 22012.02.27. 14:45 • www.creativereview.co.uk/images/uploads/2012/01/m4_rebrand_2012_stills_ stairs_003new569_0.jpg226. More4 • 2012.02.27. 14:45 • www.creativereview.co.uk/images/uploads/2012/01/m4_ brandlayout01710x1218new569_0.jpg227. More4 • 2012.02.27. 14:45 • www.creativereview.co.uk/images/uploads/2012/01/m4_ brandlayout01710x1218new569_0.jpg228. More4 • 2012.02.27. 14:45 • www.creativereview.co.uk/images/uploads/2012/01/m4_ brandlayout01710x1218new569_0.jpg

33. OLDAL229. Seed • 2012.02.10. 14:33 • www.sagmeister.com/sites/default/files/styles/large/public/Seed-New00.jpg230. Seed • 2012.02.10. 14:33 • www.okaygreat.com/wp-content/uploads/2009/07/seed-fish.jpg231. Seed • 2012.02.10. 14:33 • www.sagmeister.com/sites/default/files/styles/large/public/SEED-letterhead.jpg232. Seed • 2012.02.10. 14:33 • www.sagmeister.com/sites/default/files/styles/large/public/Seed-New01.jpg233. Seed • 2012.02.10. 14:33 • www.sagmeister.com/sites/default/files/styles/large/public/SEED-business-cards.jpg234. Seed • 2012.02.10. 14:33 • www.sagmeister.com/sites/default/files/styles/large/public/Seed-New03.jpg235. Seed • 2012.02.10. 14:33 • www.moleskine.com/moleskine/custom/business/seed_media_group_01.jpg236. Casa da Música • 2012.02.10. 17:46 • www.sagmeister.com/sites/default/files/styles/large/public/Casa00.jpg237. Casa da Música • 2012.02.10. 17:46 • www.sagmeister.com/sites/default/files/styles/large/public/Casa01.jpg238. Casa da Música • 2012.02.10. 17:46 • 2.bp.blogspot.com/-e_yxj7uwDVw/TZ7ouV6ETsI/AAAAAAAAE5Q/7v4E6QISI48/s1600/ Casa02.jpg239. Casa da Música • 2012.02.10. 17:46 • www.sagmeister.com/sites/default/files/styles/large/public/Casa12.jpg www.sagmeister.com/sites/default/files/styles/large/public/Casa10.jpg www.sagmeister.com/sites/default/files/styles/large/public/Casa14.jpg240. Casa da Música • 2012.02.10. 17:46 • www.sagmeister.com/sites/default/files/styles/large/public/Casa15.jpg241. Casa da Música • 2012.02.10. 17:46 • www.sagmeister.com/sites/default/files/styles/large/public/Casa01.jpg242. Casa da Música • 2012.02.10. 17:46 • www.sagmeister.com/sites/default/files/styles/large/public/Casa16.jpg243. Casa da Música • 2012.02.10. 17:47 • www.sagmeister.com/sites/default/files/styles/large/public/Casa09.jpg244. Casa da Música • 2012.02.10. 17:47 • www.sagmeister.com/sites/default/files/styles/large/public/Casa08.jpg245. Casa da Música • 2012.02.10. 17:47 • www.sagmeister.com/sites/default/files/styles/large/public/Casa07.jpg246. Casa da Música • 2012.02.10. 17:48 • www.sagmeister.com/sites/default/files/styles/large/public/Casa15.jpg247. Walker Art Center • Alice Twelmlow: Mire jó a grafikai tervezés?, 113.o.248. Walker Art Center • Ulrike Felsing, Design2context: Dynamic Identities in Cultural and Public Contexts, 167.o.249. Walker Art Center • Ulrike Felsing, Design2context: Dynamic Identities in Cultural and Public Contexts, 168-169.o.250. Walker Art Center • Ulrike Felsing, Design2context: Dynamic Identities in Cultural and Public Contexts, 167.o.251. Walker Art Center • Ulrike Felsing, Design2context: Dynamic Identities in Cultural and Public Contexts, 167.o.252. Walker Art Center • Alice Twelmlow: Mire jó a grafikai tervezés?, 115.o.253. Walker Art Center • Ulrike Felsing, Design2context: Dynamic Identities in Cultural and Public Contexts, 168-169.o.

35. OLDAL254. COP 15 • 2012.01.29. 06:55 • www.underconsideration.com/brandnew/archives/cop15_04_print.jpg255. COP 15 • 2012.01.29. 06:55 • www.creativeapplications.net/wp-content/uploads/2009/12/cop1501-640x265.png256. COP 15 • 2012.01.29. 06:55 • www.creativeapplications.net/wp-content/uploads/2009/12/cop1500-640x359.png257. COP 15 • 2012.01.29. 06:55 • www.underconsideration.com/brandnew/archives/cop15_05_stamps.jpg258. COP 15 • 2012.01.29. 06:55 • www.underconsideration.com/brandnew/archives/cop15_03_web.jpg259. COP 15 • 2012.01.29. 06:55 • www.creativeapplications.net/wp-content/uploads/2009/12/cop1502-640x397.jpg260. Nordkyn • 2012.02.12. 14:12 • www.underconsideration.com/brandnew/archives/Neue_nordkyn_logo.gif261. Nordkyn • 2012.02.12. 14:12 • www.underconsideration.com/brandnew/archives/Neue_nordkyn_system.gif262. Nordkyn • 2012.02.12. 14:12 • www.underconsideration.com/brandnew/archives/Neue_nordkyn_postales.jpg263. Nordkyn • 2012.02.12. 14:12 • www.underconsideration.com/brandnew/archives/Neue_nordkyn_businesscard.jpg264. Nordkyn • 2012.02.12. 14:12 • www.underconsideration.com/brandnew/archives/Neue_nordkyn_Gamvikplace.jpg265. Nordkyn • 2012.02.12. 14:13 • www.underconsideration.com/brandnew/archives/Neue_nordkyn_colors.gif266. Nordkyn • 2012.02.12. 14:13 • www.underconsideration.com/brandnew/archives/Neue_nordkyn_lotsofdays.gif267. ZAMG • 2012.02.16. 19:04 • did.floglaser.at/img/idelement_ww.gif268. ZAMG • 2012.02.16. 19:04 • did.floglaser.at/index_en.html#identifikation269. ZAMG • 2012.02.16. 19:04 • did.floglaser.at/img/ww_symbole.gif270. ZAMG • 2012.02.16. 19:04 • did.floglaser.at/img/overview_vorne_over.jpg271. ZAMG • 2012.02.16. 19:04 • did.floglaser.at/img/overview_hinten_over.jpg272. ZAMG • 2012.02.16. 19:04 • did.floglaser.at/img/detail_brief_viska.jpg273. ZAMG • 2012.02.16. 19:04 • did.floglaser.at/img/generator_legende_over.gif274. Odoo projekt • 2012.02.16. 19:13 • odooproject.hu/275. Odoo projekt • 2012.02.16. 19:15 • fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash4/312812_284909838199830_163481833 675965_995501_1125826405_n.jpg276. Odoo projekt • 2012.02.16. 19:17 • fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash4/312733_284910308199783_1634818336 75965_995512_2085054344_n.jpg

217

192

202

207

212

203

208

213

197

193194 195

198 201

196

200199

222225

221220

218

228227

219

226

224223

205

210

215

206

211

216

204

209

214

31. OLDAL

246245

233232234

231229 230

235

238236 237

241240

243

244

239

242

250

251248

249253

247252

33. OLDAL

256

254

260

267

255259

257 258

261

265

266

262

263 264

268 273270

272274269

275 277276

35. OLDAL

Page 42: Arculattervezés az új médiumokban

42

Statikusan változóMaszk és sablon alapú

Rendszer alapú

A logó, mint sablonPribadesign: John Lloyd & Geoff GibbonsBelgium, 1973

2000 en Francedesign: Eva Kubinyi & Ruedi Baurwww.integral.ruedi-baur.euFranciaország, 1997-2000

Museum of Arts and Designdesign: Pentagramwww.pentagram.comUSA, 2008

New Museumdesign: Wolff Olins, Omnivore, Droga 5www.wolffolins.comUSA, 2008

NYC Inc Companydesign: Wolff Olinswww.wolffolins.comUSA, 2007

Melbournedesign: Landorwww.landor.comAusztrália, 2009

A logotípia, mint maszkNickelodeondesign: Tom Corey és Scott NashUSA, 1985

AOLdesign: Wolff Olinswww.wolffolins.comUSA, 2009

EO Broadcastingdesigner: Lavawww.lava.nlHollandia, 2009

EszköztárHadfieldsdesign: Wolff OlinsNagy-Britannia, 1967

Rotterdam 2001, Capital of Europedesign: Armand Mevis & Linda van DeursenHollandia, 2000

Impakt festivaldesign: Lavawww.lava.nlHollandia, 2008

Circusdesign: Mind designwww.minddesign.co.ukNagy-Britannia, 2009

Tartalomhoz igazodóCinémathèque françaisedesign: Integral Ruedi Baur et associéswww.integral.ruedi-baur.euFranciaország, 2004-2006

Flughafen Köln-Bonndesign: Intégral Ruedi Baur et associéswww.integral.ruedi-baur.euNémetország, 2002-2006

Clear villagedesign: Lavawww.lava.nlNagy-Britannia, 2010

Neolabdesign: IlovarStritarwww. ilovarstritar.comSzlovénia, 2009

Page 43: Arculattervezés az új médiumokban

43

Véletlenszerűen generált

Direkt generált

GeneratívVáltozó tipográfiaFILMdesign: e-Typeswww.e-types.comDánia, 2000

TATEdesign: Wolff Olinswww.wolffolins.comNagy-Britannia, 2000

Vuturedesign: Lavawww.lava.nlHollandia, 2009

Toonzettersdesign: Lavawww.lava.nlHollandia, 2010

Seccadesign: Pentagramwww.pentagram.comUSA, 2010

Belmaczdesign: Mind designwww.minddesign.co.ukNagy-Britannia, 2011

Adott készletbőlCité Internationale Universitare de Parisdesign: Ruedi Baurwww.integral.ruedi-baur.euFranciaország, 2000-2004

De Baliedesign: Lavawww.lava.nlHollandia, 2010

MMLdesign: FEED, Pixelcircuswww.studiofeed.cawww.pixelcircus.co.ukUSA, 2011

Aktuális adat alapjánCOP15design: okdeluxewww.okdeluxe.co.ukDánia, 2009

Nordkyndesign: Neue Design Studiowww.neue.noNorvégia, 2010

ZAMGdesign: Florian Gläserwww.floglaser.atAusztria, 2008

Odoo projectdesign: Hidden Characterswww.hiddencharacters.huMagyarország, 2011

Megadott adat alapjánCasa da Músicadesign: Sagmeisterwww.sagmeister.comPortugália, 2007

Seed media gropdesign: Sagmeisterwww.sagmeister.comUSA, 2009

Walker Art Centerdesign: Andrew Blauvelt & Chad Kloepferwww.designmuseum.org/design/andrew-blauveltwww.superserious.netország: USA

Kétdimenzió mozgásMIT Media Labdesign: E Roon Kang, TheGreenEylwww.eroonkang.comwww.thegreeneyl.comUSA, 2011

Work ACdesign: Project Projectsprojectprojects.comUSA, 2007

Oiyp kaleidoscopedesign: tokowww.toko.nuIndia, 2010

Háromdimenziós mozgásExpo 2000 Hannoverdesign: QWERwww.qwer.deNémetország, 1994-2000

Kunsthaus Grazdesign: Lichtwitzwww.lichtwitz.comNémetország, 2003

More4design: ManvsMachinemanvsmachine.co.ukNagy-Britannia, 2012

Page 44: Arculattervezés az új médiumokban

44