design book
DESCRIPTION
Ako robiť vizuálne materiály pre AIESEC.TRANSCRIPT
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
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´ˇ
