00: Ce este designul grafic
Ce face de fapt un designer grafic, unde întâlnești design în fiecare zi, cum arată un brief și cum se cere feedback.
Lecția 00 · Ce este designul grafic¶
Ce vei învăța
- De ce designul înseamnă decizii, nu decor
- Unde întâlnești design grafic într-o zi obișnuită
- Cele cinci domenii mari ale meseriei
- Ce este un brief și de ce nu începi fără el
- Cum ceri și cum primești feedback fără să te superi
- Ce imagini și fonturi ai voie să folosești
Designul înseamnă decizii¶
Mulți cred că designul grafic e „să faci ceva frumos”. Nu este. Designul grafic este rezolvarea unei probleme de comunicare cu mijloace vizuale.
Uite diferența, pe un exemplu concret. Trebuie să anunți că olimpiada de informatică are loc sâmbătă, 14 martie, ora 9:00, în sala 12.
Varianta „decor”: pui textul pe un fundal cu stele, alegi un font cu umbre și adaugi trei culori pentru că arată vesel.
Varianta „design”: te întrebi mai întâi cine citește afișul (elevi care trec pe hol în pauză, în 3 secunde), ce trebuie să rețină (data, ora, sala) și ce să facă după (să se înscrie la profesorul de informatică). Abia apoi alegi: data scrisă mare pentru că e informația care decide dacă cineva vine; locul și ora sub ea; înscrierea jos, mai mic, dar vizibil.
Testul celor 3 secunde
Un afiș pe un hol de școală are aproximativ 3 secunde de atenție. Dacă în 3 secunde cititorul nu a prins ce, când și unde, afișul nu funcționează — indiferent cât de frumos e.
Un design bun se recunoaște după faptul că nu observi designul. Observi mesajul.
Unde întâlnești design grafic într-o zi obișnuită¶
Fă exercițiul mental: de dimineață până seara.
| Momentul zilei | Designul pe care îl vezi |
|---|---|
| Te trezești | Iconițele de pe telefon, interfața alarmei |
| Micul dejun | Ambalajul cutiei de cereale, eticheta de pe lapte |
| Drumul spre școală | Indicatoare rutiere, panouri publicitare, orarul din stație |
| La școală | Manualul, orarul de pe perete, afișul de la cercul de informatică |
| Pauză | Interfața Instagram, thumbnail-urile de pe YouTube |
| Seara | Genericul serialului, meniul aplicației de streaming |
Toate au fost desenate de cineva. Fiecare decizie — de ce indicatorul de STOP este octogon roșu, de ce butonul de „Cumpără” e altă culoare decât restul paginii — a fost luată cu un scop.
Exercițiu de privit
Data viitoare când vezi un indicator rutier, întreabă-te: de ce este citibil de la 100 de metri? Răspunsul e o combinație de contrast puternic, formă simplă și un singur mesaj. Exact ce vei învăța în lecțiile 03–06.
Cele cinci domenii ale designului grafic¶
Meseria e largă. Cursul acesta atinge primele patru.
1. Identitate vizuală (branding)¶
Logo, culori, fonturi și regulile de folosire ale unei organizații. Când vezi o cutie roșie cu litere albe cursive, știi ce marcă e înainte să citești. Asta e identitate vizuală care funcționează.
În curs: lecțiile 12 și 15.
2. Design editorial și print¶
Afișe, pliante, reviste, cărți, diplome. Orice ajunge pe hârtie. Aici contează formatul fizic (A4, A3), marginile pentru tăiere și rezoluția.
În curs: lecția 11.
3. Design digital și social media¶
Postări, story-uri, bannere, thumbnail-uri. Formate fixe, citit pe telefon, de obicei în mișcare.
În curs: lecția 13.
4. Design de interfață (UI)¶
Site-uri și aplicații. Aici designul nu doar informează — trebuie să și funcționeze: butoane pe care se poate apăsa, formulare care se completează, ecrane care se leagă între ele.
În curs: lecțiile 14 și 16.
5. Motion design și 3D¶
Animație, generice, efecte. Nu intră în cursul acesta, dar bazele pe care le înveți aici (culoare, tipografie, compoziție) sunt aceleași.
Elementele și principiile¶
Tot ce vei desena vreodată se construiește din câteva elemente, aranjate după câteva principii. Merită să le ai în cap de la început.
Elementele — „materia primă”:
| Element | Ce este | Lecția |
|---|---|---|
| Linie | Separă, ghidează privirea, subliniază | 02 |
| Formă | Dreptunghi, cerc, triunghi și combinațiile lor | 02 |
| Spațiu | Golul dintre lucruri — la fel de important ca lucrurile | 02 |
| Culoare | Atrage atenția, transmite stare, grupează | 03 |
| Tipografie | Textul ca imagine: familie, mărime, greutate | 04 |
| Textură și imagine | Fotografii, ilustrații, fundaluri | 10 |
Principiile — „regulile de aranjare”:
| Principiu | Ce înseamnă | Lecția |
|---|---|---|
| Aliniere | Nimic nu stă la întâmplare; totul are o margine comună | 05 |
| Proximitate | Lucrurile care țin împreună stau împreună | 05 |
| Contrast | Diferențele mari se observă; cele mici par greșeli | 06 |
| Ierarhie | Cititorul vede lucrurile în ordinea importanței lor | 06 |
| Repetiție | Aceleași culori și fonturi peste tot creează unitate | 08 |
| Echilibru | Greutatea vizuală distribuită, nu neapărat simetric | 05 |
Cea mai frecventă greșeală de începător
Prea multe elemente, prea puțin spațiu gol. Când nu știi ce să faci ca să arate mai bine, de obicei răspunsul este să scoți ceva, nu să adaugi.
Brief-ul: de unde pornește orice proiect¶
Un brief este setul de răspunsuri de care ai nevoie înainte să deschizi Figma. Fără el, lucrezi pe ghicite și refaci de trei ori.
Brief minim — șase întrebări:
- Ce anume trebuie făcut? (un afiș A3, o postare pătrată, un logo)
- Pentru cine? (elevi de gimnaziu, părinți, profesori)
- Ce mesaj trebuie să rămână? (o singură propoziție)
- Ce acțiune vrem după? (să se înscrie, să vină, să dea share)
- Unde va fi văzut? (hol de școală, feed Instagram, proiector)
- Ce constrângeri există? (culorile școlii, logo obligatoriu, termen)
Brief completat — exemplu real
- Ce: afiș A3, print alb-negru (imprimanta școlii nu are color).
- Pentru cine: elevi de clasele V–VIII.
- Mesaj: „Cercul de informatică primește membri noi.”
- Acțiune: să vină joi la 15:00 în laboratorul 2.
- Unde: trei holuri, la nivelul ochilor, lângă scări.
- Constrângeri: alb-negru, logo-ul școlii sus, gata în 4 zile.
Observă cum punctul 6 schimbă totul: fără culoare, tot contrastul trebuie obținut din mărime, greutate a literei și spațiu. Un brief bun îți spune ce nu poți face.
Feedback: cum ceri și cum primești¶
Designul se face în echipă, chiar dacă echipa e formată din tine și profesorul tău.
Când ceri feedback, nu întreba „îți place?”. Răspunsul va fi o preferință personală, nu o informație utilă. Întreabă în schimb:
- „Ce ai reținut primul din afiș?” — testează ierarhia
- „Ce crezi că trebuie să faci după ce îl citești?” — testează acțiunea
- „De la ce distanță ai putut citi data?” — testează lizibilitatea
Când primești feedback, separă două lucruri:
| Ce auzi | Ce înseamnă de fapt |
|---|---|
| „Nu-mi place albastrul” | Poate fi preferință — cere motivul |
| „Nu am văzut ora” | Problemă reală de ierarhie — repară |
| „Pare încărcat” | Prea puțin spațiu gol — scoate elemente |
| „Nu se citește de departe” | Contrast sau corp de literă insuficient |
Regula celor două variante
Nu arăta niciodată o singură variantă. Arată două, diferite vizibil. Primești feedback despre direcție, nu despre detalii, iar discuția devine „care dintre ele”, nu „îmi place / nu-mi place”.
Ce ai voie să folosești¶
Aceasta e partea pe care începătorii o sar și apoi au probleme.
Nu iei imagini de pe Google Images. Rezultatele căutării nu îți spun nimic despre drepturi. Majoritatea sunt protejate.
Surse sigure și gratuite:
| Ce cauți | Unde | Condiții |
|---|---|---|
| Fotografii | Unsplash, Pexels | Gratuite, inclusiv comercial; menționarea autorului e politicoasă, nu obligatorie |
| Ilustrații | unDraw, Open Doodles | Gratuite, editabile |
| Iconițe | Lucide, Feather | Open-source (licență ISC / MIT) |
| Fonturi | Google Fonts | Gratuite, inclusiv comercial |
Fonturile nu se copiază de pe alt calculator
Un font este un program, cu licență. Cele din Google Fonts au licențe libere și le poți folosi oriunde. Un font descărcat de pe un site de „fonturi gratis” poate fi o copie ilegală — evită-l.
Marca altcuiva nu se folosește. Nu pui logo-ul unei companii pe un afiș făcut de tine ca și cum ar fi al tău și nu desenezi un logo „aproape la fel” cu unul cunoscut.
Exerciții¶
Exercițiu 1 — Trei exemple de design bun și trei de design prost¶
Fotografiază (sau notează) trei lucruri din jurul tău care comunică bine și trei care comunică prost: afișe din școală, ambalaje, indicatoare, ecrane de aplicații. Pentru fiecare, scrie o propoziție cu motivul.
Soluție
Nu există un singur răspuns corect, dar motivele bune sună așa:
Funcționează: - „Indicatorul de la intrare: un singur cuvânt, contrast maxim alb pe roșu, se citește din mers.” - „Eticheta de pe sticla de apă: numele mare, restul mic — știu exact ce cumpăr.” - „Butonul de trimitere din formular: singurul element colorat de pe ecran, nu am cum să-l ratez.”
Nu funcționează: - „Afișul cu excursia: șapte fonturi diferite, nu știu ce e important.” - „Orarul de pe hol: scris cu font de 12 pt, trebuie să mă apropii la 30 cm.” - „Pliantul: text galben pe fundal alb, contrast aproape zero.”
Motivele proaste sună așa: „e urât”, „nu-mi place culoarea”. Acelea nu sunt observații, sunt gusturi.
Exercițiu 2 — Scrie un brief¶
Alege un eveniment real din școala ta (serbare, concurs, campanie de strângere de fonduri, ședință a cercului) și completează cele șase întrebări din brief. Maximum o propoziție la fiecare.
Soluție
Exemplu pentru un târg de proiecte:
- Ce: afiș A3 color + postare pătrată pentru Instagram.
- Pentru cine: elevi de liceu și părinții lor.
- Mesaj: „Sâmbătă poți vedea proiectele construite de colegii tăi.”
- Acțiune: să vină sâmbătă între 10:00 și 14:00 în sala de sport.
- Unde: holurile școlii și feed-ul Instagram al școlii.
- Constrângeri: logo-ul școlii obligatoriu, fără poze cu elevi fără acordul părinților, gata în 7 zile.
Verifică-ți brief-ul: dacă la punctul 3 ai scris mai mult de o propoziție, nu ai încă un mesaj — ai o listă.
Exercițiu 3 — Testul celor 3 secunde¶
Găsește un afiș din școala ta. Uită-te la el 3 secunde, apoi întoarce-te cu spatele și scrie ce ai reținut. Compară cu ce scrie de fapt pe afiș.
Soluție
Dacă ai reținut ce, când și unde, afișul are o ierarhie bună.
Dacă ai reținut doar imaginea sau doar titlul decorativ, ierarhia e greșită: elementul cel mai vizibil nu este și cel mai important. Aceasta este exact problema pe care o rezolvă lecția 06.
Mini-proiect: jurnal vizual¶
Pe durata cursului, ține un jurnal vizual — un dosar (fizic sau un album pe telefon) în care pui, de două-trei ori pe săptămână, câte o imagine de design care ți-a atras atenția. Nu contează dacă îți place sau nu; contează să scrii o propoziție cu ce face și cum.
Cum arată o intrare bună
Ambalaj de ciocolată, 12 martie. Toată suprafața e maro închis, cu un singur element auriu în mijloc. Contrastul de culoare face ca ochiul să meargă direct la nume. Restul textului (gramaj, ingrediente) e pe spate — nimic nu concurează cu numele pe fața principală.
Ecran de login al unei aplicații bancare, 14 martie. Un singur câmp vizibil pe ecran și un singur buton. Restul (înregistrare, ajutor) e gri și mic. Aplicația decide pentru mine ce trebuie să fac.
Peste trei luni vei avea 30 de intrări și vei observa că începi să vezi decizii acolo unde înainte vedeai doar imagini. Acesta e scopul.
Rezumat¶
- Designul grafic rezolvă o problemă de comunicare, nu decorează.
- Un design bun nu se observă — se observă mesajul.
- Cinci domenii: identitate vizuală, print, digital, interfață, motion. Cursul acoperă primele patru.
- Elemente: linie, formă, spațiu, culoare, tipografie, imagine.
- Principii: aliniere, proximitate, contrast, ierarhie, repetiție, echilibru.
- Nu deschizi Figma până nu ai un brief cu șase răspunsuri.
- Feedback util se cere prin întrebări despre ce a reținut cititorul, nu despre gust.
- Imagini din Unsplash / Pexels, fonturi din Google Fonts, iconițe open-source. Nu de pe Google Images.
Pasul următor: → Lecția 01: Figma și Canva — primul contact