Budapesti Kommunikációs és Üzleti Főiskola SZAKDOLGOZAT. Simplem - Arculati kézikönyv, kisarculat. Új Média Grafikus szak

Budapesti Kommunikációs és Üzleti Főiskola

SZAKDOLGOZAT Simplem - Arculati kézikönyv, kisarculat

konzulens:

készítette:

Marcell Tamás

Marschalkó Szilárd

Grotesque

Ú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 Simplem 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 Simplem 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 Simplem – visual solutions 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 Simplemrő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 – visual solutions 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 A RCU L ATI K É ZI KÖ N Y V 2010. J Ú N I US 01.

Simplem visual solutions

SIMPL EM A RCU L AT I K É ZI KÖ N Y V

Tartalom Bemutatkozás Logó Logó kialakulása I. - A felirat Logó kialakulása II. - A szimbólum Logó kialakulása III. - A szimbólum és a felirat Színek Logóhasználat Tipográfia Kisarculat: névjegykártya, levélpapír, francia boríték Névjegykártya Levélpapír Francia boríték

4 5 6 7 8 9 10 12 13 14 15 16

3


Bemutatkozás Simplem = 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


Logó A Simplem 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.

Felirat: Főcím: Simplem (a cég neve) Alcím: visual solution.

logotípia


felirat

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.

jelkép

Szimbólum: Tartalmazza a cég jelképét.

5


Logó kialakulása I. - A felirat A Simplem és a visual solutions, mint a cég neve és magyarázó felirata adott. A betűcsalád szintén adott volt, Freeway Gothic.


6


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.

Simplem Simplem

7


Logó kialakulása III. - A szimbólum és a felirat A szimbólum és a felirat adja a cég logóját.

6x

visual solutions

2,3x

Simplem

1,5x

4x

x

x

8


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


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.

Simplem

Simplem

visual solutions

visual solutions

Simplem

Simplem

visual solutions

visual solutions

Simplem

Simplem

visual solutions

visual solutions

Simplem

Simplem

visual solutions

visual solutions

10


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.

Simplem Simplem

visual solutions

visual solutions

Simplem

visual solutions

11


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 abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1 2 3 4 5 6 7 8 9 10

Futura T EE Light abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1 2 3 4 5 6 7 8 9 10

12


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.

M a rssch

il á rd a lk ó Sz

gr af iku

29 22 70 312

m ple Sim tions al solu

m: +3 6 .h u @ sim pl em e: sz ila rd .h u sim pl em w: w w w.

visu


c: 4400 Nyíregyháza, Pálfi Ernő 21. m: +36 70 312 29 22 w: www.simplem.hu e: [email protected]


4400

m:

+36 70 312 29 22

Nyíregyháza, Pálfi Ernő 21.

e: [email protected] w: www.simplem.hu

13


Névjegykártya

A hátsó oldalon a szimbólum középre igazítva jelenik meg.

y

y

y

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.

Marschalkó Szilárd grafikus


m: +36 70 312 29 22 e: [email protected] w: w w w.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


Levélpapír

y y

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.

visual solutions

y

1/2

4400

m:

+36 70 312 29 22

Nyíregyháza, Pálfi Ernő

1,5y

Simplem

21.

e: [email protected] w: www.simplem.hu

Futura T EE Bold - 12pt

y

1/2

Futura T EE Light - 10pt 15


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

Simplem

1/2y

visual solutions

c: 4400 Nyíregyháza, Pálfi Ernő 21. m: +36 70 312 29 22 w: www.simplem.hu e: [email protected]

Futura T EE Bold - 12pt Futura T EE Light - 9pt

16

Budapesti Kommunikációs és Üzleti Főiskola SZAKDOLGOZAT. Simplem - Arculati kézikönyv, kisarculat. Új Média Grafikus szak

Recommend Documents