1
Budapesti Kommunikációs és Üzleti Főiskola
SZAKDOLGOZAT A LopezDesign teljes arculatának megtervezése
Belső konzulens: Asztalos Tamás Szakoktató
A dolgozat készítője: Páncél Zoltán Új Média Grafikus szak
Budapest 2011
2
Köszönetnyilvánítás: Szeretném megköszönni témavezetőmnek, Asztalos Tamásnak a sok időt és türelmet, mellyel hozzájárul dolgozatom létrejöttéhez. Az ő iránymutatása nélkül ez a projekt sosem születhetett volna meg. Továbbá köszönöm családomnak, barátaimnak, barátnőmnek valamint minden pixelnek és vektornak, hogy segítették munkámat az elmúlt időszakban. Külön kiemelném a következő embereket: Benke Noémi, Lindenberger Béla, Paján Zsolt, Zimmermann András, Sohajda László, Berecz Barbara, Janicsák Szilvia, Tóth Krisztina.
3
SZAKDOLGOZAT KIVONAT
1. A szakdolgozat alapvető kulcsszavai (3-5 kulcsszó megadása): grafika design arculat arculattervezés logó
2. A 2-3 legfontosabbnak ítélt forrás (szakirodalom) megjelölése: graphic design corporate identity logo
4
Szakdolgozatomban a LopezDesign teljes arculatának megtervezésének lépéseit mutatom be. Először a logó megformálódását követem végig az első skiccektől a végső méretezett változatig, kitérve a kötelező térközökre, színekre és használati módokra. Bemutatom a használt betűtípusokat, valamint grafikai elemeket, melyeket használtam a tervezés során. Ezek után következnek a névjegykártya, levélpapír, boríték- és dossziétervek, weblap-grafika és logóanimáció. Végül bemutatom a logót használat közben: járművön, különböző ajándéktárgyakon, utcai megjelenésben és végigkövetem a stencilezés folyamatát. Munkám során kidolgoztam a LopezDesign teljes arculatát. Bebizonyítottam, hogy egyszerű, egyedi, erős logót alkottam, mely megállja a helyét az brand fő elemeként.
5
The purpose of my thesis is to show the steps of creating the full corporate identity of LopezDesign. First I follow up the born of the logo from early sketches to the final measured out version; including minimum clear space, colors and usage. I also present the fonts and graphic elements I used. After that comes the name card, letterhead, envelop, folder, homepage design and the logo animation. At last I show the logo in use: vehicle, promotional items, as street art, and follow the process of making stencil. During my work I have elaborated the whole corporate identity of the LopezDesign. I proved I made a simple, unique, strong logo which can be used in real life as main part of the brand.
6
1.
Bevezető ...................................................................................................................... 8
2.
LopezDesign logó ............................................................................................... 10
2.1
Logó-méretezés ................................................................................................. 14
2.2
Logó-térközök .................................................................................................... 15
2.3
Arculati színek.................................................................................................... 16
2.4
Logó-használat ................................................................................................... 18
3.
Betűtípus ................................................................................................................... 20
4.
Grafikai elemek ......................................................................................................... 21
5.
Névjegykártya............................................................................................................ 22
6.
Levélpapír .................................................................................................................. 23
7.
Boríték ....................................................................................................................... 24
8.
Dosszié....................................................................................................................... 25
9.
Weblap ...................................................................................................................... 26
10. Animáció.................................................................................................................... 27 11. Megjelenés ................................................................................................................ 28 12. Konklúzió ................................................................................................................... 33 13. Irodalomjegyzék ........................................................................................................ 34
7
Bevezető
1. Bevezető Napjainkban megfigyelhető, hogy inkább a reklám és csomagolás adja el a termékeket, mintsem a valódi minőségük. A hangsúly a megjelenésre helyeződik át, a tudatos brand-építésre. Kialakítunk egy megkapó grafikai anyagot, megcélzunk egy érzést amit sugározni szeretnénk a vásárlók felé, választunk formát, színt és grafikai nyelvet, amivel kommunikálni fogunk. Pozícionálni kell magunkat az adott területen és tisztában kell lennünk vele kik vagyunk, mi a termék és mit szeretnénk mutatni magunkból kifelé. Tisztában kell lennünk, hogy ki lesz a célközönség, nekik milyen igényeik vannak, milyen módon és milyen médiumokon keresztül tudunk a legjobban szólni hozzájuk. Egy tudatos arculatépítéssel
több
évre
előre
biztosítani
tudjuk
egységes
és
erős
megjelenésünket. Szakdolgozatom során a saját arculatomat alakítottam ki, melynek neve LopezDesign. A név 2008-ban Dániában született meg, melyhez logót is készítettem akkor. 2009-ben készült el egy teljesen flash-es honlap, mely saját domain alatt azóta is fut (www.lopezdesign.hu). Itt találhatóak meg eddigi munkáim, a teljes portfólióm. A régi arculati irányokkal most teljesen szakítottam, semmit nem őriztem meg belőlük. A LopezDesign egy egyszemélyes designjelenség, mely mögött én, Páncél Zoltán grafikus designer állok. A friss arculat kialakításával az a célom, hogy magamat előnyösen tüntessem fel mind webes, mind nyomtatott formában, felhívjam a figyelmet és esetleges jövőbeni megbízókat, megrendelőket szerezzek. Célközönségem a fiatal tinédzser zenekaroktól a komoly céges megrendelőkig terjed. Egyszerre kell sugallnom, hogy megállom a helyem az interneten és nyomtatásban is, tehát rendelkezek webes és dtp ismeretekkel is. Termékem a több év alatt külföldön és itthon, tanároktól és autodidakta módon megszerzett grafikai tudás, valamint kreativitásom, melyeknek ötvözetéből munkáim születnek. Először a logó megformálódását fogom végigkövetni az első skiccektől a végső méretezett változatig, kitérve a kötelező térközökre, színekre és használati módokra. Bemutatom a használt betűtípusokat, valamint grafikai elemeket,
8
Bevezető
melyeket használtam a tervezés során. Ezek után következnek a névjegykártya, levélpapír, boríték- és dossziétervek, weblap-grafika és logó-animáció. Végül bemutatom a logót használat közben: járművön, különböző ajándéktárgyakon, utcai megjelenésben és végigkövetem a stencilezés folyamatát is.
9
LopezDesign logó
2. LopezDesign logó A logó tervezése során három nagyon fontos szempontot vettem alapul. Az első a „facebook design” követése, tehát legyen letisztult, egyszerű, könnyen megjegyezhető, álljon kevés részből és színből. Lehessen pár vonallal is lerajzolni vagy akár stencillel a falra fújni. Második szempont a fiatalosság, játékosság megőrzése, bizonyos mértékű „cartoon style” beépítése mindaddig, amíg a logó komoly tud maradni. A harmadik és egyben legfontosabb az egyediség: legyen a logó egy teljesen új forma, amibe mégis mindenki valamilyen létező dolgot vél felfedezni. Bemutatnám a fejlesztés különböző állomásait. A rajzos skicceknél még nagy hatással volt rám az előző LopezDesign logó, és nagyon nehéz volt elszakadni a berögzült megjelenéstől (a régi verzió megtalálható a www.lopezdesign.hu oldalon, ennek bemutatása nem része a szakdolgozatnak)
10
LopezDesign logó
Ezt követően nekiláttam az Adobe Illustrator szoftver segítségével számítógépes terveket készíteni.
11
LopezDesign logó
Az
utolsó
„LPD”-s
designt
tartottam
a
legmegfelelőbbek
és
konzulensemmel arra jutottunk, hogy ezt fogom tovább fejleszteni. Próbáltam más oldalról megközelíteni a formát és készítettem rá sok fajta módozatot, de végül az eredeti „cartoon” stílusúnál maradtam, leegyszerűsítve és kevesebb színt használva.
12
LopezDesign logó
A következő probléma a logotípia beillesztése volt, ugyanis a LopezDesign feliratot szerettem volna megjeleníteni a logóban. Ez nem volt egyszerű, mert a szimbólum nagyon egységes és erős volt. Nem szerettem volna ezt megbontani, ezért egy olyan leválasztható elemre helyeztem el a feliratot, amely követi a trapéz formát, de adott esetben el is lehet hagyni.
Sok finomítás és mérlegelés után végül megszületett a végleges logó. A LPD márkajel megalkotásakor a Showcard Gothic reklámfontból indultam ki, azt alakítottam át a megfelelő formákat kinyerve. Számomra a logó egy szemüveges teremtményt ábrázol, aki kinéz egy elhúzott rostélyon, kicsit hasonlít Tim Burton Nightmare Before Christmas című filmjében az őrült tudósra, vagy a Gruu című animációs rajzfilm kis sárga munkásaira. Nagyon pozitívan értékeltem azt a jelenséget, hogy különböző emberek sorra mást és mást láttak a formában: rabló, kuka, űrhajó, ninja, R2D2 stb. Fontosnak tartottam, hogy olyan egyedi formát tervezzek ami, mégis mindenkiben összeáll valami megfogható jelenséggé. A logotípia kialakításánál a BaseTwelve betűcsalád SansSmallCaps betűtípusát használtam fel. Azt szerettem volna, hogy ha a szimbólum önmagában is megállná a helyét logotípia nélkül, ezért az a hangsúlyosabb logóban.
13
Logó-méretezés
2.1 Logó-méretezés A tervezésben fontos szerepe volt a trapézformának melynek alapja egy négyzet volt, hogy a logó a absztrakt formája ellenére rend legyen az építkezésnél. Figyeltem a megfelelő térközökre, hogy messziről se olvadjanak össze az elemek és markánsan elkülönüljenek a részek. Ugyanazt a távolságot használtam a felső és alsó elemek között az emblémában és a tőle jobbra lévő logotípiánál. A logotípia alatti hasáb alakja úgy lett kialakítva, hogy kövesse a trapézos hátteret, annak meghosszabbított levágott darabja legyen.
14
Logó-térközök
2.2 Logó-térközök
15
Arculati színek
2.3 Arculati színek A logó fő színeinek megalkotásánál a három festői alapszínből indultam ki és további három irányvonalat követtem: az első az aktuális, fiatalos, városi, „street art” vonal, a második koszos „industrial-os” , a harmadik pedig a mai weblapokon megfigyelhető „web 2.0”-es megjelenés. A színeket csak két színkomponensből állítottam össze, hogy két direkt színnel gazdaságosan is megvalósítható legyen a nyomtatás. Az alapértelmezett szín a kék, ezt kell mindenhol használni ha lehetséges. A vöröset és a sárgát a háttérrel való ütközés esetén lehet használni vagy abban az esetben, ha az illető szín jobban illik az adott arculati környezethez. Fő-színként azért választottam a kéket, mert ezen változata nem semleges, egyszerre sugallja a megbízható komolyságot, és a fiatalos lendületet.
16
Arculati színek
Pantone-színek:
17
Logó-használat
2.4
Logó-használat Az emblémát úgy terveztem meg, hogy megállja a helyét a jobb oldalon
külön álló név-doboz nélkül is, így lehet egymagában is használni. Viszont fordítva ez nem igaz. Alapesetben a kék színű változatot kell mindenhol használni. A vöröset és sárgát a korábban már említett háttér-ütközés esetén lehet alkalmazni, illetve abban az esetben ha ez jobban illik az adott arculati környezethez. Fekete háttér esetén is használható a színes logó, az egyszínű fehér mellett.
A szövegdobozt egyedül használni, elforgatni, vagy bármilyen módon leválasztani a márkajelről nem lehet. Tilos figyelmen kívül hagyni a térközöket, a logót bármilyen irányban elforgatni, illetve tükrözni. Csak homogén vagy színátmenetes háttéren helyezhető el, erős mintázatú felületen nem.
18
Logó-használat
19
Betűtípus
3. Betűtípus A betűcsaládot már maga a logó meghatározta, ennek különféle változatait használtam fel a tervekben. Úgy választottam őket, hogy illeszkedjenek a „cartoon”-stílushoz, de olvashatóak is maradjanak. Az kenyérszövegeknél csak a Base Twelve Serif betűtípus használható.
Base Twelve SansSCB
Base Twelve Serif
Base Twelve SerifBI
Base Twelve SmallCaps
20
Grafikai elemek
4. Grafikai elemek A grafikai elemek megalkotásánál a trapézformát használtam fel és a kék alapszín
világosabb
változatait.
Egyfajta
szétesettséget,
rendezetlenséget,
dinamikát, lendületet, fiatalosságot sugároznak az elemek. A szürkeárnyalatos verziók tónuskülönbségei követik a színes változatok színintenzitás különbségeit. Szlogenem kétnyelvű: első fele a „Crop the World™” az új kreatív designerlátásmódra utal, melyet képviselek. Második fele az „ötlet > fantázia > design” pedig egy sematikus eszenciája a grafikus munkafolyamatomnak. A grafikai elemek jól demonstráljál a szlogen jelentését: mintha kis kivágott világ-szeletek lennének egymásra halmozva.
21
Névjegykártya
5. Névjegykártya A névjegykártya mérete a sztenderd 90x50 mm. Lekerekített sarkokat használtam mert ezáltal izgalmasabb és modernebb a megjelenése. A grafikában a bonyolult világot úgy jelenítem meg, mint egy nagy labirintust, ami tele van éleshegyes épületekkel, gépekkel és végeláthatatlan járatokkal. Kiismerhetetlen és folyamatosan változik: az ember ha ránéz mindig más formán akad meg a szeme és próbál belelátni valamilyen létező objektumot.
22
Levélpapír
6. Levélpapír
23
Boríték
7. Boríték
24
Dosszié
8. Dosszié
25
Weblap
9. Weblap A kiírás szerint Wordpress-blog formában kellett megvalósítani a honlapot. Feltöltöttem bejegyzések formájában a szakdolgozat teljes anyagát, mely itt található meg: www.lopezdesign.hu/lopezblog . A tervezés során a legnagyobb hangsúly a fejlécre helyeződött, ezt dolgoztam ki a legrészletesebben. Úgy alakítottam ki a grafikát, hogy 1024x768-as és full-HD felbontásban is élvezhető lehessen. A struktúránál egy ingyenes sémából indultam ki, de minden grafikai elemet lecseréltem.
26
Megjelenés
10.
Animáció
A logóhoz flash-animációt is készítettem, melyben alkotóelemeiből áll össze. Ennek menetét most kiragadott kulcs-képkockákban mutatom be.
27
Megjelenés
11.
Megjelenés
28
Megjelenés
29
Megjelenés
30
Megjelenés
Montázs a stencilezés izgalmas folyamatáról.
31
Megjelenés
A kész stencilekről áttekintő kép. A jobb sarokban megfigyelhető a logó vízjelként használva.
32
Konklúzió
12.
Konklúzió
Szakdolgozatomban felépítettem egy teljesen új arculatot, melyet a továbbiakban valóban használni fogok. A munkafolyamat során a kitűzött célokat elértem: létrehoztam egy letisztult, egyedi, könnyen felismerhető és karakteres megjelenést, mely képes lesz brandként működni a jövőben. Kidolgoztam egy teljes arculati rendszert lebontva elemekre, szabályrendszerekre, színekre. Bemutattam több, egymástól nagyon eltérő környezetben a logó megjelenését, ezzel bizonyítva, hogy megállja a helyét a valóságban is. Munkám kimeríti az arculati kézikönyv fogalmát, mely szakdolgozatom célja volt.
33
Irodalomjegyzék
13.
Irodalomjegyzék
Virágvölgyi Péter: A tipográfia mestersége számítógéppel, Osiris Kiadó KFT., 2004. Alice Twemlow: Mire jó a grafikai tervezés?, Scolar Kiadó, 2008. David Jury: Mi az a tipográfia?, Scolar Kiadó, 2007. Matthew Healey: Mi az a Branding?, Scolar Kiadó, 2009. Williams Robin: Tervezz bátran! – Oldaltervezés és tipográfia egyszerűen és azon túl, Scolar Kiadó, 2006. Fishel, Catharine - Gardner, Bill Logótár 2 – 2000 válogatott logó nemzetközileg elismert tervezőktől, Scolar Kiadó, 2007. Fishel, Catharine - Gardner, Bill Logótár 3 – 2000 válogatott logó nemzetközileg elismert tervezőktől, Scolar Kiadó, 2009.
34
