Sustav dizajna: što je to, zašto i kako ga stvoriti

Tema sustava dizajna, čini se, već je razmotrena sa svih strana: možete pronaći mnogo članaka, postova, izvješća i drugih materijala o stvaranje sustava dizajna. Unatoč tome, svatko tko se susreće s ovim pojmom ima mnogo pitanja. Pokušat ćemo detaljno odgovoriti na glavne:

• Što je sustav dizajna?
• Čemu služi?

Što je sustav dizajna?

Sustav dizajna je struktura koja uključuje vizualne komponente, biblioteku kodova i smjernice za korištenje.

Dizajneri početnici često griješe pojednostavljujući koncept razmišljajući o sustavu dizajna samo kao o korisničkom sučelju – dokumentu koji sadrži elemente grafičkog sučelja, tipografiju i boje.

Sustav dizajna sastoji se od tri razine:

A UI komplet je vizualni jezik proizvoda za koji se kreira sustav dizajna. To su boje, fontovi, ikone, gumbi, oznake, prekidači, klizači, slike, animacije. Elementi se razlikuju i ovise o specifičnostima digitalnog proizvoda. Svi oni pomažu u stvaranju vidljivog dijela sučelja s kojim korisnik komunicira.

Okvir je biblioteka kodova koja je napisana za svaki od ovih elemenata, kao i dodaci za animaciju, oznake i oznake za navigaciju.

Smjernice su skup predložaka i pravila za korištenje elemenata koji organiziraju proces rada. Zahvaljujući smjernicama, dizajner nije uključen u jednostavne zadatke, već je programer odmah uključen.

Na primjer, smjernice određuju parametre skočnog prozora na web stranici: uvlake od teksta, mjesto i veličinu naslova i teksta tijela, mjesto za gumb i kako će prozor izgledati s manje ili više teksta.

Vrste projektnih sustava

Ne postoji jedinstvena klasifikacija, ali stručnjaci razlikuju dvije vrste sustava dizajna - otvoreni i zatvoreni izvor.

U sustavima otvorenog koda svaka tvrtka može koristiti materijale i prilagoditi ih za svoje projekte – mijenjati boje gumba, fontove i ikone. Na primjer, u sustavima Ant Design, Human Interface Guidelines i Material Design.

Sustavi dizajna zatvorenog koda obično se kreiraju za određenu tvrtku ili proizvod. To su ili potpuno zatvoreni materijali, dostupni samo zaposlenicima, ili djelomično otvoreni.

Kako stvoriti sustav dizajna

Razvoj sustava dizajna temelji se na principima atomskog dizajna. Atomski dizajn je tehnika koja uključuje pet razina elemenata dizajna: atome, molekule, organizme, uzorke i stranice.

Dizajn strukture sustava:

• atomi su najmanje komponente: gumbi, ikone, polja za unos i fontovi.
• molekule su kombinacija nekoliko jednostavnih elemenata: dva gumba, naslov i redak za unos, traka s obavijestima, potvrdni okvir i tekst.
• organizmi su kompletne komponente: zaglavlje stranice, obrazac za autorizaciju, kartice proizvoda i banner s obavijestima.
• Predlošci – izgled stranice bez sadržaja: izbornik, izgled stranice.
• Stranice su stranice ispunjene sadržajem.

Opći algoritam izgleda ovako:

• Odaberite boje i fontove, postavite modularne mreže i odaberite animacije, slike i zvukove.
• Stvorite osnovne elemente sučelja.
• Kombinacije elemenata dizajna i rasporedi.
• Napravite popis elemenata zajedno s pravilima. U smjernici navedite što je element, gdje se koristi i koje zadatke rješava.

Obično se sustavi dizajna ne stvaraju od nule, već se grade na temelju već razvijenog materijala: UI kompleta, smjernica ili knjiga robnih marki.

Zašto vam je potreban sustav dizajna?

Kao i sa svakim IT proizvodom, ključno je odgovoriti na pitanje "Čemu služi sustav dizajna?" Ili, kako primjećuju neki kolege u trgovini, “pa što”?

Odgovor na ovo pitanje pomoći će vam da shvatite vrijednost proizvoda. Dio toga već se može vidjeti iz onoga što smo gore opisali. Ali hajdemo to raščlaniti i pogledati dublje.

Automatizacija

Automatizacija pruža najočitiju korist. Sustav dizajna pomoći će vam da automatizirate operacije, oslobađajući vam vrijeme za druge dužnosti.

Iterativnost

Mogućnost nasljeđivanja i automatske primjene izmjena na elemente sustava dizajna vrijedan je alat za proizvodni tim. Možete brzo napraviti kozmetičke ili čak velike promjene na jednom mjestu. Na taj način uvijek možete poboljšati proizvod.

Dosljednost

Dosljednost navodi da objekti i entiteti u proizvodu koji obavljaju istu funkciju trebaju težiti jedinstvu i sličnosti.

Kada koristimo usporedive značajke u proizvodu, one postaju poznate i prikladne: instinktivno razumijemo kako tipka radi i kako se pojavljuje, kao i gdje se nalazi.

Nadamo se da su svi naučili nešto vrijedno iz članka. I ponovno smo se uvjerili da rad na članku strukturira znanje i motivira za dodatno učenje.