Budapesti Kommunikációs és Üzleti Főiskola
SZAKDOLGOZAT Egy cég kis arculata Jázmin teaház
Konzulens: Gerhes Gábor
Budapest 2010
Készítette: Tóth Adrienn Új Média Grafikus szak
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 01 II. Arculati kézikönyv tartalma 02 2.1. Logó
03
2.2. A logó szerkesztése
04
2.3. A logó helyes használata
05
2.4. A logó helytelen használata 2.5. Tipográfia
2.6. Színrendszer
07 08
III. Arculati eszközök
09
3.1. Kisarculat
10
3.2. Egyéb arculati eszközök IV. Blog arculati elemei 4.1. A blog fejléce és tipográfiája
06
V. Logó vázlatok VI. Fotók VII. Videók VIII. Végső megállapítások IX. Irodalomjegyzék
11 12 13 14 15 16 17 18
Bevezetés Jázmin teaház
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
6
Bevezetés
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.
A logó
Jázmin teaház
A logó
2.1. A logó
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 Jázmin teaház ö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ó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ó fekete háttérben
Logó fehér háttérben
Logó lila háttérben
7
Arculati kézikönyv tartalma
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”.
A logó szerkesztése
Jázmin teaház
A logó szerkesztése
2.2. A logó szerkesztése
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
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 logó helyes használata
Jázmin teaház
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
9
Arculati kézikönyv tartalma
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.
A logó helytelen használata
Jázmin teaház
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.
10
Arculati kézikönyv tartalma
Az olvashatóság megőrzése miatt, tilos a logót torzítani.
Tipográfia
Jázmin teaház
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.
11
Arculati kézikönyv tartalma
Tipográfia a webes megjelenésen Menüpontok: Trajan Pro Szöveg: Veranda Mottó: Monotype Corsiva
Színrendszer
Jázmin teaház
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ő.
̽ Színek elmélete (2010.05.12.)
http://www.webragacs.hu/2010/01/a-szinek-elmeletea-szinek-jelentese/
RGB: 0-0-0 CMYK: 75-68-67-90 # 000000
12
Arculati kézikönyv tartalma
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.
Kisarculat
Jázmin teaház
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.
̽ Színek elmélete (2010.05.12.) http://www.webragacs.hu/2010/01/a-szinek-elmelete-aszinek-jelentese/
13
Arculati eszközök
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ó.
Egyéb arculati eszközök
Jázmin teaház
3.2. Egyéb arculati eszközök Webes arculat terve A Jázmin teaház 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.
14
Arculati eszközök
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ó.
A blog fejléce és tipográfiája
Jázmin teaház
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/
15
Blog arculati elemei
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.
Logó vázlatok
Jázmin teaház
V. Logó vázlatok
16
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.
Fotók
Jázmin teaház
17
Fotók
VI. Fotók
Videó
Jázmin teaház
VII. Videó
18
Videó
A videó linkje: http://www.youtube.com/watch?v=HPydfDyLE4o
Végső megállapítások
Jázmin teaház
VII. Végső megállapítások A Jázmin teaház 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.
19
Végső megállapítások
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.
Irodalomjegyzék Jázmin teaház
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/
20
Irodalomjegyzék
Arculati kézikönyv (2010.06.01) http://www.kosesbika-reklam.hu/arculati_kezikonyv.html
