design book

Design BookMichal Lubelec

Júl 2014AIESEC Comenius University

2 Programy

2 Formát

3 AIESEC Branding

3 Inšpirácie

3 Pozadie

4 Farby

5 Layout

5 Tvary / bannery

6 Fonty

2

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

Adobe Photoshop

Corel PHOTOPAINT

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

Adobe Illustrator

Adobe InDesign

CorelDRAW

Online programyMne sa osvedčila online zadarmo grafická aplikácia Canva.

www.canva.com

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

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

Online formátyKaž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é:

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.

Programy Formát

Facebook

Twi�er

Google+

851x315 px

851x315 px

1080x608 px

3

AIESEC Branding Pozadie

Inšpirácie

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

Užitočné linkywww.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

www.facebook.com/aiesecgermany

www.facebook.com/PagesSizesDimensions

Jednoduché pozadie alebo fotoPri 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/

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ť.

4

FarbyPozadie

Úprava fotografieNa 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 www.fotor.com alebo .

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.

Aké farby si vybrať?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.:

kuler.adobe.com

www.paletton.com

5

Tvary / banneryLayout

Rozmery a rozmiestnenieNa 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:

AIESEC Shapes

Bannery

Prerušované čiary

Priestor na bannery, logá a text

6

FontyTvary / bannery

Bannery vo fotkách Základné AIESEC fontyGeorgia (nadpisy)

Helvetica (text)

Fonty exchange materiályNovecento wide: normal, light, book bold

* Tiež môžete použiť na slogany dekoratívne fonty, napr.:�sd� Script Thirsty Script

Lavanderia Lo�ter Tw�

Mi�ion Script Pacifico

dobrovoľnícke stáže

meno, krajinaHablabla

na �tazi´ˇ

7

Design Book

Kontakt

Michal Lubelec

michal.lubelec@gmail.com

Júl 2014AIESEC Comenius University