Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Arculattervezés alapjai, brand, arculat, logo (szabványok, fogalmak, a folyamat, tippek)

No description
by

Sallai Tibor

on 7 September 2015

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Arculattervezés alapjai, brand, arculat, logo (szabványok, fogalmak, a folyamat, tippek)

Arculat
tervezés

Logotervezés
10. lépésben

Arculattervezés alapjai
brand, arculat, logo

Identity
Nemzetközi
Szabványügyi
Szervezet
(American National Standards Institute) Amerikai Nemzeti Szabványügyi Intézet
1918-as alapítás
tagja az ISO-nak
de facto papírszabványok
ANSI/ASME Y14.1
kanadai/amerikai szabvány

A szabvány „A” sorozatú méretek eredetileg a német DIN 476 szabvány tartalmazta, mely 1975 óta része az ISO 216-nak, mely magában foglalja a legtöbb VÁGOTT papírméretet.
C sorozat az ISO 269 része
Az ISO papírméretek mind közös oldalarányon alapulnak
1:√2 vagy 1:1,4142 (1×1m-es papírívből kiindulva)
Előnye, hogy az oldalak arányai megmaradnak hajtogatáskor
Georg Lichtenberg
Az A0 papírméret pontosan 1 m²
Szabvány vágott méretek
a tervezők és nyomdászok közötti gördülékenyebb munka
Vizuális kommunikáció lehetősége
könnyebb tárolás

Miért használjunk sztenderd méreteket?

Nemzetközi Szabványügyi Szervezet
Számos szervezetet tömörít magába
Nemzetközileg legelterjedtebb szabványok
ISO 9000 szabványcsalád, mely számos minőségirányítási szabványt foglal magában (többek között a nyomdai és egyéb ipari/irodai felhasználású papírokra vonatkozó szabványokat)

Mi az ISO?
Canadian/American

WHY STANDARDISE PAPER?

fogalmak, ISO szabványok, a folyamat
Brand
Arculat
Logo
A cégről kialakult teljes kép, a fogyasztóknak a cég termékeihez és szolgáltatásaihoz fűződő viszonya. Elvárások, emlékek, tapasztalatok a márkával kapcsolatban, amik arra ösztönzik vagy éppenséggel attól tántorítják el a fogyasztót, hogy vásároljon a brand termékeiből és szolgáltatásaiból. A márkaépítés vagy branding az arculattervezés grafikai eszközeivel is él, és emellett még rengeteg eljárás és folyamat sorolható ide.
A vizuális eszközök összessége, amelyek segítségével egy márkát képviselnek. Arculattervezés során egy kialakított stílust kell követnünk, azért, hogy az arculat egységes maradjon a különböző megjelenési formákban is. Színmintákról, betűtípusokról, elrendezési tervekről van szó, amelyeket követnünk kell, ha a cégnek egy új felületet akarunk létrehozni.
Arculattervezéskor általában a következő kreatív anyagokat készítik el a grafikai szakemberek:
logó
névjegykártya
céges levélpapír
offline marketing anyagok: szórólapok, brosúrák, könyvek
online marketing anyagok: weboldal, webshop, hírlevél, microsite, blog
termék arculattervezés: csomagolástervezés, címketervezés és gyakorlatilag bármi, amivel vizuális úton lehet képviselni a márkát
A logó a központi, identitás meghatározó eleme az adott cégnek és magának az arculattervezésnek is. Segít a fogyasztónak megismerni a márkát, emlékezni rá, később pedig megosztani az élményeit vele kapcsolatban. Általában ikon formájban jelenik meg. (jel vagy szimbólum)
A logó egy cég, szervezet vagy szolgáltatás egyedi, jól felismerhető, azonosításra szolgáló jele. A logó elsődleges célja a megkülönböztetés, az egyértelmű jelölés megkönnyítve a tájékozódást a piac szereplői között. Fontos, hogy a logó stílusa megfeleljen a választott célközönség által igényeltnek.
International Organization for Standardization
Szabvány vágott méretek (kerekített változata a BB0)
A
841 × 1189
594 × 841
420 × 594
297 × 420
210 × 297
148 × 210
105 × 148
74 × 105
52 × 74
37 × 52
26 × 37
B
1000 × 1414
707 × 1000
500 × 707
353 × 500
250 × 353
176 × 250
125 × 176
88 × 125
62 × 88
44 × 62
31 × 44
C
917 × 1297
648 × 917
458 × 648
324 × 458
229 × 324
162 × 229
114 × 162
81 × 114
57 × 81
40 × 57
28 × 40

0
1
2
3
4
5
6
7
8
9
10
Szabvány boríték méretek

Minden A-s és B-s méret vágott méretként van definiálva, vagyis ezek a méretek kerülnek a felhasználók, olvasók kezeibe. Más ISO szabványok definiálják az RA és SRA méreteket mint vágatlan nyers méreteket, ahol az SRA "supplementary raw format A" ("sekundäres Rohformat A") azaz kiegészítő, nyers méretet jelent. Ezek a formátumok csak kicsit nagyobbak a megfelelő A sorozatú méretnél. Ezeket a formátumokat általában kötészet után vágják szabványos méretre. Az ISO RA0 méret felülete 1,05 m² és az ISO SRA0 méret felülete 1,15 m². Ezeket a méreteket az ISO 217 szabvány tartalmazza. Ezek a formátumok szintén a "gyök-kettő" és "területfelező" szabályokat követik, de a kezdő méretek egész centiméterre lettek kerekítve. Az általános vágatlan papírméretek tehát mm-ben az alábbiak:
Boríték formátumok

A postai méreteket az ISO 269 és DIN 678 határozza meg az alábbi táblázat szerint:
Névjegykártya formátumok
Logo kritériumai
Végül elkéreztünk ahhoz, amivel kezdtük. A logó a központi, identitás meghatározó eleme az adott cégnek és magának az arculattervezésnek is. Segít a fogyasztónak megismerni a márkát, emlékezni rá, később pedig megosztani az élményeit vele kapcsolatban. Általában ikon formájban jelenik meg (jel vagy szimbólum).

A Smashing Magazin cikke összeszedte az öt alapvető jellemzőt, amit arculattervezéskor egy logóhoz társítanunk kell. Eszerint a logó legyen…

egyszerű
felidézhető
időtálló
sokoldalú és
találó
A grid (rács)
A fontok szerepe
A fontok stílus szerinti osztályozása
A színek szerepe
Arculati elemek
név
szlogen
termék/szolgáltatás
(audio)
-vizuális elemek:
logo
betűtípus, betűcsalád
dekorációs elemek
elrendezés, arányok (grids)
illusztrációk
fotók
ikonok
hangok
a munkatársak
a folyamat
1. Imagery
2. Colour
3. Dimension
4. Contrast
5. Shape
6. Symbols
7. Typography
8. Writing
9. Story
10. Order
11. Variation
11. Personalisation
12. Psychology
13. Process
14. Production
15. Digital Identity
16. Trends
17. Shortcuts
18. Social Media
19. Multiples
20. Intellectual Property
21. Documentation
22. Evolution
23. Competition
24. Originality
25. Wit
26. Idealism
27. Authenticity
28. Commitment
29. Strategy
30. Research
31. Touchpoints
32. Inspiration
33. Simplicity
formátum

C7/C6
C6
DL (LA/4, fr.)
C6/C5
C5
C4
C3
B6
B5
B4
E4
méret

81 × 162
114 × 162
110 × 220
114 × 229
162 × 229
229 × 324
324 × 458
125 × 176
176 × 250
250 × 353
280 × 400
bele illő szabvány lap

A6 egyszer hajtva = A7
A4 kétszer hajtva = A6
A4 kétszer hajtva = 1/3 A4
A4 kétszer hajtva = 1/3 A4
A4 egyszer hajtva = A5
A4
A3
C6 boríték
C5 boríték
C4 boríték
B4
SRA-s sorozat
SRA0 900 × 1280
SRA1 640 × 900
SRA2 450 × 640
SRA3 320 × 450
SRA4 225 × 320
RA-s sorozat
RA0 860 × 1220
RA1 610 × 860
RA2 430 × 610
RA3 305 × 430
RA4 215 × 305
Egyes országok szabvány méretű névjegykártyái:

Afrika: 90 × 50 mm
Anglia: 85 × 55 mm
Argentína: 90 × 50 mm
Ausztrália: 90 × 55 mm
Belgium: 85 × 55 mm
Brazília: 90 × 50 mm
Bulgária: 90 × 50 mm
Csehország: 90 × 50 mm
Dánia: 90 × 55 mm
Finnország: 90 × 50 mm
Franciaország: 85 × 55 mm
Hollandia: 85 × 55 mm
Hong Kong 90 × 54 mm
Irán: 85 × 48 mm
Írország: 85 × 55 mm
Izrael: 90 × 50 mm
Japán: 91 × 55 mm
Kanada: 88,9 × 50,8 mm
Kazahsztán: 90 × 50 mm
Kína: 90 × 54 mm
Lengyelország: 90 × 50 mm
Litvánia: 90 × 50 mm
Magyarország: 90 × 50 mm
Mexikó: 90 × 50 mm
Németország: 85 × 55 mm
Norvégia: 90 × 55 mm
Olaszország: 85 × 55 mm
Oroszország: 90 × 50 mm
Románia: 90 × 50 mm
Spanyolország: 85 × 55 mm
Svájc: 85 × 55 mm
Svédország: 90 × 55 mm
Szingapúr: 90 × 54 mm
Szerbia: 90 × 50 mm
Szlovákia: 90 × 50 mm
Szlovénia: 90 × 50 mm
Tajvan: 90 × 55 mm
Új Zéland: 90 × 55 mm
Ukrajna: 90 × 50 mm
USA: 88,9 × 50,8 mm
A névjegykártya az egyik legősibb protokolláris kellék, amit először Kínában használtak.
Az azonosításán kívül a kártya méretével a tulajdonosának a rangját is jelezte. Ezért fordulhatott elő, hogy volt olyan mandarin, akinek az ajtónyi méretű névjegykártyáját ketten vitték előtte.
Az első igazi látogatójegyet a 19. század végéről Bourgoing báró gyűjteménye tartalmazza. XVI. Lajos korából származik és ez már hasonlít a mai névjegykártyákra.
A rangot koronával jelezték: az 5 ágú a köznemeseket, a 7 ágú a bárókat, a 9 ágú a grófokat, a 11 ágú pedig a hercegeket jelölte. Eredetileg látogatójegy volt, amit az első látogatáskor, bemutatkozáskor használtak. A névjegykártyát családtagnak soha, csak a szolgálónak adták át.

A hivatalos névjegykártya kinézete:
céglogo
vezeték és keresztnév
ez alatt a rang, tudományos fokozat, beosztás
cég neve
levelezési cím, telefon és faxszám, illetve email cím
ANSI A

ANSI B

ANSI C
ANSI D
ANSI E
216 × 279
8½ × 11
17 × 11
11 × 17
17 × 22
22 × 34
34 × 44
432 × 279
279 × 432
432 × 559
559 × 864
864 × 1118
letter
ledger
tabloid
Egyéb méretek is léteznek betűmegjelöléssel, egészen H méretig, de ezek nem képezik a lista részét, mert eltérő oldalarányaik vannak, ill. mára egyre kevésbé használatosak.
1. Tervezz előre!
Már a kezdetektől el kell dönteni a megfelelő irányt, stílust – a gyakorlatban mindezt a megrendelővel karöltve.

Gyakorlati munka:

ötletek – tervezz papíron!
2. Digitalizálás
3. Kísérletezz, gyakorolj!
4. Használd az alakzatokat!
5. Variáld az elemeket!
1. Végezz kutatást!
Végy példát másokról, de ne utánozz! (források: online és offline média anyagok – weboldalak, szaklapok, magazinok böngészése az adott témában)
Vizsgáld meg, hogy mások hogyan csinálják (szelektáljuk az adott témában megtalálható médiumokat, forrásokat, el kell döntenünk, hogy mely anyagok használhatóak, melyek nem)
Vizsgáld meg az adott brandre jellemző megoldásokat
stúdiómunka esetén (több munkatárs együttműködésekor) a gyűjtött anyagok rendszerezett összeállítása és mindenki számára elérhetővé tétele
Figyeld meg a trendeket és dönts!
6. Betűrendezés
7. Finom változtatások, arányok
8. Adj hozzá színeket
9. Készíts sablonokat (példák felhasználási módokra, font hozzáadása, színek leírása)
Hasznos tippek,
eszközök
tervezéshez
A grid (rács, rácsrendszer) egy eszköz, mely segítségével a grafikai elemek (kép, szöveg, etc.) szervezetten rendezhetőek el a felületen.
A rácsrendszerek a konstruktivista művészetekből erednek és ugyanazokon az elveken alapulnak, mely a művészeti ágat is életre hívta. A konkrét-geometrikus művészettel is összehozható (1930-as évek Zürich iskola)
Ezekben az időkben jelenkezett először a tipográfia világában a rácsszerkezet (nem számítva a hagyományos osztásrendszereket)
“This was a signature mark I created for a client of mine in London. This presentation was the first concept where my solution was to create a sassy and confident signature mark. In the end it was not right for the client, as she wanted less focus on her name, and more on ‘Artist Management’.”
Alapvetően matematika
A rácsszerkezetek alapja az arányok!
Az egyszerű szórólap tervezésétől egészen a komplex újság rácsszerkezetéig mindent meghatároznak!
Racionális, egész számok arányán alapuló rácsok
Irracionális, egyedi (DIN), aranymetszés arányain alapuló rácsok
1:1,618
1:1,4142
Mi a rácsszerkezet?
A rácsszerkezet egy olyan megtervezett rendszer,
melyben a grafikai elemek különböző formában
helyezhetőek el a rendszer megváltoztatása nélkül.
könyv (számos különböző feladatot ellátó oldal tartalmát kell elrendezni)
weboldal (különböző tartalmak, felhasználói felületeket kell egységesen elrendezni)

Minnél komplexszebb egy rendszer,
annál kevésbé használható!
Miért használjunk rácsrendszert?
Szervezetté teszi a felületet
Segít a még ismeretlen tartalmak elrendezésében

Egyszerre korlátozhat, de fel is szabadíthat.
Egyszerű, irracionális arányú rendszer
A4 (DIN 476; ISO 216 arány – 1:1,4142
Aranymetszés
Az „A” és „B” sorozatokból származtatott és egyéb formátumok:
AN20 (mérete 210×237 mm)

Az „A” formátumból származtatott négyzetes (N) formátum, ahol az oldalak aránya 1:1,13. A 20-as szám mutatja a kapott ívek számát. A származtatás módja: az A/0 rövidebb oldalát néggyel osztjuk, a hosszabbik oldalát pedig öttel (841:4 = 210; 1189:5 = 237 mm). Így ennek a formátumnak az A/4-hez viszonyítva a szélessége azonos, viszont a magassága kisebb lesz.
AK40 (mérete 118×210 mm; Az AN20-nak a fele.)

Az „A” formátumból származtatott keskeny formátum, ahol az oldalak aránya 1:1,78. Magassága az A/5 méretével azonos, szélessége viszont kisebb. Az A/0-s ívből 40 darab AK40-es ív vágható ki.
„supplementaryrawformatA” jelentése kiegészítő nyers méret
BN20 (mérete 176×200 mm)

A B/1-es méretből származtatott formátum, amelynek négyzetes alakja van. Az oldalak aránya 1:1,13. A B/1 rövidebb oldalát néggyel, a hosszabbik oldalát öttel kell osztani (700:4 = 176; 1000:5 = 200). Összehasonlítva a B/5-ös mérettel (176×250 mm), a szélességük azonos, a BN20 magassága kisebb, mint a B/5-é.
BK40 (mérete 100×176 mm)

A BN20-nak a fele, az oldalak aránya 1:1,77. Keskeny formátum. Magassága a B/6-os mérettel egyezik meg (176 mm), szélessége azonban kisebb. A B/1-es ívből 40 darab BK40-es ívet lehet kivágni.
A Francia sorozat

Olyan szabványsorozat, amelynek az oldalaránya változó. A Fr/0 keskeny téglalap alakú (780×1040 mm; az oldalak aránya 1:1,33). A Fr/1 a hosszabbik oldal felezésével – mint második ívrét – már szélesebb (520×780 mm; az oldalak aránya 1:1,50). Ez a két oldalarány váltakozik a sorozat folytatásakor.
Átlós szerkesztés és kilences osztás
Isteni Arány
Alap modulháló felépítése
A modulháló szegmenseket alkot és a benne elhelyezhető elemek számára pozicionálási lehetőségeket nyújt. A modulokat csatornák választják el egymástól.
Goethe szerint:
A szín a szem érzékéhez szóló elemi természeti jelenség
A színek háromféle megjelenési módját, szemléletét ismerhetjük fel:
1. fiziológiai (szemünk által érzékelt – illékony)
2. fizikai (színtelen közegben tárult elénk vagy annak segítségével észleltük őket – részben tartós)
3. kémiai (tárgyakhoz tartozónak észlelhetjük – tartós)

Az arculattervezésben, általában a tervezés során mindig döntő szerepe van a színeknek
Fontos tehát, hogy tudatosan és körültekintően alkalmazzuk
A sokszorosításban és nyomdaiparban, valamint a festékgyártásban a Pantone Matching System (1963) színtáblázat adja az egységesített színmeghatározást. Ez a rendszer közel ezer Pantone számmal kódolt színt különböztet meg. A szín-négyzeteken kívül szerepel a szín kódszáma, a színenkénti keverés százaléka a négy nyomdai alapszín (CMYK) sorrendjében.

A COLOROID színrendszer megalkotója Nemcsics Antal professzor, festőművész és Neumann László matematikus. Színrendszerük több mint húsz éve számos ország szabványa, míg saját hazánkban csak 2002-ben vált azzá. COLOROID rendszerükben a színeket számokkal lehet meghatározni, amiket tárcsák beállításával, mérőműszerek mellőzésével lehet használni.
A Pantone színek
RGB összeadó színkeverés
CMYK kivonó színkeverés
Online eszközök színprofilok kialakításához
color.adobe.com
www.colorexplorer.com
paletton.com
A betűválasztás szempontjai:
A szöveg tartalmának, stílusának megfelelő típust válasszunk. (Lásd hagyományos és modern stílus!)
Olvashatóság (hosszú, egybefüggő szöveget jól olvasható betűtípussal szedjünk).
Olyan betűt válasszunk, amelynek megvannak a szükséges változatai (kurzív, kiskapitális, számok, ékezetek, különleges jelek stb.), azért, hogy a szöveg artikulációjában a kiemelés, a címrendszer stb. különváljon, és segítse az olvasót a szöveg műfaj szerinti vizuális értelmezésében
Talpas betűk (serif, antikva)
reneszánsz antikva (15-16. sz. eredet) Garamond, Jenson, Bembo
barokk antikva (17-18. sz. eredet) Caslon, Baskerville
klasszicista antikva (18. sz. vége eredet) Didot, Walbaum, Bodoni
talpas lineáris antikva (19. sz. eredet) átmenet a talpas és groteszk között; Egyptien, Archer, Rockwell, Memphis, Clarendon

Talpnélküli betűk (sans serif, grotesque)
„Groteszk” betűk (19. sz. vége eredet) a 20. században terjedt el igazán; News Gothic, Akzidenz-Groteszk, Helvetica, Univers, Futura
20. századi antikvák; változó vonalvastagság; Varia, Optima, Americana, GoudySans

Egyéb kategóriák:
script (írott betűk) kézírás jellegűek; Mistral, Vivaldi
díszbetűk, reklámbetűk (ornamental display) Desdemona, Stencil
gót betűk (fraktúr, textúr, rotunda) Walbaum Fraktur
Idegen betűk
OpenType (OT) olyan - PC és Mac rendszerrel is kompatibilis - számítógépes betűformátum, ami tartalmazza betűkészlet ritkábban használatos elemeit is, mint amilyenek például ligatúrák, a kiskapitálisok, a régi formulák, hivatkozások, rendezőszámok, törtszámok, indexek, variációk, lábjegyzetek... satöbbi.
small caps
ligatures
stílusváltozatok
contextual alternates
swashes
titling alternates (címekhez)
proportional figures (arányos távolságra beállított karakterek
lining figures (egyforma szélességű számok)
oldstyle figures (ugráló számok)
superscript/subscript
fractions
ordinals (sorszámozáskor szükséges karakterek)
Open Type
Példák
Logo típusok
Iniciálék
Tipografált
Zárt formák
Egyedi betűk
Kalligrafikus
Geometriai formák
Szimbólumok
www.behance.net
www.typeconnection.com
www.thinkingwithtype.com
- Énekes Ferenc:
Kiadvány- és arculatszerkesztésben jár az élen: először ötletgyűjtés, majd vázlatok készítése, s a kiválasztott vázlat tervvé alakítása.
- Sir Peter Scott:
ő tervezte a WWF panda-logóját. Vázlatokat készítettek pandáról, az egyiket kiválasztották, s az lett a WWF logója, azóta csak kis módosításon, formai tökéletesítésen ment át.
- Mátyási Gábor:
szürrealista fotók, képeit nem Photoshopban készíti el, hanem valóban fizikálisan megmunkálja, és ez teszi szürreálissá a tárgyakat, amiket lefényképez.
A tematikához köthető alkotók és munkamódszereik:
1) információgyűjtés: egyeztetés a céggel, internet, szkennelés, stb.
2) vázlatok készítése, szelektálás a tervek között, a megrendelő által kiválasztottal dolgozni.
3) logótervezés: vektorosan, CMYK, felbontás: 300dpi
4) logotípia színei, nem használatos színei, elemzése, sötét-világos környezetben (invert), logo körül lévő hely, stb.
5) ha kész a logó: az egész arculatot a logóhoz kell tervezni, színeiben és stílusában is (laptükörre, kifutóra itt is figyelni)
6) bemutatás a megrendelőnek, a szükséges módosítások elvégzése, kivitelezés.
7) arculati kézikönyv összeállítása.

Összefoglalva
Johannes Itten 12 osztatú színköre, mely a
hatvanas években vált általánosan elfogadottá
Goethe és Hoelzel nyomán alakította ki Itten
CIE színmérő rendszer
1931-ben alkották meg a színek objektív meghatározására a Nemzetközi Világítástechnikai Bizottság az additív színkeverésen alapuló trikromatikus színmérő rendszert.
Látható színtartomány: 380 nm-780 nm. Ez a látható színek tartománya az elektromágneses sugárzáson belül.
A látható színek tiszta alapértékei: R (vörös) 700 nm, G (zöld) 546,1 nm, B (kék) 435,8 nm
A megállapítást egy ún. egyenlő energiájú fényforrással érték el, melynek spektrális teljesítményelosztása egyenlő. Tehát a látható fény tartományában egyenlő hullámhossztartományokban a kisugárzott teljesítmény ugyanakkora.
alapszínek értékei
CIE XYZ színrendszer
LAB színmód

a rendszer a CIE 1931-es objektív, trikromatikus renszerén alapul, melyet 1976-ban pontosítottak és CIE LAB lett a neve.
L: világosság, luminancia (0-100 érték)
A: zöld-bíbor színek különbsége
B: kék-sárga színek különbsége (-127)-(+127)
Full transcript