Design Book

Design Book

2

Programy

2

Formát

3

AIESEC Branding

3

Inšpirácie

3

Pozadie

4

Farby

5

Layout

5

Tvary / bannery

6

Fonty

Michal Lubelec

Júl 2014 AIESEC Comenius University

Programy

Formát Rastrová grafika

Plagát

Ukladá obrázok do pixelov. Používa sa pri úprave fotiek, obrázkov.

Väčšinou vo formáte A3, alebo A2. Je lepšie použiť vektorovú grafiku.

Adobe Photoshop Corel PHOTOPAINT

Leták Väčšinou vo formáte A4, alebo A5. Je lepšie použiť vektorovú grafiku.

Vektorová grafika Ukladá obrázok do kriviek. Vhodná na text, tvary, alebo logá.

Adobe Illustrator Adobe InDesign CorelDRAW

Online programy

Online formáty Každá sociálna sieť má iné rozmery a rozloženie cover obrázkov. Tu je jedno, či použijete vektorovú, alebo rastrovú grafiku, hlavne nech to má správne rozmery. Nasledujúce rozmery sú odporúčané, nie nutné: Facebook

Google+

851x315 px

1080x608 px

Mne sa osvedčila online zadarmo grafická aplikácia Canva. www.canva.com

Twi er

851x315 px

Dajte si do vyhľadávača „social media image dimensions“ a nájde vám presné rozmery v pixeloch, aj ako obrázky rozložiť tak, aby neboli zakryté, či zrezané, alebo ako ich optimalizovať pre mobilné verzie.

2

AIESEC Branding

Pozadie

Brandingové pravidlá

Jednoduché pozadie alebo foto

Nájdete na: www.issuu.com/aieseccomenius/docs/brand_toolkit

Pri fotkách si treba dávať pozor na copyright, preto radšej používajte fotky priamo od membrov, alebo stážistov, alebo z flickr účtu AI: www.flickr.com/photos/aiesecinternational/sets/

Inšpirácie Užitočné linky www.aiesec.org.br www.aiesec.ca www.aiesec.de www.facebook.com/AIESECinBrazil www.facebook.com/aiesecrecife www.facebook.com/aieseccp www.facebook.com/aiesecjf www.facebook.com/AIESECCanada

Toto je fotka od nášho CU stážistu. Väčšinou vám od stážistov prídu nekvalitné, zašednuté foto z digitálneho foťáku. Preto ich treba upraviť.

www.facebook.com/aiesecgermany www.facebook.com/PagesSizesDimensions

3

Pozadie

Farby Úprava fotografie

Aké farby si vybrať?

Na materiáloch nevyzerá dobre ak je fotka neupravená. Je treba na ňu použiť filter, alebo nejaký efekt. Na efekty používam stránky www.pixlr.com/express alebo www.fotor.com.

Pri pracovaní s fotkami je výhodné použiť farby z nich. Ak nie, treba si vytvoriť paletu farieb podľa týchto pravidiel:

Viac info nájdete ak si dáte do vyhľadávača „color theory“. Existuje viacero webstránok na miešanie farieb a na hotové palety. Napr.: Na túto fotku od stážistu som cez pixlr.com aplikoval filter, aby som ju zvýraznil, sfarebnil a odstránil ten šedý odtieň. Potom som na ňu pridal efekt (tie žlté škvrny), aby som ju ozvláštnil.

4

kuler.adobe.com www.paletton.com

Layout

Tvary / bannery Rozmery a rozmiestnenie

AIESEC Shapes

Na tlačených materiáloch treba rátať s 3 mm okrajom, ktorý bude orezaný. Rovnako je dobré pri okraji rátať s rezervou a nedávať napríklad text rovno k okraju.

V prípade fotky treba na umiestnenie loga, bannerov, textu a podobne vybrať priestor, ktorý nie je pre výpovednú hodnotu fotky dôležitý.

Príklad:

Bannery

Prerušované čiary Priestor na bannery, logá a text

5

Tvary / bannery

Fonty

Bannery vo fotkách

Základné AIESEC fonty Georgia (nadpisy) Helvetica (text)

Fonty exchange materiály Novecento wide: normal, light, book bold * Tiež môžete použiť na slogany dekoratívne fonty, napr.: sd Script Thirsty Script Lavanderia Mi ion Script

Lo ter Tw Pacifico

dobrovoľnícke stáže

a l b a l ab i

meno, krajina

6

H a ta´zˇ n

Kontakt Michal Lubelec michal.lubelec@gmail.com

Design Book

JĂşl 2014 AIESEC Comenius University

7