Prezentare curs
Hartă completă a cursului de design grafic pentru începători — 17 lecții de la culoare și tipografie până la identitate vizuală și prototip interactiv în Figma.
Curs Design Grafic pentru începători¶
Bun venit! Acest curs te învață să construiești lucruri care se văd bine și se înțeleg repede — afișe, logo-uri, postări pentru rețele sociale și interfețe web. Nu ai nevoie de talent la desen și nici de programe scumpe: lucrăm în Figma și Canva, ambele gratuite și direct în browser.
Ce vei construi¶
- Un afiș pentru un eveniment școlar (olimpiadă, serbare, târg de proiecte)
- Un logo și regulile lui de folosire
- O paletă de culori și o pereche de fonturi pe care le poți refolosi oriunde
- Un set de postări pentru rețele sociale în format pătrat și story
- Un mockup de pagină web care poate fi predat mai departe programatorului
- Identitatea vizuală completă a cercului de informatică — proiect final
- Un prototip interactiv de landing page, cu ecrane care se leagă între ele
Hartă curs¶
Introducere¶
| Nr | Lecție | Ce înveți |
|---|---|---|
| 00 | Ce este designul grafic | Unde îl întâlnești zilnic, ce face un designer, brief și feedback |
| 01 | Figma și Canva — primul contact | Cont gratuit, interfața, primul fișier, salvare și partajare |
Modulul 1 — Limbajul vizual¶
| Nr | Lecție | Ce înveți |
|---|---|---|
| 02 | Formă, linie, spațiu | Elemente de bază, spațiul alb, greutatea vizuală |
| 03 | Culoarea | Roata cromatică, HEX și RGB, palete de 3–5 culori, contrast și accesibilitate |
| 04 | Tipografia | Serif vs. sans-serif, ierarhie, corp de literă, perechi de fonturi care merg |
| 05 | Compoziție și grilă | Aliniere, grilă de 12 coloane, regula treimilor, margini |
| 06 | Ierarhie vizuală | Ce vede ochiul întâi, contrast de mărime și culoare, traseul privirii |
Modulul 2 — Figma în profunzime¶
| Nr | Lecție | Ce înveți |
|---|---|---|
| 07 | Vectori și Pen Tool | Frame-uri, forme, noduri, operații booleene |
| 08 | Stiluri și componente | Stiluri de culoare și text, componente reutilizabile, variante |
| 09 | Auto Layout | Aranjare automată, spațiere, elemente care se redimensionează corect |
| 10 | Imagini, măști și export | Încadrare, măști, export în PNG, JPG, SVG și PDF |
Modulul 3 — Proiecte aplicate¶
| Nr | Lecție | Ce construiești |
|---|---|---|
| 11 | Afiș pentru un eveniment școlar | Format A3, ierarhie clară, pregătire pentru tipar |
| 12 | Logo și identitate vizuală | Concept, variante, versiune monocromă, reguli de folosire |
| 13 | Postare pentru rețele sociale | Canva: format 1080×1080 și story 1080×1920, șabloane refolosibile |
| 14 | Design de interfață web | Wireframe, mockup, ce predai mai departe către HTML și CSS |
Proiecte finale¶
| Nr | Proiect | Ce construiești |
|---|---|---|
| 15 | Identitate vizuală pentru cercul de informatică | Logo, paletă, fonturi, afiș și postare — un set coerent |
| 16 | Prototip interactiv de landing page | Ecrane legate între ele în Figma, cu navigare care se poate testa |
Cerințe prealabile¶
- Un calculator cu Windows / macOS / Linux, sau o tabletă cu browser
- Un browser modern (Chrome, Firefox, Edge)
- O adresă de e-mail pentru contul gratuit Figma și Canva
- Nu ai nevoie de experiență anterioară și nici de abilități de desen
Durată estimată¶
- ~17 ședințe de 90 de minute
- Ritm recomandat: o lecție pe săptămână
- Perioada: septembrie – iunie (un an școlar)
Instrumente folosite¶
| Instrument | Pentru ce | Unde |
|---|---|---|
| Figma | Design vectorial, interfețe, prototipuri | figma.com |
| Canva | Materiale rapide: afișe, postări, prezentări | canva.com |
| Google Fonts | Fonturi gratuite, folosibile și în proiecte web | fonts.google.com |
| Coolors | Generare și testare de palete de culori | coolors.co |
| Unsplash | Fotografii gratuite, fără restricții de folosire | unsplash.com |
Conturile pentru elevi
Figma oferă gratuit planul Education pentru elevi și profesori, iar Canva are Canva for Education pentru conturi școlare. Ambele se obțin cu adresa de e-mail a școlii. Cursul funcționează însă complet și pe planurile gratuite obișnuite.
Legătura cu celelalte cursuri¶
Designul grafic nu se oprește la imagine. Ce desenezi în Figma la lecția 14 poate fi construit apoi în HTML și CSS — vezi cursul de Dezvoltare Web, în special lecțiile despre CSS introducere și Flexbox și Grid.
Cum să folosești cursul
Nu copia șabloane gata făcute. La fiecare lecție fă tu varianta ta, chiar dacă la început arată stângaci — ochiul se antrenează prin repetiție. Păstrează toate fișierele într-un singur proiect Figma: la final vei vedea clar cât ai progresat.
Gata? Începem! → Lecția 00: Ce este designul grafic