Lecția 11 · Afiș pentru un eveniment școlar¶

Pasul 1 — Brief-ul¶

Folosim brief-ul din lecția 00. Iată-l completat pentru proiectul nostru:

Pasul 2 — Conținutul ierarhizat¶

Scrie tot textul înainte să desenezi ceva. Apoi numerotează.

1. TÂRGUL DE PROIECTE
2. Sâmbătă, 12 aprilie · 10:00 – 14:00
3. Sala de sport, etaj 1
4. Roboți, senzori, jocuri și site-uri construite
   de elevii cercului de informatică.
5. Intrarea liberă
6. Cercul de informatică Ursoaia · ursoaia-edu.online

Gruparea: [1], [2 + 3], [4], [5 + 6] → patru grupuri. Exact în intervalul 3–5 din lecția 05.

Pasul 3 — Configurarea fișierului¶

1. Frame nou: F → categoria Paper → A3. Rezultă 842 × 1191 pt (punctele Figma = 1/72 inch; A3 = 29.7 × 42 cm).
2. Redenumește-l afis-targ-proiecte.
3. Grilă: Layout grid → Columns → Count 6, Type Stretch, Margin 60, Gutter 24.
4. A doua grilă: Rows → Count Auto, Height 24 — grila de linii de bază.
5. Marginea de siguranță: desenează un dreptunghi la 60 pt de toate marginile, fără umplere, cu contur roșu 1 pt. Blochează-l (Ctrl+Shift+L). Nimic important nu iese în afara lui.

Stilurile¶

Importă sau recreează stilurile din lecțiile 03 și 04. Pentru acest afiș:

Pasul 4 — Două direcții¶

Regula din lecția 00: nu arăta niciodată o singură variantă. Construiește două, vizibil diferite.

Direcția A — tipografică¶

Fără imagini. Titlul ocupă treimea de sus, pe trei rânduri. Sub el, o bară portocalie de 8 × 240 pt. Data mare, sub bară. Descrierea pe coloanele 1–4. Detaliile jos, pe un singur rând.

Punct forte: imposibil de ratat, se citește de la 5 metri, se tipărește perfect chiar și alb-negru. Punct slab: nu comunică nimic despre ce fel de eveniment e.

Direcția B — cu imagine¶

O fotografie a unui proiect (o placă ESP32 cu LED-uri aprinse, macro) ocupă treimea de sus, sângerând până la marginile frame-ului. Gradient de la opac jos la transparent sus. Titlul peste gradient. Restul conținutului pe fundal plat, dedesubt.

Punct forte: spune imediat despre ce e vorba; atrage privirea de la distanță. Punct slab: depinde de calitatea fotografiei; la tipar alb-negru se pierde.

Pasul 5 — Construirea variantei finale¶

Presupunem că feedback-ul a ales direcția B. Construcția, element cu element.

5.1 — Fundalul¶

1. Dreptunghi peste tot frame-ul, Fill surface/base. Redenumește bg.

5.2 — Fotografia¶

1. Dreptunghi de 842 × 480 pt, lipit de marginea de sus (X: 0, Y: 0).
2. Fill → Image → alege fotografia. Mod Fill.
3. Dublu-click și repoziționează astfel încât subiectul principal să fie în jumătatea dreaptă (titlul va sta în stânga).

5.3 — Gradientul¶

1. Dreptunghi de 842 × 480 pt, exact peste fotografie.
2. Fill → Linear gradient.
3. Punctul de jos: #0F172A, opacitate 100%. Punctul de sus: #0F172A, opacitate 0%.
4. Trage mânerul gradientului pe verticală, de jos în sus.

5.4 — Titlul¶

1. Text pe trei rânduri: TÂRGUL / DE / PROIECTE.
2. Stil poster/title, culoare text/strong.
3. Poziționat pe coloanele 1–4, cu linia de bază a ultimului rând la ~60 pt sub marginea de jos a fotografiei.

5.5 — Bara de accent¶

Dreptunghi de 8 × 200 pt, Fill brand/primary, la 40 pt sub titlu, aliniat la stânga cu el.

5.6 — Data și locul¶

1. Sâmbătă, 12 aprilie — stil poster/date, culoare brand/primary.
2. 10:00 – 14:00 · Sala de sport, etaj 1 — stil poster/body, culoare text/base, la 12 pt sub dată.

Cele două formează un grup: spațiu de 12 pt între ele, 48 pt față de bara de deasupra.

5.7 — Descrierea¶

Text pe coloanele 1–4 (nu pe toate 6 — lungimea rândului!), stil poster/body, culoare text/base, la 48 pt sub grupul datei.

Verifică: maximum 66 de caractere pe rând. La 26 pt, asta înseamnă o lățime de aproximativ 460 pt.

5.8 — Zona de jos¶

Auto Layout orizontal, gap Auto, lățime Fill, ancorat la 60 pt de marginea de jos:

• Stânga: logo-ul școlii (SVG, înălțime 48 pt) + text Cercul de informatică Ursoaia, stil poster/detail.
• Dreapta: Intrarea liberă (stil poster/label, culoare brand/primary) + ursoaia-edu.online (stil poster/detail, culoare text/muted).

Deasupra zonei, o linie de separare de 1 pt, culoare #1E293B.

Pasul 6 — Verificările¶

Parcurge lista înainte de export. Fiecare punct a apărut într-o lecție anterioară.

Pasul 7 — Exportul¶

Pentru tipar¶

1. Bleed. Dacă tipografia cere 3 mm bleed: mărește frame-ul cu 3 mm pe fiecare latură. 3 mm = 8.5 pt, deci frame-ul devine 859 × 1208 pt. Extinde bg și fotografia până la noile margini. Conținutul rămâne unde e.
2. Selectează frame-ul → Export → PDF → Export.
3. Deschide PDF-ul și verifică: fonturile arată corect, imaginea nu e pixelată la 100% zoom.

Pentru ecrane¶

Multe școli au ecrane pe holuri sau conturi de rețele sociale.

Erori frecvente la afișe¶

Exerciții¶

Exercițiu 1 — Taie textul¶

Ia următorul text de brief și redu-l la maximum 40 de cuvinte totale, păstrând toate informațiile esențiale:

„Cercul de informatică al școlii noastre are deosebita plăcere de a vă invita la Târgul de Proiecte, un eveniment special care va avea loc în data de sâmbătă, 12 aprilie, începând cu ora 10:00 și până la ora 14:00, în sala de sport situată la etajul 1 al clădirii principale, unde veți putea admira o gamă variată de proiecte realizate de elevii noștri talentați pe parcursul întregului an școlar, incluzând roboți, senzori, jocuri și site-uri web. Intrarea este complet gratuită pentru toată lumea.”

TÂRGUL DE PROIECTE

Sâmbătă, 12 aprilie · 10:00 – 14:00
Sala de sport, etaj 1

Roboți, senzori, jocuri și site-uri construite
de elevii cercului de informatică.

Intrarea liberă
Cercul de informatică Ursoaia · ursoaia-edu.online

Exercițiu 2 — Corectează un afiș¶

Construiește deliberat un afiș A3 cu cinci greșeli din tabelul de mai sus, apoi fă versiunea corectată. Notează fiecare corecție.

Exercițiu 3 — Adaptare la trei formate¶

Ia afișul final și adaptează-l la: Instagram post (1080 × 1080), story (1080 × 1920) și ecran orizontal (1920 × 1080). Nu scala — recompune.

Mini-proiect: afișul tău¶

Alege un eveniment real din școala ta și parcurge toți cei șapte pași: brief, conținut ierarhizat, configurare fișier, două direcții, variantă finală, cele 10 verificări, export PDF + o variantă digitală.

Rezumat¶

• Începi cu brief-ul, nu cu Figma.
• 1 cm înălțime de literă ≈ 3 metri distanță de citire.
• Maximum 40 de cuvinte și 6 blocuri pe un afiș.
• Taie politețea și adjectivele; păstrează substantivele concrete.
• Construiește două direcții vizibil diferite înainte de a cere feedback.
• Grilă de 6 coloane pentru afișe, margine minimă 60 pt pe A3.
• Suprapunerea titlului peste fotografie leagă zonele; fără ea, afișul se rupe în benzi.
• Verifică rezoluția fotografiei la început: A3 la 300 DPI = 3508 px lățime.
• Cele 10 verificări înainte de export, inclusiv testul alb-negru.
• Adaptarea la alt format înseamnă recompunere, nu scalare.

Pasul următor: → Lecția 12: Logo și identitate vizuală