Introducere în design graficPrezentare de Ioana Popa pentru Asociația Techsoup România în cadrul ONG Online: Școala Digitală pentru ONG-uri

001Provocarea lansată de voi către Techsoup:

Vreau să știu mai multe despre cum pot crea și avea materiale vizuale mai bune și

de impact pentru organizația mea.

002Despre ce vom vorbi azi:

1. Ce este designul grafic? Cuvinte cheie: problemă, soluție, scop

2. Ce înseamnă identitatea vizuală? Cuvinte cheie: logo, vector, principii

3. Cum să folosești elementele vizuale? Cuvinte cheie: culori, fonturi, reguli de machetare

4. Ce trebuie să știi când pregătești un material? Cuvinte cheie: CMYK, RGB, bleed

5. Când și cum vorbești cu o agenție? Cuvinte cheie: brief, obiective, context, inspirație

6. Ce instrumente și resurse există? Cuvinte cheie: fonturi gratuite, imagini și licențe, software

003

Designul este un proces prin care se găsește cea maibună soluție la o problemă într-un anume context. Întotdeauna se pornește de la un scop și, în cazul

designului grafic, de la un mesaj.

ÎNTREBARE

004

DESIGN

005

Logo-ul organizației și elementele de brand (culori, fonturi) sunt cele mai importante

elemente vizuale prin care publicul vostru știeși înțelege cu cine vorbește.

006Ce trebuie să știi atunci când creezi un logo:(tu sau un designer grafic)

1. 2. 3. 4.

Reflectă valorile șimisiunea organizației șise adresează publiculuiorganizației.

Stilul organizației estejucăuș sau serios? Se pune accent pe statut saupe accesibilitate? Organizația are un stilmodern sau mai degrabătradițional?

Un logo trebuie să fie simplu și să transmită un singur mesaj.

Asta îl ajută să fie memorabil.

Un logo bun trebuie săfie scalabil, adică să aratela fel de bine atât la dimensiuni mici, întrealte 20 de sigle pe un afiș, cât și mare, pe un panou de afișaj stradaldestinat organizației.

De asemenea, un logo eficient este versatil șiarată la fel de bine color, cât și alb-negru.

Nu uita că logo-ulorganizației va fi folositde diferiți oameni îndiferite ocazii.

Asigură-te ca ai versiuneavectorială* a logo-ului.

Asigură-te ca ai un fișierîn care logo-ul e pefundal transparent.

007Format vectorial vs. raster

Format vectorial

Un fișier vectorial poate fi prelucrat foarte ușor. El poate fi mărit sau micșorat infinit și nu îșipierde calitatea imaginii. Este necesar mai ales atunci când este nevoie de un fișier pentruimprimare.

Formate uzuale ale fișierelor vector:.ai (fișier sursă), .eps, .pdf

Format raster

Un fișier raster (bitmap, pixel) este alcătuit din puncte și poate fi folosit numai la dimenisuneala care a fost creat sau la o dimensiune maimică. Este folosit mai ales pentru afișare pemonitoare.

Formate uzuale ale fișierelor vector:.jpg, .png, .gif, .tif (fișier sursă).

008Culori și fonturi în identitatea vizuală

Cel mai important lucru când vorbim de identitatea vizuală a unui brand este UNITATEA.

Sunt multe motive pentru care poți alege o culoare sau un font ca parte din identitatea vizuală a organizației. Dar odată alese, ele trebuie folosite cu precădere. Doar așa comunicarea va fi coerentă și de impact.

009

Fiecare element care compune un tot vizual are rolul lui, iar așezarea lor în ansamblu se face

după anumite principii.

010

Un designer știe că a atinsperfecțiunea nu atuncicând nu mai e nimic deadăugat, ci atunci când numai e nimic de scos.

Antoine de Saint-Exupéry

“

”

011Culori Fonturi Dimensiune Spațiu

Culorile genereazăemoții, crează interes șidau tonul interpretăriivizuale.

În limbajul design-ului, pe lângă ce culoare e folosită, contează și altedetalii precum saturația, temperatura, felul în care sunt combinate culorile.

PASIUNENATURĂCLARITATE

Fonturile sunt foartediferite între ele șinecesită o mare atenție. Există litere cu serife, semiserife și fără serife; condensate sauexpandate; cursive sau“display”. Folosirea unuianume font trebuie săaibă o justificare.

Mesaj laobiect

Stil clasic

Text pentru copii

Dimensiunea estefolosită pentru a subliniaimportanța unui element și pentru a crea o ierarhizare, darfuncționează numai princontrast. Nu faceți abuzde MARE. E valabil șipentru corpul de literă: nu abuzați de “caps lock”.

Spațiul dintre elementeeste el însuși un element important și, din păcate, adesea ignorat. Poate fi folosit pentru a separasau a grupa informații, pentru a conduce ochiulîn parcurgereamaterialului, pentru a arăta importanța unuielement, pentru a transmite un mesaj.

012Reguli de machetare

ContrastulEste bine să se evite pe aceași pagină elementeasemănătoare. Dacă elementele (culoare, mărime, formă, distanță etc.) nu sunt identice, ele trebuie să fie foarte diferite. Contrastulatrage atenția. Dar nu exagera prin variații înexces!

RepetițiaRepetă elementele vizuale în cadrulmaterialului, fie că e vorba de culoare, formă, textură, poziție relativă, grosimea liniei etc. Repetiția ajută la organizare materialului și la întărirea unității lui.

AliniereaNimic nu este pus la întâmplare în “pagină”. Fiecare element are o legătură vizuală cu celelalte elemente.

ProximitateaComponentele aflate în legătură unele cu altelee bine să fie grupate. Astfel, informațiile suntorganizate mai bine și se facilitează o “citire” mai cursivă.

013

Publicarea unui material, fie că e vorba de print sau online, e momentul în care designul pleacăîn lume. Dacănu îl pregătești cum trebuie, el nu

va ajunge la destinația pe care o dorești.

014CMYK vs. RGB (moduri de culoare)

CMYKSistemul CMYK este folosit pentru materialetipărite. Pentru obținereea culorilor se combinăpigmenții celor patru culori de bază: cian (C), magenta (M), galben (Y) și negru (K). Culorile se numesc “sustractive”și prin combinare daunaștere culorii negru.

RGBModul RGB este folosit pentru a reda culori peecrane (televizor, telefon, computer etc.) – tot cee asociat cu proiectarea luminii. RGB lucrează cu culori “aditive”, alcătuite din lumină roșie, verdeși albastră care prin combinare produc luminăalbă.

ÎNTREBARE

015

CMYK =

print

RGB =

ecran

016Rezoluția în dpi și ppi

Rezoluție = definește două dimensiuni – lățimea și lungimea unui fișier

dpi = dots per inch

ppi = pixeli per inch

Rezoluție optimă pentru ecran = 72 ppi

Rezoluție optimă pentru print = 300 dpi

017BleedOrice element (imagine, textură, formă geometrică etc.) ce intră în contact cu marginea documentului, trebuieprelungit cu aproximativ 3-5 mm, ţinând seama de tăierea cu ghilotina (maşină profesională de tăiat hârtie) ce se vaproduce după tipărirea şi finisarea lucrării în tipografie. Termenul de "bleed", folosit în industria tiparului, estedistanţa pe care se extinde conținutul peste limita formatului finit.

Când este vorba despre text, acesta se poziţionează în lucrare, de la formatul finit spre interior, cu minim 3-5 mm.

018

Atunci când ai un proiect vizual mai mare și ai șiresurse, este bine să mergi pe mâna unor

profesioniști în design grafic.

019Cercetează ce a făcut freelancer-ul, agenția sau studioul de creație. Are experiență în cauze sociale? Este potrivit/ă pentru organizația ta?

Pregătește un brief. Nu uita că cei din agenție nu știu la fel de multe ca tine despre organizație. Transmite câtmai la obiect punctele esențiale, apoi asigură-te că le pui la dispoziție toate resursele de care au nevoiepentru a înțelege detaliile.

Ce e bine să conțină un brief: context, istoric, personalitatea organizației, obiective de comunicare, audiență, livrabile

Oferă surse de inspirație și repere pentru personalitatea organizației și ce ce așteptări ai. Dar nu da direcții! Rolul tău este să prezinți cât mai bine problema care trebuie rezolvată prin design. Nu interveni pe soluție. Asta e treaba agenției.

Nu te lăsa vrăjit de un vizual frumos dar care nu își atinge scopul!

Sfaturi în gestionarea unei relații cu un profesionist

1.

2.

3.

4.

5.

ÎNTREBARE

020

Folosește resusele disponibile pe internet. Sunt multe și te vor ajuta mult.

021Font-uri gratuite

Ilustrații gratuite

Fotografii gratuite

Atenție la licențe!

Canva

fonts.google.comwww.fontsquirrel.comwww.dafont.com

www.freepik.com

pixabay.comunsplash.comdeathtothestockphoto.comraumrot.com

creativecommons.org/licensesforums.techsoup.org/cs/community/b/tsblog/archive/2015/01/30/can-i-use-that-image-for-my-website-or-newsletter.aspx

Resurse pentru design in-house

022

Realizeză în Canva un vizual pentru facebookîn care să prezinți cel mai important succes al organizației din anul trecut.

Provocare

Ține minte ce vrei să transmiți, care e stilul organizației, care e profilul publicului tău.

www.rewire.ro facebook.com/werewire ioana@rewire.ro