Budapesti Kommunikációs és Üzleti Főiskola SZAKDOLGOZAT Egy cég kis arculata Konzulens: Gerhes Gábor Készítette: Tóth Adrienn Új Média Grafikus szak Budapest 2010
SZAKDOLGOZAT KIVONAT 1. A szakdolgozat alapvető kulcsszavai: logó tipográfia színrendszer arculat vázlatok 2. A legfontosabbnak ítélt források megjelölése: Corporate Design & Identity: Arculat és Identitás Virágvölgyi Péter: A tipográfia mestersége számítógéppel Alice Twemlow: Mire jó a grafikai tervezés?
A szakdolgozat magyar nyelvű kivonata Szakdolgozatom egy cég kis arculatának kialakításáról szól, amellyel párhuzamban bemutatom a hozzá vezető utat, képekben, rajzokban, beszámolókban. Teaházam célcsoportja elsősorban a fiatalok és középkorúak tehetősebb rétege, ezért bátorkodtam egy dinamikuabb, élénk, manapság divatosnak mondható lila szín használatával. Alapkoncepcióm roppant egyszerű volt. Egy olyan visszafogott, egyszerű, elegáns és egyben dinamikus helyet képzeltem el, amely bárhol a világban megállná a helyét. Mind színeiben, hangulatában, mind teakülönlegességeiben. A teaháznak azt kell sugallnia, hogy itt élmény várja a betérő vendégeket, erre alapozva hoztam létre a mottóját: ahol az érzékeid életre kelnek. A teljes arculatom kialakításánál figyelmet fordítottam arra, hogy az egyes elemek ne csak önmagukban állják meg a helyüket, hanem egymásra épülve egységet is tükrözzenek. Dolgozatomat blog formájában tettem publikussá, így a blogkészítés rejtelmeibe is beleáshattam magam. A virtuális naplóm írása során nyilvánvalóvá vált számomra, hogy egy blognak számos előnye van egy hagyományos weboldallal szemben, hiszen nem igényel különösebb informatikai tudást, könnyen frissíthető, alakítható, személyre szabható. A sablon és a fejléc kialakításánál ügyeltem arra, hogy a blogom kövesse az általam előírt arculati szabályokat. A szakdolgozat az alábbi kötelező post-okat tartalmazza: - vázlatok - logó - tipográfia - színrendszer - mozgókép - levélpapír - névjegykártya Munkám során arra törekedtem, hogy a képzés alatt elsajátított tudásom és a programok (Photoshop, Illustrator, Indesign, After Effects) segítségével igényes, letisztult arculatot hozzak létre.
A szakdolgozat angol nyelvű kivonata Summary of my thesis My thesis is about how to shape the little image of a company, and parallel to that I will introduce the way leading to this in form of pictures, drawings and reports. The target group of my tea shop mainly consists of the wealthier layer of young and middle aged people, that s why I dared to use a quite dynamic and bright shade of violet that is so trendy today. My basic concept was really simple. I imagined a restrained, elegant, yet dynamic location that would come up to expectations anywhere in the world - be it its colours, atmosphere or tea specialities. The tea house shall suggest that experience awaits the guests coming in, so I created the motto accordingly:...where your senses awake. When creating the whole image, I not only payed attention to the fact that the elements should work well separately, but also that built on one another they should mirror a whole unit. I made my thesis public in form of a blog, and this also gave me the opportunity to get really familiar with blog making. While writing my virtual diary it was obvious that a blog has got numerous advantages to a traditional webpage, as it does not require any special IT knowledge, can easily be updated, formed, tailored to one s needs. In the course of shaping the template and the heading I payed attention that my blog follows my rules regarding image. My thesis contains the following compulsary posts: - outlines - logo - typography - colour system - motion picture - stationary - business card During my work I tried to establish a clear image of high standard by means of the knowledge I aquired in the course as well as the programmes I used (Photoshop, Illustrator, Indesign, After Effects).
Tartalom I. Bevezetés II. Arculati kézikönyv tartalma 2.1. Logó 2.2. A logó szerkesztése 2.3. A logó helyes használata 2.4. A logó helytelen használata 2.5. Tipográfia 2.6. Színrendszer III. Arculati eszközök 3.1. Kisarculat 3.2. Egyéb arculati eszközök IV. Blog arculati elemei 4.1. A blog fejléce és tipográfiája V. Logó vázlatok VI. Fotók VII. Videók VIII. Végső megállapítások IX. Irodalomjegyzék 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18
Bevezetés I. Bevezetés Véleményem szerint, egy cég első megítélésénél fontos szerepet kap a cég arculata, ami alapján a cégről kialakul egy kép. Ebbe beletartozik a megtervezett arculat, amely egységes cégidentitást kommunikál a versenytársak és az ügyfelek felé, erős partnert feltételez, és a legtöbb esetben magában hordozza a cég által fontosnak tartott alapelveket. Kidolgozott arculattal bizalom és üzleti előny nyerhető, míg a rosszul megválasztott arculati elemekkel a potenciális vásárló elrettenthető. Tehát a céges arculat az, ami megkülönbözteti a vállalatot a versenytársaktól és meghatározza a vállalatról kialakult képet a vásárlók szemében. Mikor eldöntöttem, hogy a szakdolgozatom egy cég arculatáról fog szólni, szinte már egyértelművé vált számomra, hogy egy teaház arculatát alakítom ki, mivel mindig is érdekelt a teák világa. Egy olyan visszafogott, egyszerű, elegáns és egyben dinamikus helyet képzeltem el, amely bárhol a világban megállná a helyét. Mind színeiben, hangulatában, mind teakülönlegességeiben. A teaháznak azt kell sugallnia, hogy itt élmény várja a betérő vendégeket, erre alapozva hoztam létre a szlogenjét: ahol az érzékeid életre kelnek. A teljes arculatom kialakításánál figyelmet fordítottam arra, hogy az egyes elemek ne csak önmagukban állják meg a helyüket, hanem egymásra épülve egységet is tükrözzenek. Az arculat főbb elemei: - vázlatok - logó - tipográfia - színrendszer - mozgókép - levélpapír - névjegykártya Munkám során arra törekedtem, hogy a képzés során elsajátított tudásom és a programok (Photoshop, Illustrator, Indesign, After Effects) segítségével igényes, letisztult arculatot hozzak létre. 6 Bevezetés
A logó A logó 2.1. A logó Alapkoncepcióm roppant egyszerű volt. Egy olyan visszafogott, elegáns és egyben dinamikus helyet képzeltem el, amely bárhol a világban megállná a helyét. Mind színeiben, hangulatában, mind teakülönlegességeiben. A teaháznak azt kell sugallnia, hogy itt élmény várja a betérő vendégeket, erre alapozva hoztam létre a mottóját, amely így szól: ahol az érzékeid életre kelnek. Első lépésben jól csengő teaneveken kezdtem el gondolkodni és a következők jutottak eszembe: Aroma teaház, Kamilla teaház, és végül már jött is a ötlete. Ezek után a névhez illő megfelelő kép kialakítása váratott csak magára. Olyan logót álmodtam meg, amelynek láttán egyértelművé válik számunka, hogy egy teaház logójával állunk szembe. Így alapvető kiindulási elemekké váltak számomra például a kancsó, csésze, és a teafilter. Mint ahogy a képen is látható, a teáscsésze ötlete tűnt a legjobbnak, így ezt folytatva építkeztem tovább a végleges kép megszületéséig. A következő lépésben olyan brush-ok keresésébe kezdtem, amely egy frissen elkészült gőzölgő tea hatását kelti. Ezt megtalálva nem maradt más hátra, mint a megfelelő betűtípust kiválasztása, amely az emblémát kíséri. Logó fekete háttérben Logó fehér háttérben Logóm fekete, fehér és lila háttérben jelenik meg. Az arculati eszközök és a blog kialakításában nagy hangsúlyt fektettem arra, hogy mind a három szín, szerepet játszon az arculat teljes egységében. Logó lila háttérben 7 Arculati kézikönyv tartalma
A logó szerkesztése A logó szerkesztése 2.2. A logó szerkesztése Logómnál nem alkalmaztam különösebb szerkesztési elveket, mivel a saját vázlatom átrajzolása adta a kiindulási pontot. A rajzom beszkennelése után az Illustrator program segítségével haladtam tovább a munkában. Az eszközök közül a pen tool-t használva rajzoltam át a teáscsészémet, amely három különálló részből alkot egy egészet. Az első átrajzolás maga a csésze, a második a csészealj, a harmadik pedig a csésze füle. Ezeket kijelölve, összecsoportosítottam őket, és ettől kezdve már ebben a formában dolgoztam tovább. Ezután a Photoshop programra tértem át. Itt helyeztem el a kiválasztott brush-t a megfelelő méretben és színben a csésze fölé. Az utolsó lépés pedig a felirat elhelyezése volt, amit középre zárva írtam a csésze fölé. Itt azonban arra kellett figyelni, hogy az írás rétege, feljebb legyen a brush rétegnél, mivel ha ez fordítva lenne, akkor a brush füstös jellege miatt néhány helyen világosabbá tenné a feliratot, és emiatt a logó kisebb méretben nehezen olvashatóbbá válhatott volna. Maradva a rétegek elhelyezésénél, még az sem elhanyagolható, hogy a csésze rétege megelőzze a brush rétegét, mivel így a két elem illeszkedésénél eltakarhatók a kisebb egyenetlenségek. A szerkesztés első fázisa A szerkesztés második fázisa A szerkesztés végleges fázisa 8 Arculati kézikönyv tartalma
A logó helyes használata A logó helyes használata 2.3. A logó helyes használata Minimálisan hagyandó üres tér Ahogy a képen látható, meghatároztam egy X nagyságot, amely a teaház feliratban látható betűtest minimum magassága. Ez a nagyság jelenti a minimálisan hagyandó üres tért a kerettől számítva minden irányban. Minimális felhasználási méret Mind a három szín esetében megegyezik a minimális felhasználási méret. A minimális méretek magassága 30 mm, a szélessége pedig 25 mm. Logó használata színes vagy mintás háttér esetén A logókat a hozzájuk rendelt fekete, fehér és lila háttérrel kell alkalmazni mintás háttér esetén is. 9 Arculati kézikönyv tartalma
A logó helytelen használata 2.4. A logó helytelen használata A logó módosítása a legkisebb mértékben sem megengedett. Ennek értelmében tilos az arányok változtatása, a színek felcserélése, tarka háttér használata, torzítás. Az embléma és a logotípia egymáshoz viszonyított aránya nem változtatható. A logó színei nem cserélhetőek fel, a csésze nem jeleníthető meg lila színben, a háttér pedig nem ábrázolható fekete színnel. Az olvashatóság megőrzése miatt ne használjuk a logót tarka, nagyon sokszínű háttér előtt. Az olvashatóság megőrzése miatt, tilos a logót torzítani. 10 Arculati kézikönyv tartalma
Tipográfia 2.5. Tipográfia Tipográfia a logóban Logóm fő betűtípusaként a Trajan Pro-t használtam, a másodlagos betűtípusom pedig Kalinga. Tipográfia az arculati eszközökben Kisarculatomban egységesen Myriad Pro betűtípust alkalmaztam. Tipográfia a webes megjelenésen Menüpontok: Trajan Pro Szöveg: Veranda Mottó: Monotype Corsiva 11 Arculati kézikönyv tartalma
Színrendszer 2.6. Színrendszer A színeknek erős érzelmi befolyása van ránk. Ha tudjuk, hogy egy-egy szín mit jelent a legtöbb ember számára, tudatosabban tudjuk összeválogatni nemcsak öltözékünk darabjait, de cégünk arculatának, honlapunknak, domináns színeit is. A lila sok-sok ideje már, hogy a királyok színe. Ez a szín a piros és kék egyvelegéből született és így mindkettőtől örökölt néhány tulajdonságot. Ez a szín főként a jó képzelőerő és a kreativitás szimbóluma. RGB: 97-20-90 CMYK: 66-100-32-25 # 611E5B A fekete minden szín közül a legerősebb. Pozitív szemszögből hatalom, elegancia és formalitás szimbóluma. A fekete, mondhatni legnagyobb ellensége a fehér, mégis ez a két szín egészíti ki egymást talán a legjobban. Ahogy a fekete esetében, a fehér is minden hideg és meleg színnel kiválóan keverhető. Teaházam célcsoportja elsősorban a fiatalok és középkorúak, ezért bátorkodtam a fekete és a fehér szín mellett a dinamikus és élénk lila szín használatával. RGB: 0-0-0 CMYK: 75-68-67-90 # 000000 Színek elmélete (2010.05.12.) http://www.webragacs.hu/2010/01/a-szinek-elmeletea-szinek-jelentese/ 12 Arculati kézikönyv tartalma
Kisarculat 3.1. Kisarculat Amelyik cég ad az arculatára, megjelenésére, már bizalmat keltett. A magával ragadó megjelenés, a meggyőző látvány rendkívül fontos. Az emberek többsége ugyanis érzelmi alapon dönt, amit a legtöbb esetben az első benyomás határoz meg. Minden cégnek, szervezetnek szüksége van egységes vizuális megjelenésre, mely egyértelműen azonosítja partnerei és környezete felé, minőségével és kialakításával kiegészíti és teljessé teszi élő megjelenését. A kisarculatom kialakításánál figyelmet fordítottam arra, hogy egységet tükrözzenek. A levélpapíron és a borítékon bal oldalt helyeztem el egy fekete sávot, majd ennek tetejére, 73%-os átlátszósággal raktam egy téglalapot. Ezen szerepel a logó fehér változatában, valamint a cég neve és címe. A névjegykártyák három színben készültek el. A logó döntve helyezkedik el a szintén megdöntött téglalapon, a többi adat pedig már függőlegesen látható. Színek elmélete (2010.05.12.) http://www.webragacs.hu/2010/01/a-szinek-elmelete-aszinek-jelentese/ 13 Arculati eszközök
Egyéb arculati eszközök 3.2. Egyéb arculati eszközök Webes arculat terve A weboldalának domináns színévé a lila vált, mivel ez adja az egész oldal alap hátterét. A tartalom és a menüpontok színe fehér, és csak kis mennyiségben láthatunk fekete színt. Tealap A tealap hátterében egy zöld teáscsészét láthatunk, amelyet keretbe foglal fent és lent két darab 73%-os átlátszóságú fekete sáv. Ez az átlátszóság csak a tealap esetében, a fehér színben használt logó háttereként szolgál. A mottó a tealap alján, az alsó sávban olvasható. Papírtáska és teatartó A papírtáska színe fekete, így a fekete hátterű logó felhasználásával készült, ahogy a teatartó kis tasak is. Egyen- és formaruhák Mindhárom logó színét kihasználva a pólók három színben készültek el. Törzsvásárlói kártya A törzsvásárlói kártya fő színe itt is a lila. A háttérben 51%-os átlátszósággal a logó alapeleme, a csésze látható. 14 Arculati eszközök
A blog fejléce és tipográfiája 4.1. A blog fejléce és tipográfiája Fejléc Fejlécem lila alapon egy logóból, alatta egy 73%-os átlátszóságú kockából, alul és fent fekete kis sávokból, 53%-os átlátszóságú brushból, és a mottóból áll össze. A blog linkje: http://jazminteahaz.wordpress.com/ Tipográfia A fejléc tartalmazza a logó betűtípusait, amely Trajan Proból és a Kalinga-ból áll. A mottó betűtípusa pedig Monotype Corsiva. 15 Blog arculati elemei
Logó vázlatok V. Logó vázlatok Mikor eldöntöttem, hogy a szakdolgozatom egy cég arculatáról fog szólni, szinte már egyértelművé vált számomra, hogy egy teaház arculatát alakítom ki, mivel mindig is érdekelt a teák világa. Névadásnál egy szépen csengő virág nevet találtam ki, így esett a választásom a Jázmin teaházra. Ezek után ceruzát fogtam és vázlatok készítésébe kezdtem. Első gondolatom egy cégér szerű logó volt (képen legfelül), amelyet leginkább az idősebb korosztály számára tudtam volna leginkább elképzelni. A következő tervem, az előző logótól balra, egy olyan képet mutat, ahol éppen teát öntünk a csészébe. Konzulensemmel, Gerhes Gáborral azonban arra jutottunk, hogy ez inkább nyugtalan, instabil hatást kelt. A legalsó tervem pedig kissé rejtélyesre sikeredett, így mindenképp a középen látható vázlatommal haladtam tovább a részletes kidolgozásban, hiszen ez kivétel nélkül szinte mindenkinek elnyerte a tetszését. 16 Logó vázlatok
Fotók VI. Fotók 17 Fotók
Videó VII. Videó A videó linkje: http://www.youtube.com/watch?v=hpydfdyle4o 18 Videó
Végső megállapítások VII. Végső megállapítások A arculatának kialakítása nagy kihívás volt számomra, azonban emellett élvezetes és kreatív feladatnak is bizonyult. Könnyű helyzetem volt, hiszen kiélhettem a teaházzal kapcsolatos elképzeléseimet. Ez a feladat a való életben nem biztos, hogy így lenne, mivel általában alkalmazkodnunk kell a megrendelők elvárásaihoz, elképzeléseihez. A teljes arculatom kialakításánál figyelmet fordítottam arra, hogy az egyes elemek ne csak önmagukban állják meg a helyüket, hanem egymásra épülve egységet is tükrözzenek. Véleményem szerint, hogy az Új Média Grafikus képzés során megszerzett tudást megfelelően tudtam alkalmazni, és ez a tudás megfelelő alapot biztosít majd számomra a jövőbeli munkáim során. 19 Végső megállapítások
Irodalomjegyzék IX. Irodalomjegyzék Színek elmélete (2010.05.12.) http://www.webragacs.hu/2010/01/a-szinek-elmelete-aszinek-jelentese/ Színek jelentése (2010.05.14.) http://krisztamami.hunreal.com/szin-patika/a-szinekjelentese/ Színek elmélete (2010.05.12.) http://www.webragacs.hu/2010/01/a-szinek-elmelete-aszinek-jelentese/ Arculati kézikönyv (2010.06.01) http://www.kosesbika-reklam.hu/arculati_kezikonyv.html 20 Irodalomjegyzék