Medtem ko bo veliko oblikovalcev uporabniškega vmesnika in UX ustvarjalo svoje projekte v barvah, je lahko uporaba sivin dobra ideja. Tukaj so prednosti.
Obstaja veliko tehnik in nasvetov za ustvarjanje najboljših grafičnih modelov in dizajnov UX/UI. Oblikovanje v sivinah je lahko koristno pri oblikovanju elementov UX/UI ali strani. Če ste želeli povečati rezultate oblikovanja ali se naučiti novih tehnik za izboljšanje svojih dizajnov, preverite teh 10 razlogov, zakaj bo oblikovanje vaših modelov UX/UI v sivinah povečalo vaš uspeh pri oblikovanju.
1. Boljša dostopnost
UX/UI—uporabniška izkušnja/uporabniški vmesnik—glavna funkcija oblikovanja je zagotoviti vašim uporabnikom najboljšo izkušnjo z najboljšimi vmesniki, ki jih lahko ustvarite. To vključuje ustvarjanje dostopnega dizajna za vaše uporabnike in vključitev za vsakogar, ki ima interakcijo z vašim dizajnom.
Oblikovanje v sivinah vam omogoča, da se najprej osredotočite na dostopne dele oblikovanja, kot so kontrast, velikost in razmik. Pri uporabi sivinskih tonov zlahka opazite kontrast. Kontrast je pri barvnem oblikovanju pogosto spregledan, še posebej, če nimate vidnih okvar, zaradi katerih je pomanjkanje kontrasta težko opaziti.
Najprej zasnova v visokokontrastnih sivinah, nato pa še barva Smernice za dostopnost WCAG, lahko pa uporabite tudi orodja za simulacijo barvne slepote da vidite, kako je vaš dizajn videti drugim. Tako boste zagotovili, da bodo vaši modeli UX/UI dostopni več ljudem.
2. Osredotoča se na postavitev in strukturo
Kot oblikovalec je vaša glavna pozornost namenjena funkciji in ne obliki. Čeprav oblikovalci poskrbijo, da stvari izgledajo dobro, morajo tudi dobro delovati, preden postanejo lepe. Z oblikovanjem v sivinah se lahko osredotočite na postavitev in strukturo svojega dizajna, ne da bi vas motila barva.
Posebej pri oblikovanju UX/UI sta postavitev in struktura najpomembnejši. Vi oblikujete način interakcije uporabnika z vašo aplikacijo ali spletno stranjo. Postavitev mora biti smiselna, struktura strani ali aplikacije pa konkretna. Barva lahko sledi, ko je ostalo na mestu.
3. Nevtralno izhodišče sodelovanja
Če delate v oblikovalski skupini, oblikovanje v sivinah najprej omogoči vsem, da začnejo na nevtralnem mestu. Ekipe kreativnih ljudi se prepogosto zbadajo s tako nepomembnimi elementi, kot je barva, medtem ko obstajajo pomembnejši vidiki oblikovanja UX/UI.
Če začnete na nevtralnem mestu s sivinami, se vaša prizadevanja za sodelovanje osredotočijo na tisto, kar je najpomembnejše. Oblikujete lahko elemente, postavitve, tipografijo in vmesnik, ne da bi razmišljali o barvah in dekoracijah.
Ko se sodelovanje ujema z zasnovo postavitve UX/UI, lahko razmislite o barvah za izboljšanje strukturne zasnove. Do takrat bi vaša ekipa delovala harmonično skupaj in odločitve o barvah ne bodo tako stresne.
4. Hitrejše ponovitve
Če imate dokončano osnovo svojega dizajna in poznate, kako deluje, je izdelava iteracij veliko hitrejši postopek. Ko se ne osredotočate na barvo, je iteracije hitreje narediti, deliti in odločati, zlasti pri neposrednem delu s strankami.
Stranke se pogosto osredotočajo na barvo pred funkcijo oblikovanja. Odstranitev barve iz možnosti iteracije pomeni, da se lahko stranka, oblikovalska ekipa in vi hitreje osredotočite na tisto, kar je treba spremeniti.
Ko je vse v sivinah, je premikanje elementov ali spreminjanje velikosti delov hitrejše. Ne bo vam treba nenehno prebarvati elementov, da se prilegajo, ali razmisliti o umestitvah na podlagi podobnih ali neujemajočih se barv. To zagotovo pospeši oblikovno komponento.
5. Lažje za barvanje
Veliko lažje je dodati barvo, če ste oblikovali v sivinah. Če je vse vnaprej oblikovano in dogovorjeno, potem je barva skoraj zadnji korak procesa.
Oblikovanje v sivinah vas ne omejuje na oblikovanje samo v črni barvi. Oblikujete lahko v odtenkih sive, kar vam omogoča, da med postopkom oblikovanja v svoje modele vnesete razlike v kontrastu.
Z vidnimi razlikami v kontrastu je veliko lažje in hitreje pripisati barve elementom, zlasti če upoštevamo smernice za dostopnost barvnega kontrasta. Če uporabljate omejeno barvno paleto, morate vsaki barvi pripisati kontrastno vrednost. Nato samo vnesete vsako barvo vrednosti kontrasta v svojo zasnovo v sivinah.
6. Ustavi vizualni nered
Oblikovanje v sivinah vam omogoča, da se osredotočite na oblikovne elemente. Preveč barv lahko povzroči nered med vašim oblikovanjem – tako v procesu oblikovanja kot v končnem izdelku.
Odstranjevanje motenj zaradi barve med oblikovanjem lahko povzroči čiste in organizirane dizajne, kar zagotavlja, da ne boste pretiravali z barvo ali drugimi elementi. Vaš dizajn UX/UI bo brez nereda in namesto tega bo pokazal vaš eleganten dizajn.
7. Barva ni najpomembnejši dejavnik
Barva pogosto pomaga cementirati slog ali smernice blagovne znamke in pogosto postane element, po katerem je znan vaš projekt, blagovna znamka ali podjetje – vendar barva ni najpomembnejši dejavnik zasnove UX/UI. To boste vedeli, če ste kdaj spremenil vaš iPhone v sivinski način.
Če lahko dizajn še vedno deluje brez težav v sivinah, potem vaš dizajn deluje uspešno. Ni pomembno, katere barve so v vašem dizajnu, saj niso pomembne za funkcijo.
Dodajanje teksture in oblike vašim dizajnom UX/UI bo povečalo funkcionalnost v primerjavi z uporabo barve. Kot z pravila kompozicije fotografije, obstajajo pravila sestavljanja tudi za oblikovanje in so si zelo podobna.
Zlomite svoj dizajn UX/UI in zagotovite, da dobro deluje, je dostopen vsem in izgleda dobro. Nato nanesite barvo, ki bo odražala vašo blagovno znamko.
8. Prejmite več konstruktivnih povratnih informacij
Tega smo se rahlo dotaknili v prejšnji točki, vendar bo vaša zasnova UX/UI prejela bolj konstruktivne povratne informacije, če iz enačbe izločite motečo barvo. To velja ne glede na to, ali sprejemate kritike svoje oblikovalske ekipe profesionalnih oblikovalcev ali če svoj projekt delite s stranko, ki ne ve ničesar o oblikovanju.
Ljudje seveda vidimo barvo in jo povezujemo z določenimi vidiki, kot so negativne ali pozitivne konotacije, pričakovanja glede na spol ali druge asociacije. S predstavitvijo sivinskih modelov se lahko vaša konstruktivna kritika osredotoči le na dizajn, ne da bi jo zasenčile barvne asociacije.
9. Prihranite čas in denar
V poslovnem svetu je čas denar. S prihrankom časa pri oblikovanju v sivinah dolgoročno prihranite denar.
Dodajanje barve v začetnih fazah oblikovanja zahteva čas. Potem bi nedvomno porabili čas za spreminjanje ali urejanje barv v celotnem procesu oblikovanja, namesto da bi se osredotočili na oblikovanje. To spet vzame več časa od procesa oblikovanja.
Z dodajanjem barve na koncu oblikovanja boste že vedeli, katere elemente in postavitve uporabljate; veliko lažje in hitreje je dodati barvo obstoječim oblikovalskim elementom, kot pa poskušati upoštevati barve za elemente, ki še ne obstajajo.
10. Barve UX/UI je mogoče spremeniti
UX/UI dizajni in aplikacije omogočajo številnim uporabnikom, da barve vzamejo v svoje roke. Medtem ko je v središču vaš dizajn vmesnika in je barva zadnji del vaše izvedbe dizajna, ne pozabite, da mnogi uporabniki spreminjajo barve svojih spletnih strani in aplikacij v napravi.
Svetli in temni način bosta spremenila vaše barvne izbire – čeprav bi vseeno morali oblikovati za vsako možnost v svojem procesu; preverite naše nasveti za oblikovanje uporabniškega vmesnika v temnem načinu.
Obstaja veliko zabavnih domislic, ki ljudem omogočajo, da spremenijo barvo oblikovanja v tisto, kar želijo, ne glede na vašo barvno izbiro v procesu. Ta nenavadna orodja – kot uporabniki iPhone spreminjanje barv besedilnih oblačkov oz spreminjanje barve besedila v napravah iOS— pomeni, da se lahko vaša prizadevanja pri oblikovanju barv izčrpajo in bolje je, da vaš dizajn deluje v sivinah ali kateri koli barvi, namesto samo v eni barvi.
Oblikovanje v sivinah bo izboljšalo vaše zasnove UX/UI
Morda se zdi nenavadno začeti oblikovati v sivinah, ko ste že celo življenje oblikovali v barvah, vendar je dobro, da začnete s tem. Oblikovanje v sivinah bo dodalo pozornost pomembnim oblikovalskim elementom, kot so oblike, teksture in dostopnost. Vašemu dizajnu bo dalo večji pomen, namesto da bi se osredotočili na element, kot je barva, ki jo lahko uporabniki tako ali tako zlahka spremenijo.