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