Budapesti Kommunikációs és Üzleti Főiskola SZAKDOLGOZAT. A LopezDesign teljes arculatának megtervezése. Budapest

Átírás

1 1

2 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

3 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

4 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

5 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

6 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

7 1. Bevezető LopezDesign logó Logó-méretezés Logó-térközök Arculati színek Logó-használat Betűtípus Grafikai elemek Névjegykártya Levélpapír Boríték Dosszié Weblap Animáció Megjelenés Konklúzió Irodalomjegyzék

8 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 ben készült el egy teljesen flash-es honlap, mely saját domain alatt azóta is fut ( 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

9 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

10 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 oldalon, ennek bemutatása nem része a szakdolgozatnak) 10

11 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

12 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

13 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

14 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

15 Logó-térközök 2.2 Logó-térközök 15

16 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

17 Arculati színek Pantone-színek: 17

18 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

19 Logó-használat 19

20 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

21 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

22 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

23 Levélpapír 6. Levélpapír 23

24 Boríték 7. Boríték 24

25 Dosszié 8. Dosszié 25

26 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: 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

27 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

28 Megjelenés 11. Megjelenés 28

29 Megjelenés 29

30 Megjelenés 30

31 Megjelenés Montázs a stencilezés izgalmas folyamatáról. 31

32 Megjelenés A kész stencilekről áttekintő kép. A jobb sarokban megfigyelhető a logó vízjelként használva. 32

33 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

34 Irodalomjegyzék 13. Irodalomjegyzék Virágvölgyi Péter: A tipográfia mestersége számítógéppel, Osiris Kiadó KFT., Alice Twemlow: Mire jó a grafikai tervezés?, Scolar Kiadó, David Jury: Mi az a tipográfia?, Scolar Kiadó, Matthew Healey: Mi az a Branding?, Scolar Kiadó, Williams Robin: Tervezz bátran! Oldaltervezés és tipográfia egyszerűen és azon túl, Scolar Kiadó, Fishel, Catharine - Gardner, Bill Logótár válogatott logó nemzetközileg elismert tervezőktől, Scolar Kiadó, Fishel, Catharine - Gardner, Bill Logótár válogatott logó nemzetközileg elismert tervezőktől, Scolar Kiadó,