brandguideVállalkozásból brand
UI és digitális arculatBrandpedia1 perc olvasás

Mi az a Design System?

Serfőző Péter · Megjelent · Frissítve

Egy rendszer, ami megmondja pontosan, hogyan nézzen ki minden elem a márkádnál.

A design system egy kiterjedt szabályrendszer, ami megmondja, hogyan nézzen ki és hogyan működjön a terméked vagy márkád. Olyan, mint egy közös vizuális nyelv a csapatodban, amivel gyorsabban és rendezettebben tudtok dolgozni. A styleguide, a design kézikönyv és az arculati rendszer is mind ebbe a kategóriába tartozik.

A modern kor arculati kézikönyvei

A design system az egyik legkedveltebb mai buzzword. Design systemet szeretnék, hangzik el egyre gyakrabban a megbízóink szájából, ezért is gondoltam, hogy érdemes erről a témáról részletesen írni.

Mi is a design system?

Legós példán mutatom be az alapproblémát: ha van nagyon sok legónk, idő- és erőforrásigényes az építés, ki kell keresni a megfelelő elemet. Ezzel ellentétben, amennyiben előre elrendezzük az elemeket, akkor utána hatékonyan, gyorsabban tudunk dolgozni. Sőt, ha van egy leírásunk az összeépítésről, akkor még gyorsabban tudunk építeni. Ez a design systemek MVP-je (Minimum Viable Product). Styleguide, design kézikönyv, arculati rendszer, UX/UI-guide. Ezek mind design systemek. A design system egy kiterjedt szabályrendszer, amely segítségével definiálható egy rendszer működése és megjelenése.

Első és alapvető célja, hogy rend legyen, rendszert alkosson. A vizuális nyelv is olyan, mint bármilyen másik nyelv: akkor egyértelmű mindenki számára, ha ismerik a használat szabályait. Ahogy növekszik egy terméket fejlesztő csapat, úgy lesz szüksége közös vizuális nyelvre.

  • A design system elsődleges célja a rend, hogy legyen közös vizuális nyelvetek.
  • A styleguide, a design kézikönyv és az UX/UI guide mind design system típusok.
  • Ha előre elrendezed az elemeidet és leírod a szabályokat, gyorsabban tudtok építeni.
  • Minél nagyobb egy csapat, annál nagyobb szükség van közös vizuális szabályokra.

Gyakori kérdések

Mi az a design system egyszerűen megfogalmazva?

A design system egy kiterjedt szabályrendszer, amely meghatározza egy rendszer működését és megjelenését. Olyan, mint egy közös vizuális nyelv, amit mindenki ért a csapatban.

Mi a különbség a styleguide és a design system között?

A cikk szerint a styleguide, a design kézikönyv, az arculati rendszer és az UX/UI guide mind design systemek, tehát ugyanannak a dolognak különböző elnevezései.

Miért van szükség design systemre egy vállalkozásban?

Mert rendet teremt: ha előre elrendezed az elemeket és leírod az összeépítés szabályait, gyorsabban és hatékonyabban tudtok dolgozni. Ahogy nő a csapat, egyre fontosabb a közös vizuális nyelv.

Következő lépés

Kérdezd meg a brandguide/AI-t a saját cégedre (ui és digitális arculat):

„Milyen alapvető vizuális szabályokat kellene leírnom, hogy a csapatom gyorsabban tudjon dolgozni a logómmal és a színeimmel?”
Megkérdezem
Serfőző Péter
márkastratéga, a zwoelf alapítója
Serfőző Péter márkastratéga. 2009 óta, a zwoelf alapítójaként azon dolgozik, hogy a cégek ne a logóval kezdjék, hanem azzal, amiért a vevő őket választja. Nagyvállalatoknak, mint a Waberer's, az Uniqa vagy az OTP, ugyanazzal a módszerrel épít márkát, amit a brandguide-on kisvállalkozóknak ad át, érthetően.
Hasznos volt ez a cikk?

Kapcsolódó cikkek