Miért vizuális nyelv, nem „stílus”
Day 1 of 30 · The Playbook 2026 – Mesterkurzus Designereknek
A stílus ízlés, a vizuális nyelv szabályrendszer. Az egyik személyfüggő, a másik skálázható.
Tanulási cél
- 1 mondatban el tudod mondani a különbséget stílus és vizuális nyelv között.
- Fel tudsz sorolni 3 következményt, ha nincs vizuális nyelv.
- Írsz egy „vizuális szándék” mondatot a saját termékedhez.
Miért fontos
- Stílus = vélemény; vizuális nyelv = szabály, ezért skálázható.
- Csapatban csak dokumentált, átadható döntések működnek.
- A vizuális káosz hitelt rombol és support költséget emel.
Magyarázat
Stílus
- Szubjektív, személyhez kötött.
- Nem dokumentált, nem mérhető.
- Törik, ha új ember csatlakozik.
Vizuális nyelv
- Szabályok: színek, tipó, forma, mozgás, ritmus.
- Szándék: mit akar közvetíteni a termék (hang, tónus, súly).
- Döntési rendszer: ugyanarra a problémára ugyanaz a válasz.
Példák
Rossz: „Legyen modernebb, tegyünk még gradientet.” – nincs szabály, csak ízlés.
Jó: „Primary CTA: #111827 szöveg #FAB908 háttéren, 12x16 px padding, enyhe shadow. Más CTA nem használhat sárgát.” – szabály, nem ízlés.
Gyakorlat (vezetett, 10-15 perc)
- Írd le: „A mi vizuális nyelvünk célja, hogy …” (1 mondat).
- Sorolj fel 3 helyzetet, ahol a csapat vizuális döntést hoz (CTA, kártya, üres állapot), és írd mellé: ma ez szabály vagy ízlés?
- Készíts egy rövid „Visual Intent Statement”-et (hang, tonalitás, sűrűség, bátorság, kontraszt).
Gyakorlat (önálló, 5-10 perc)
Válassz egy meglévő képernyőt, jelöld meg 3 elemet, ahol ma ízlés dönt, és írd mellé a kívánt szabályt.
Önellenőrzés
- El tudom mondani a különbséget stílus vs vizuális nyelv.
- Van 1 mondatos vizuális szándék mondat.
- Legalább 3 szabályra átírtam „ízlés” helyett konkrét döntést.
Opcionális mélyítés
- Airbnb Design Language: https://airbnb.design/building-a-visual-language/
- A design tokenek (W3C piszkozat): https://design-tokens.github.io/community-group/format/