Home BIZNIS I ZABAVA Kojih je 7 principa dizajna? Vodič za UX-ere

Kojih je 7 principa dizajna? Vodič za UX-ere

by Zoran Ristic

Lep, efektivan dizajn je klјučni element korisničkog iskustva. Umetnost nam pruža nešto predivno za gledanje – dobar dizajn to čini dok služi dodatnu funkciju.

Snažan dizajn nudi korisnicima atraktivan i efikasan predlog. I dok sjajne korice knjige ili filmski poster mogu da izgledaju kao divlјe umetničko delo ili neukroćeno prskanje kreativnog genija, oni će zapravo biti vođeni striktnim skupom pravila: principi dizajna.

Koji su principi dizajna?

Princip dizajna je pravilo koje reguliše kako elementi dizajna treba da se pojavlјuju na stranici ili ekranu. Radeći zajedno, ovi principi dizajna su neophodni za stvaranje delova dizajna koji su i funkcionalni i estetski prijatni.

Ova pravila funkcionišu iza scene kako bi bili sigurni da je dizajn stabilan, uravnotežen i da uspešno isporučuje njegovu poruku. Sve to uz istovremeno omogućavanje vizuelnog prikaza.

Zaintrigirani? Ovaj deo će istaći sedam klјučnih principa dizajna koje treba zapamtiti i analizirati kako se primenjuju na nas u svetu UX-a.

  1. Poravnanje i balans

Poravnanje i balans odnose se na distribuciju i simetriju elemenata dizajna u vašem delu. U UX dizajnu, poravnanje i balans su važni elementi za kreiranje strukture i pobolјšanje čitlјivosti.

Svi delovi dizajna imaju težinu, koja može da se drži u veličini, količini, teksturi ili boji predmeta.

Uvek izgleda pogrešno kada je distribucija feferona u potpunosti fokusirana na jednu stranu pice. Isto tako, ako se svi teški objekti pojave u jednom uglu vašeg rada, komad će izgledati čudno i iskrivlјeno.

Simetričan dizajn nudi više ravnoteže, raspoređujući elemente sa obe strane zamišlјene centralne linije.

Ako ovo izgleda malo kvadratno ili dosadno, ravnoteža u delu može da se postigne poravnavanjem kontrastnih stavki u različitim delovima stranice. Jedan veliki objekat, suprotstavlјen mnogim manjim, na primer na ovoj slici Henri Matisse-a, Dance:

Ovaj asimetrični pristup takođe može da da pokret dizajna.

London Tube Map je majstorska klasa u usklađivanju i balansiranju ozloglašenog čudnog i neproporcionalnog sistema na stranici.

  1. Kontrast

Princip dizajna, kontrast, se obično povezuje sa oštrim ili komplementarnim parovima boja. Takođe može da se odnosi na fontove, oblike i druge elemente koji stvaraju prostor i razliku u vašem dizajnu.

Konzistentan efekat kontrasta je da učini da vaši elementi dizajna „iskaču“ ili da iskočite sa stranice i privučete pažnju čitaoca. Ovaj efekat iskakanja je klјučan za UX dizajn, jer može da se koristi da skrene pažnju korisnika na želјene elemente, držeći ih na pravom putu.

Kontrast može da se postigne odabirom boja koje harmonično rade zajedno-

Dobro odabrano pismo takođe može da bude u kontrastu sa predmetom.

Ovo moderno rebrendiranje vašingtonskog nagrađivanog Shakespeare Theater Company koristi kontrast u fluorescentnim bojama i fontovima koji se međusobno sukoblјavaju, za odličan efekat:

  1. Naglasak

Naglasak je vitalni deo dizajna, jer komunicira sa čitaocem koji su elementi dela najvažniji. U UX dizajnu, ovo je apsolutno kritično; važni elementi moraju biti naglašeni u skladu sa time, inače rizikujete da zbunite i izgubite vaše korisnike.

Isticanje slogana ili slike u vašem delu će stvoriti fokusnu tačku koja privlači gledaoca. Ovaj (često kratak) trenutak pažnje je vaša šansa da ispričate priču o vašem proizvodu.

Naglasite besmisleni ili nebitni deo dizajna i možda ćete izgubiti ovu prolaznu priliku da ispričate priču o vašem proizvodu.

Naglasak može da se postigne na različite načine, uklјučujući:

  • Uvećanje (veća = važnija)
  • Pozicioniranje (centralno naspram perifernog)
  • Isticanje pomoću boje ili teksture
  • Linije i strelice
  • Podvučeno ili podeblјano

Jednostavno rečeno, za uspešan dizajn potrebna je jasna poruka i ova poruka mora da bude naglašena.

Klasična Sainsbury ambalaža iz 1960-ih i 1970-ih bila je posebno jaka u ovom odelјenju:

  1. Pokret

Polazeći od naglaska, princip dizajna, pokreta, odnosi se na to kako čitaočevo oko putuje po stranici.

Ako je naslov knjige najvažniji element, kako se pažnja gledaoca od toga vodi do drugog najvažnijeg elementa (na primer, imena autora)?

Zanimlјivo, tečno kretanje od jednog elementa do drugog omogućava da se naracija izgradi oko dizajna.

Suprotno tome, ako se u bilo kom trenutku korisnik izgubi ili ne zna gde bi trebalo da gleda, to sugeriše neuspeh u kretanju – i poruka će imati tendenciju da se izgubi kod publike.

Kod UX dizajna ovo je skoro dvostruko važno. Dobro kretanje će omogućiti pažnji korisnika da prati logičku putanju kroz mnoštvo pokretnih elemenata i stranica.

Kretanje može da se kreće u dizajnu korišćenjem linija koje trasiraju putanje između različitih fokusnih tačaka. Pomaci u boji i dijagonalne ili zakrivlјene linije imaju tendenciju da dodaju dinamiku, što vodi oko na putovanje.

Doslovne slike pokretnih objekata ili ponovlјeni skupovi slika koje se pomeraju – poput konja u zoetropu – stvaraju efekat kretanja koji mozak nastoji da obradi i završi. Korišćenje ovih trikova u vašu korist omogućiće publici da glatko dođe do svih elemenata vašeg dizajna u ispravnom redosledu.

Cern logo i filmski poster za Vertigo su odlični primeri za to.

  1. Proporcija

Princip dizajna, proporcija, odnosi se na veličinu i težinu različitih delova u dizajnu i na to kako su oni međusobno povezani.

Smatrajte da je vaša kompozicija podelјena na različite delove, a ne kao celina. Ako je u proporciji, ovi odelјci će biti pozicionirani i rangirani logično, prikazujući dobru vizuelnu hijerarhiju.

U UX dizajnu, proporcija može da se posmatra kao proizvod ili oznaka dobro izvedenog poravnanja i balansa, naglašavanja i kontrasta.

Miller-ov zakon je takođe dobar način za razumevanje proporcija u odnosu na UX. Miller je otkrio da se gomile podataka lakše konzumiraju tako što su se delile na različite grupe ili „komade“.

Početna stranica Adidas web sajta koristi proporciju da prikaže njegove proizvode na upečatlјiv i nezaboravan način:

  1. Ponavlјanje

Neki od najbolјih dizajna koriste samo dve boje ili ponavlјaju istu reč iznova i iznova.

Možda izgleda kao najstariji trik u knjizi, ali ponavlјanje ima uticaja i može da se koristi za prenošenje mnoštva dublјih koncepata (pogledajte ovo 2008 Penguin izdanje Walter Benjamin-ov “The Work of Art in the Age of Mechanical Reproduction”:

U UX dizajnu, ponavlјanje takođe može da se razume u smislu doslednosti i identiteta brenda. Preskakanje između nepovezanih paleta boja i fontova može da se čini radikalnim i zabavnim, ali može da stvori zbunjujuće i na kraju odvratno korisničko iskustvo.

  1. Beli prostor

Na kraju, ali ne i najmanje važno, nemojte da se plašite belog prostora! Bez toga, mnogi trikovi i saveti koje smo gore naveli ne bi bili mogući.

Korišćenje belog prostora može da omogući vašim elementima da dišu, pomažući vam da se igrate sa poravnanjem i balansom, kontrastom i kretanjem. Beli prostor je neophodan za UX dizajn – bez njega stvari mogu da izgledaju poražavajuće i pretrpano.

A u pravim rukama, beli prostor ili negativan prostor (praznina unutar i oko elementa) mogu da pruže genijalnost dizajna. Ne tražite dalјe od hvalјenog FedEx logotipa za klasičan primer ovoga:

Cover knjige Reni Eddo-Lodge-ova “Why I’m No Longer Talking to White People About Race” je još jedna savremena, kultna upotreba belog prostora.

Klјučne stvari

Principi dizajna su klјučna razmatranja za UX dizajn, jer loše osmišlјen dizajn može da dovede do toga da korisnici postanu zbunjeni, izgublјeni i odbačeni od proizvoda.

Dobar dizajner razume kako da primeni ove principe u tandemu – ojačavajući, podržavajući ili čak izazivajući nesklad jedan sa drugim – kako bi stvorio želјeni efekat.

Principi dizajna nam daju mnogo toga za razmišlјanje i mnogo toga da razmotrimo u našim sopstvenim pristupima. Evo nekoliko klјučnih stvari o kojima treba razmišlјati dok nastavlјate vaše putovanje u UX dizajnu:

  • Svet dizajna je centralni deo naše svakodnevne interakcije sa proizvodima, interfejsima, umetnošću i našim stvarima.
  • Dobar dizajn je zapravo ukorenjen u definisanom skupu principa, a ne u nesputanom kreativnom prostoru.
  • Poravnanje i balans, kontrast, naglasak, pokret, proporcija, ponavlјanje i beli prostor mogu da se koriste za stvaranje estetski prijatnog, efektnog dizajna.
  • Uspešan dizajn nije samo lep – potrebna mu je jasna poruka i ova poruka mora da bude naglašena.
  • UX se pridržava ovog istog skupa pravila.
  • Ne plašite se ponavlјanja, jednostavnosti ili belog prostora.
  • Ne plašite se kršenja pravila.

Možda će vam se svideti i