Ką supratau rinkdamasis UI spalvas
TL;DR
Geros UI spalvos nereiškia, kad reikia naudoti daugiau spalvų. Dažniau tai reiškia, kad mažesniam spalvų kiekiui reikia suteikti aiškesnį vaidmenį. Būtent šis požiūris man padėjo nustoti pernelyg komplikuoti dizaino sprendimus.
Ilgą laiką UI spalvų pasirinkimas man atrodė sunkesnis, nei turėtų būti.
Atidarydavau projektą, bandydavau skirtingus spalvų derinius ir nuolat ieškodavau to jausmo, kad „dabar jau atrodo teisingai“. Kartais rezultatas būdavo visai neblogas, tačiau pats procesas vis tiek atrodydavo chaotiškas.
Po kurio laiko supratau, kad problema buvo ne įrankiuose. Problema buvo mano požiūryje į spalvą.
Į ją žiūrėjau kaip į kūrybinį spėliojimą, nors geras UI spalvų naudojimas iš tikrųjų yra daug labiau apgalvotas ir disciplinuotas procesas.
UI spalvos neturi būti sudėtingos
Vienas paprastas suvokimas stipriai pakeitė mano požiūrį į sąsajų dizainą.
Quote
Geros UI spalvos nėra apie tai, kad naudotum daugiau spalvų. Jos yra apie tai, kad mažesniam spalvų kiekiui suteiktum aiškesnį vaidmenį.
Šis požiūris man labai padėjo.
Užuot klausęs savęs:
„Kokios spalvos čia atrodytų įdomiai?“
pradėjau klausti visai kitų dalykų:
- Kokia yra pagrindinė spalva?
- Kas turi atrodyti neutraliai?
- Kas turi patraukti dėmesį?
- Kas turi likti antrame plane?
Kai šie vaidmenys tampa aiškūs, visa sąsaja pradeda atrodyti daug labiau subalansuota.
Daugiau saiko, mažiau triukų
Tvarkingai sąsajai dažniau reikia ne daugiau kūrybinių sprendimų, o daugiau saiko. Pradėk paprastai, o tada koreguok atsargiai.
Klaida, kurią anksčiau dariau
Anksčiau man atrodė, kad neutrali spalva turi būti visiškai neutrali.
Todėl dažnai naudodavau grynai pilkus tonus — fonuose, rėmeliuose, tekste ir kortelėse.
Techniškai tame nebuvo nieko blogo. Tačiau pati sąsaja vis tiek dažnai atrodydavo šalta, plokščia arba tiesiog kažkuo nemaloni akiai.
Vėliau supratau labai paprastą dalyką: idealiai neutralūs pilki tonai ekrane dažnai neatrodo natūraliai.
Net labai mažas atspalvis — šiek tiek šaltesnis arba šiltesnis tonas — gali padaryti sąsają minkštesnę, subtilesnę ir malonesnę naudoti, net jeigu žmogus to sąmoningai nepastebi.
Tai smulkmena, tačiau man ji pakeitė labai daug.
Kas iš tikrųjų leidžia UI spalvoms atrodyti geriau
Kuo daugiau dirbu su sąsajomis, tuo labiau matau, kad spalvos geriausiai veikia tada, kai jos padeda struktūrai.
Gera spalvų sistema dažniausiai gerai atlieka kelis paprastus dalykus.
Sukuria hierarchiją
Vieni elementai turi išsiskirti. Kiti turi likti antrame plane.
Sumažina vizualinį triukšmą
Ne viskas turi būti spalvinga. Kai ekrane per daug konkuruojančių spalvų, sąsaja pradeda atrodyti chaotiška.
Padeda suprasti, kur žiūrėti
Spalva turėtų nukreipti dėmesį, o ne dėl jo kovoti.
Suteikia nuoseklumo
Kai ta pati spalvų logika naudojama nuosekliai ir disciplinuotai, produktas pradeda atrodyti profesionalesnis.
Būtent todėl paprastos spalvų sistemos labai dažnai atrodo geriau nei sudėtingos.
Požiūris, kurį mėgstu dabar
Šiandien stengiuosi į spalvas žiūrėti praktiškai.
Dažniausiai pradedu nuo:
- vienos pagrindinės prekės ženklo spalvos;
- švelnių neutralių tonų rinkinio;
- vienos akcentinės spalvos, jeigu jos iš tikrųjų reikia.
Tada spalvas tikrinu tikrame išdėstyme, o ne atskiruose spalvų blokeliuose.
Ši dalis yra labai svarbi.
Spalva gyvena kontekste
Spalva gali atrodyti puikiai viena pati, tačiau visiškai neveikti tada, kai atsiduria šalia teksto, tarpų, rėmelių, mygtukų ar šešėlių. UI spalva yra ne tik pati spalva. Ji visada veikia kontekste.
Pagrindinė mintis
Man UI spalvų supratimas nebuvo kelias į tai, kad tapčiau „geras spalvų teorijoje“.
Labiau tai buvo kelias į ramesnį ir brandesnį dizaino sprendimų priėmimą.
Nustojau stengtis, kad kiekvienas ekranas atrodytų įspūdingai. Pradėjau siekti, kad kiekvienas ekranas būtų aiškus, subalansuotas ir patogus naudoti.
Ir būtent tada viskas pradėjo atrodyti geriau.
Geros UI spalvos nėra garsios.
Jos yra apgalvotos.
Quote
Dažniausiai geriausias sprendimas yra ne pridėti daugiau, o suprasti, kada jau gana.