Budapesti Kommunikációs és Üzleti Főiskola SZAKDOLGOZAT - Arculati kézikönyv, kisarculat konzulens: Marcell Tamás Grotesque készítette: Marschalkó Szilárd Új Média Grafikus szak Budapest 2010
SZAKDOLGOZAT KIVONAT 1. A szakdolgozat alapvető kulcsszavai: arculat logó grafikai tervezés design 2. A 4 legfontosabb forrás: Virágvölgyi Péter: A tipográfia mestersége számítógéppel Osiris Kiadó, 2004. Catherine Fishel, Bill Gardner: Logótár Scolar Kiadó,2006. Lesa Sawahata: Színharmónia a gyakorlatban Scolar Kiadó,2006. órai jegyzetek 2
3. A szakdolgozat kivonata: Szakdolgozati témának egy cég kisarculatának megtervezését választottam. A cég a nevű grafikai stúdió. Érdekes kihívásnak tartottam, hogy ez alkalommal én alakíthatok ki egy arculati rendszert. Az arculati kézikönyvet úgy készítettem el, hogy könnyen bővíthető legyen igény szerint felmerülő újabb elemekkel. Törekedtem arra, hogy a képzés során elsajátított technikák felhasználásával a saját ötleteim, gondolkodásmódom ki tudjam teljesíteni. Az arculat tervezésénél tehát magából a névből indultam ki. Fontosnak tartottam, hogy az arculati elemek kapcsolatban legyenek a cég nevével, működésével. A design alapkoncepciója a letisztult, leegyszerűsített, ugyanakkor modern, fiatalos forma volt. A logó többszöri átalakításon esett át, mire elnyerte végleges formáját. A teljes arculat (logó, kisarculat) létrehozásánál arra törekedtem, hogy az egyes elemek egymásra épüljenek, és önmagukban is megállják a helyüket. A fényképek, grafikai elemek használata, megalkotása során az Adobe programjait használtam. Ezek a Photoshop és Illustrator programok voltak. A mozgókép utómunkálatai során ugyancsak az Adobe szoftverei voltak segítségemre: az After Effects és Premier programok ismerete nagy előnyt jelentett. A szakdolgozatot egy általam létrehozott blogon publikáltam, amely az alábbi kötelező post-okat tartalmazza: fotó, amelyet az első tervekről készítettem egy mozgókép logó, logó használatának szabályai arculati tipográfia arculati színrendszer levélpapír, vagy egy másik kommunikációs felület névjegykártya, vagy egy másik kommunikációs felület az arculat kialakítása, menete, vázlatok, ötletek Szakdolgozatom megtalálható a www.szmarschalko.wordpress.com blogon.. Budapest, 2010. május 20. 3
3. A szakdolgozat kivonata angol nyelven: The topic of my thesis is designing of the basic corporate identity for a firm. The firm s name is which a graphical studio. Therefore it was a huge challenge for me to set up an image system on my own this time. I designed the corporate identity that allow to insert new elements in the future. I tried to use techniques, that I learned in the training mixing with my own ideas, thinking. The layout design is itself the firm s name went up. It was important that the design elements related to the firm sname and the firm s function. The design basic concept was a clean, simple and modern, youthful form. The logo has undergone several alterations and modifications, before it gained its final form. The full identity (logo, letterhead, business card) have tried setting up to the individual components are built on each other and could funcion alone too. During my work in preparing the photos and graphical elements I made use programs of Adobe. These were Photoshop and Illustrator. Post operation of moving pics the knowledge programs of Adobe were my friend: After Effects and Premier Pro programs proved to be beneficial. I published my thesis on the blog that were prepared in the following required posts include: 1st picture, which shows the first plans 2nd a movie 3rd logo, logo use rules 4th typography 5th color rules 6th letterhead, or a different communication interface 7th business card, or another communication interface 8th The design of the development process thinking, sketches and ideas as well. I also published my topic on the following blog: www.szmarschalko.wordpress.com.. Budapest, 2010. május 20. 4
MUNKANAPLÓ Tartalomjegyzék I. Bevezetés... 6 II. A feladat ismertetése... 7 III. A logó... 8 IV. A szín... 13 V. Tipográfia... 14 VI. Kisarculat... 15 VII. Névjegykártya... 16 VIII. Levélpapír... 17 IX. Levélpapír... 18 X. Animált logó... 19 XI. Végső megállapítások... 19 XII. Irodalomjegyzék... 20 5
I. Bevezetés Mi az arculat vagy corporate identity (CI)? Az arculat a vállalaton belüli olyan stratégiai irányítást és ennek megfelelő cselekvési tervet, olyan intézkedések összességét jelenti, amely összehangolva a vállalat/szervezet osztályainak, részlegeinek és csoportjainak tevékenységét, a cég/szervezet belső és külső minősítésének és hírnevének sikeres és meghatározott tartalmú, tervszerű alakítását, építését célozza. Uwe Goettsche hirdetési igazgató szerint /1982/ Egy cég befelé és kifelé irányuló önábrázolását és magatartását, megnyilvánulásainak megtervezett, tudatosan és folyamatosan használt összességét értjük. A vállalati magatartás, a vállalati megjelenés és kommunikáció kitüntetett jelentőségű kombinációja, amelyben megjelenik a vállalat személyisége és saját magáról alkotott és közölni kívánt képe. A vállalati arculat jelentősége: Azonosít és megkülönböztet Minősít Gazdaságos A szolgáltatás minőségét is meghatározza Egy kis cégnél az arculat túlnyomó részben a grafikai megjelenésre korlátozódik. Ebben a dolgozatban is erre koncentráltam, a feladat is ez volt: kisarculat készítése. Az arculat főbb elemei: logó névjegykártya fejléces papír boríték animált logó 6
II. A feladat ismertetése A konkrét feladatom egy cég arculatának, arculati kézikönyvének létrehozása volt. A kézikönyvnek meghatározott, kötelező elemeket kell tartalmaznia. Ezek az elemek: 1. logó, logó használatának szabályai 2. arculati tipográfia 3. arculati színrendszer 4. levélpapír 5. névjegykártya 6. boríték Az elkészült anyagot egy blogon kell bemutatni, magyarázatokkal ellátni. Itt folyamatosan nyomon lehetett követni az arculat alakulását. A blog kötelező elemei: fotó, amelyet az első tervekről készítettem egy mozgókép logó, logó használatának szabályai arculati tipográfia arculati színrendszer levélpapír, vagy egy másik kommunikációs felület névjegykártya, vagy egy másik kommunikációs felület az arculat kialakítása, menete, vázlatok, ötletek. A blog címe: szmarschalko.wordpress.com. Köszönettel tartozom a Grotesque csapatának, külön köszönet Marcell Tamásnak a soksok szakmai segítségért és iránymutatásért. 7
III. A logó A logó (márkajel, jelkép) egy cég vagy intézmény vizuális arculatának alapvető eleme, ezen keresztül tudja önmagát vagy termékét reklámozni. A logótervezés összetett feladat. Első lépésként meg kell ismerni a munka tartalmát és jellegét, tehát a megrendelőt, akinek a logó készül. Amennyiben a megrendelő egy cég, ismerni kell annak fő célkitűzéseit, stratégiáját, milyen terméket gyárt és kinek. A logót szimbolizálhatja egy forma (ikonikus logó), lehet maga a cég neve (logotípia), vagy annak rövidítése, illetve lehet vegyes logó, ekkor a képi szimbólum (embléma) és a logotípia közösen adja annak jellegzetességét. Tervezésnél fontos a logotípia az adott feladatnak megfelelő betűtípusának kiválasztása, és tipográfiai illesztése a szimbólumhoz. A logó nem lehet általános, jelentésében, megjelenésében szorosan kapcsolódnia kell a céghez illetve intézményhez, melynek készül, a mondanivalóhoz, amit kifejez. A tervezésnél végig kell gondolni, hogy a logónak milyen felhasználási területei lehetségesek. Például óriásplakáton és levélpapíron is elérje a kívánt hatást, tehát különböző méretekben, különböző nyomathordozókon egyaránt reprodukálható legyen. Nyomdai sokszorosítás során a vékony vonalak elveszhetnek, az apró betűk pedig helyenként becsukódhatnak. A cég logójának megtervezésekor adott volt a felirat és a betűcsalád. Ehhez ragaszkodtak a megrendelők. Egy viszonylag jó támpontot adó briefet is mellékeltek, így ez könnyítette a munkát. Világosan leírták mit is szeretnének, melyek az elvárásaik. A brief: Amit a logótervezéshez a ről tudni kell: 2007-ben alakultunk, eleinte csak egy baráti társaságként azzal a céllal, hogy saját szórakoztatásra, ismerősöknek, barátoknak grafikai anyagokat készítsünk, mondhatni hobbi szinten. Elvünk az egyszerűség volt, innen jött a SIMPLEM név. 8
Később elkezdtünk komolyabban foglalkozni a grafikával és most már külső megrendelőink is vannak, illetve szeretnénk a hobbi jelleget átváltani hivatalos grafikai stúdióvá. A név pedig kiegészült a felirattal, ami a tevékenységre utal. Az eredeti betűn viszont nem kívánunk változtatni, annak maradnia kell: ez a Freeway Gothic. A SIMPLEM fiatalos, modern, dinamikus és rugalmas cég, aki ugyanakkor hiteles és megbízható. Milyen logót szeretnénk? Nincs kiforrott brand-ünk, színeink, betűtípusaink (kivéve a nevet), grafikai elemeink. Ez egyrészt könnyíti, másrészt nehezíti a munkát. A logó vonalvezetése legyen letisztult, ugyanakkor dinamikus és modern, fejezze ki értékeinket. Formája szintén tiszta, egyszerű legyen, mondjuk S vagy ehhez hasonló alakú. De betűlogóban is gondolkodhatunk. A SIMPLEM nevet, ha lehetséges szerepeltessük benne vagy valahogy mellette. A színvilága legyen üde, figyelemfelkeltő, mondjuk valami piros, lila, szürke vagy ami ezekhez passzol, de egy színben vagy fekete-fehérben is mutasson jól. Szeretnénk kérni több, 3-4 logótervet, amiből kiválaszthatjuk, melyiket finomítsuk véglegesre. 9
Az első tervek, vázlatok Majd a kiválasztott darab finomítása 10
Megszületett a logó A logó kialakulása 11
Különböző színvariációkban 12
IV. A szín A színek pszichológiájának ismerete nagyban befolyásolja a kész logót, segítségével előre tervezhető a grafika szemlélőre gyakorolt hatása, az érzelmek, melyeket belőle kivált. A logó színének a narancsot választottam. A narancssárga ötvözi a a piros által sugalmazott energiát és a sárga boldogságát. Általában az örömmel, napfénnyel és a trópusokkal kötik össze. A narancssárga a lelkesedést, az elragadtatást, a boldogságot, a kreativitást, az elhatározottságot, a vonzerőt, a sikert,a bátorítást, és az izgatást fejezi ki. Az emberi szem számára a narancssárga egy nagyon meleg szín, így a forróság érzetét kelti, de nem olyan agresszív, mint a piros. A narancssárga növeli az agyba jutó oxigén mennyiségét, élénkítő hatású és növeli a szellemi aktivitást. Nagyon elfogadott a fiatalok körében. A narancssárgáról az egészséges étel jut eszünkbe és az étvágyunkat serkenti. A címertanban a narancssárga az erő és a kitartás szimbóluma. A narancssárga nagyon feltűnő szín, tehát használhatod figyelemfelkeltésre és a legfontosabb elemek kiemelésére a design-ban. Véleményem szerint ez jobban illik a cégfilozófiájához, amit ők is elfogadtak. Ezeket pantone színben cmyk-ban, rgb-ben és lab colorban adtam meg. A színrendszer 13
V. Tipográfia Egy kiadvány saját tipográfiája alatt annak külső megjelenési formáját értjük. A tipográfia alkotóelemei a betűk, nyomdai díszek, léniák és a képek. A kiadványt mindig az alkotóelemek elrendezése teszi egyedivé. A tipográfia egyrészt a betűtervezést, másrészt a kész betűvel való tervezést jelenti, a legalapvetőbb tipográfiai elem tehát a betű. Előfordul, hogy egy adott kompozíció szereplője egyetlen betű, melynek hatása lehet például informatív, vagy díszítő jellegű. A kiadványban használni kívánt betűtípus kiválasztásánál lényeges szempont az is, hogy rendelkezésre álljanak a megfelelő ékezetes betűk (például magyar ékezetek), és a kiadványhoz szükséges összes jel. Sajnos a Freeway Gothic nem tartalmaz minden magyar ékezetes karaktert, így szükség volt egy másik betűcsalád használatára és az előbbit önállótipográfiai elemként csak a logóban használni. Az új betű a Futura T EE lett. A kiválasztásnál fontos szempont volt, hogy ne legyen túl markáns, ugyanakkor mégis fiatalos hatása legyen. Tipográfia 14
VI. Kisarculat A kisarculati látványterven látható az elemek együttes megjelenése. Kisarculat látványterv 15
VII. Névjegykártya A névjegykártya mérete 90 x 50 mm. A név: Futura T EE Bold 9pt A titulus: Futura T EE Light 7pt Az egyéb adatok jelölése: - milyen adat: Futura T EE Bold 8pt, narancs szín - maga az adat: Futura T EE Lightd 7pt A hátoldalon a logó középre van igazítva mind függőlegesen, mind vízszintesen. A névjegykártya 16
VIII. Levélpapír A levélpapír mérete A/4. Felül: a logó középre igazítva. Alul balra: a logó. Alul jobbra: az adatok. A levélpapír 17
IX. Boríték A boríték francia boríték méretű. Bal fenn: a logó. Bal lenn: az adatok. A boríték 18
X. Animált logó A logót animáltam és egy kellemes zenét raktam alá. Animáció XI. Végső megállapítások Egy arculat megtervezése igen összetett feladat. Sok-sok munkaóra és kitartó tervezés árán jutunk el a kívánt eredményhez. Alázatosnak kell lenni a feladattal szemben, mert közel sem olyan egyszerű, mint sokan azt tévesen gondolják. A semmiből létrehozni valamit, alkotni ugyanakkor rendkívül jó érzés. Létrehozni egy szabályrendszert, leírni a részleteit a 19
legapróbb részletekig. És mindezt úgy, hogy közben szem előtt kell tartani a funkcionalitást, az elvárásokat a megrendelő részéről. Lehetőség nyílik az önmegvalósításra is. Összességében elmondhatom, hogy az arculattervezés nehéz, ám annál izgalmasabb és élvezetesebb feladat. XII. Irodalomjegyzék Alice Twemlow: Mire jó a grafikai tervezés?, London, Scolar Kiadó, 2008 Catharine Fisher Bill Gardner: Logótár. Budapest, Scolar Kiadó, 2010. David Jury: Mi az a tipográfia. Budapest, Scolar Kiadó, 2007. Lesa Sawahata: Színharmónia a gyakorlatban Scolar Kiadó,2006. Rule29: Névjegykártya design. Budapest, Scolar Kiadó, 2010. Virágvölgyi Péter: A tipográfi a mestersége számítógéppel. Budapest, Osisris Kiadó, 1999. Web: http://marketingtetel.wordpress.com/2006/06/14/7-c-a-vallalati-arculat/ http://ae.tutsplus.com/tutorials/motion-graphics/create-a-mysterious-smokey-logo-reveal/ 20
SIMPLEM ARCUL ATI KÉZIKÖNY V 2010. JÚNIUS 01.
SIMPLEM ARCUL ATI KÉZIKÖNY V Tartalom Bemutatkozás 4 Logó 5 Logó kialakulása I. - A felirat 6 Logó kialakulása II. - A szimbólum 7 Logó kialakulása III. - A szimbólum és a felirat 8 Színek 9 Logóhasználat 10 Tipográfia 12 Kisarculat: névjegykártya, levélpapír, francia boríték 13 Névjegykártya 14 Levélpapír 15 Francia boríték 16 3
SIMPLEM ARCUL ATI KÉZIKÖNY V Bemutatkozás = simple m. 2007-ben alakult grafikai stúdió. A SIMPLEM fiatalos, modern, dinamikus és rugalmas cég, aki ugyanakkor hiteles és megbízható. Arculatunk egységes identitást kommunikál, magában hordozza az általunk fontosnak tartott alapelveket. Kézikönyvünk segíthet abban, hogy ez az egységesség mindinkább megvalósulhasson, s a már megismertetett elveink, céljaink, tevékenységeink érthetőbb legyen. Arculati kézikönyvünk a rendszerbe foglalt arculati elemekkel kapcsolatos szabályok, alkalmazások, tiltások rögzítése. Kézikönyvünk célja, hogy arculatunkat egységessé és emlékezetessé tudjuk tenni. A kézikönyv feladata az is, hogy a későbbiekben felmerülő vizuális arculati elemek elkészítéséhez is segítséget nyújtson munkatársainknak, nekünk és a velünk kapcsolatban állóknak. 4
SIMPLEM ARCUL ATI KÉZIKÖNY V Logó A logója a cég legfontosabb azonosítója, s mint ilyen, sérthetetlen. A maga teljességében csak önálló elemként használható, az engedélyezett variációkban. Logotípia: Tartalmazza a szimbólumot és a feliratot. Szimbólum: Tartalmazza a cég jelképét. Jelkép: Az egyszínű S és kör összeolvadása. A kör a végtelenséget, az örökké megújuló létet, körforgást, szellemiséget, egységet, az eredendő tökéletességet és harmóniát jelképezi. A platonikusok szerint a kör, illetve a gömb a legtökéletesebb forma. Felirat: Főcím: (a cég neve) Alcím: visual solution. felirat jelkép logotípia 5
SIMPLEM ARCUL ATI KÉZIKÖNY V Logó kialakulása I. - A felirat A és a, mint a cég neve és magyarázó felirata adott. A betűcsalád szintén adott volt, Freeway Gothic. 6
SIMPLEM ARCUL ATI KÉZIKÖNY V Logó kialakulása II. - A szimbólum A szimbólum a cég nevének S betűjéből lett kiszerkesztve az alábbi módon. 7
SIMPLEM ARCUL ATI KÉZIKÖNY V Logó kialakulása III. - A szimbólum és a felirat A szimbólum és a felirat adja a cég logóját. 6x x 4x 1,5x 2,3x x 8
SIMPLEM ARCUL ATI KÉZIKÖNY V Színek A logó színei négyféle variációban használhatóak: - Pantone solid color - direkt színek - CMYK 4 color process - színrebontott - RGB képernyő és fényszín - LAB Pantone: Warm Red C C: 0, M: 77, Y: 94, K: 0 R: 242, G: 97, B: 42 L: 60,226, A: 54,156, B: 57,323 Pantone: 426 C C: 0, M: 0, Y: 0, K: 100 R: 0, G: 0, B: 0 L: 0, A: 0, B: 0 Black 67% 9
SIMPLEM ARCUL ATI KÉZIKÖNY V Logóhasználat Ez az elsődlegesen ajánlott logó. Ezt a változatot ajánlott használni, minden felhasználási célra, ahol lehetséges. A további logóhasználat is megengedett az alábbi színekben és elhelyezésben. 10
SIMPLEM ARCUL ATI KÉZIKÖNY V Logóhasználat A logó bármiféle fentebb bemutatott használattól eltérő alkalmazása nem megengedett. Torzítani, forgatni, a címeket felcserélni, a logóra bármilyen szöveget vagy letakarást elhelyezni nem szabad. 11
SIMPLEM ARCUL ATI KÉZIKÖNY V Tipográfia A cég arculatában a Futura T EE betűcsalád, bold és light változatban alkalmazható. A különböző alkalmazásokban ezen betűcsaládok formái használandóak. Futura T EE Bold a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 1 2 3 4 5 6 7 8 9 10 Futura T EE Light a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 1 2 3 4 5 6 7 8 9 10 12
SIMPLEM ARCUL ATI KÉZIKÖNY V Kisarculat: névjegykártya, levélpapír, francia boríték A kisarculat a névjegyből, a levélpapírból és a borítékból áll. Marschalkó Szilárd grafikus m: +36 70 312 29 22 e: szilard@simplem.hu w: www.simplem.hu c: 4400 Nyíregyháza, Pálfi Ernő 21. m: +36 70 312 29 22 w: www.simplem.hu e: info@simplem.hu 4400 Nyíregyháza, Pálfi Ernő 21. m: +36 70 312 29 22 e: info@simplem.hu w: www.simplem.hu 13
SIMPLEM ARCUL ATI KÉZIKÖNY V Névjegykártya A névjegy kétoldalas. Mérete 90x50mm. A név az arculati betűcsalád (Futura T EE) bold 9pt-vel lett szedve, a titulus light 7pt-vel. Az adatok bold narancs illetve light szürke betűkkel lettek szedve, rendre 8pt és 7pt-vel. y y y A hátsó oldalon a szimbólum középre igazítva jelenik meg. Marschalkó Szilárd grafikus m: +36 70 312 29 22 e: szilard@simplem.hu w: www.simplem.hu Futura T EE Bold - 9pt Futura T EE Light - 7pt Futura T EE Bold - 8 pt Futura T EE Light - 7pt 1/2y 14
SIMPLEM ARCUL ATI KÉZIKÖNY V Levélpapír A levélpapír méret A/4-es, a fejlécben csak a piktogram jelenik meg. Az adatok alul bal szélen találhatóak a jelzett módon szedve. y y 4400 Nyíregyháza, Pálfi Ernő 21. m: +36 70 312 29 22 e: info@simplem.hu w: www.simplem.hu 1,5y 1/2y Futura T EE Bold - 12pt Futura T EE Light - 10pt 1/2y 15
SIMPLEM ARCUL ATI KÉZIKÖNY V Francia boríték A boríték francia méretű. A logó a bal felső sarkában helyezkedik el. Az adatokat 12pt illetve 9pt-os bold illetve light-tal szedtem. y y y 1/2y c: 4400 Nyíregyháza, Pálfi Ernő 21. m: +36 70 312 29 22 w: www.simplem.hu e: info@simplem.hu Futura T EE Bold - 12pt Futura T EE Light - 9pt 16