4 tapaa Vibrant Colors Boost UI Design
Väri on yksi suunnittelijan työkalupaketin tehokkaimmista työkaluista. Se voi kiinnittää huomiota, asettaa tunnelman, vaikuttaa käyttäjien tunteisiin, käsityksiin ja toimintaan. Pitkän läsnäolon litteän ja materiaalisuunnittelun ansiosta väri on yhä tärkeämpi käyttöliittymän suunnittelussa nykyään. Kirkkaat värit sopivat yhtä hyvin sekä leikkisästi sarjakuvamalleihin, jotka keskittyvät viihdeohjelmaan ja tyylikkäästi minimalistisiin tyyleihin, jotka keskittyvät yritysratkaisuihin. Tämä monipuolisuus tekee vilkkaista väreistä yhden vuoden 2017 suurimmista käyttöliittymän suunnittelusta.
Elävän värin trendin vetovoima on se, että sitä voidaan soveltaa monilla eri tavoilla ja muotoilla. Tässä artikkelissa tarkastelemme entisestään neljää värimallisuustrendiä ja keskustelemme niistä inspiroivista esimerkkeistä, jotka toteuttavat ne erittäin tehokkaasti.
1. Monotoninen
Yksi suosituimmista tavoista käyttää elävää väriä suunnittelussa on monotone-tekniikka. Monotone-paletit sisältävät yhden värin, jossa on sävyjä ja sävyjä. Monotonea on melko helppo luoda: Mieti värisävyä, joka parhaiten toimii viestillesi ja harkitse haluamasi varianssin määrää äänien välillä.
Paranna lukemista
Monotone auttaa luomaan vankan perustan tulosaineiston sisällölle ja huolehtimaan luettavuudesta. Yhdessä tyylikkään typografian kanssa monotoniset värimallit pystyvät luomaan todella mieleenpainuvia kokemuksia.
Sydneystockhom käyttää lihavoittavaa väriä, jotta voit luoda ikimuistoisen ulkoasun hyvin yksinkertaisella tavalla
2. Duotoni
Kuten nimestä käy ilmi, duotone on kuva, joka koostuu kahdesta väristä. Tämä voi olla kaksi sävyä samaa väriä tai kaksi kontrastia värejä. Tekniikka, joka oli kerran tulostettu niitti, on löytänyt uuden elämän verkossa. Kiitos Spotify, duotone kasvaa suosio lähes päivittäin.
Luo ilmapiiri
Duotoneilla voit pistää minkä tahansa kuvan emotionaalisten ominaisuuksien avulla. Muista, että eri värit herättävät erilaisia tunteita. Pehmeä ja vaatimaton väriyhdistelmä voi luoda vakavan ilmapiirin. Esimerkiksi Holm Marcher & Co Esimerkiksi kaikki yksityiskohdat pyrkivät myötävaikuttamaan liiketaloudelliseen ilmapiiriin, ja taustakuvat eivät ole poikkeus.
Vaikka kirkkaiden värien yhdistelmä pystyy luomaan onnellisuuden tunnetta New Deal -suunnittelu on silmiinpistävä rohkean värivalinnan ansiosta. He luovat ystävällisen ilmapiirin ja asettavat positiivisen tunnelman.
Lisätä luettavuutta
Duotone pystyy antamaan tekstille runsaasti kontrastia. Se säätää värimuutoksia kuvassa, jotta teksti voidaan sijoittaa yhdellä värillä lähes missä tahansa kuvassa.
3. Gradients
Vyöhykkeet ovat palanneet takaisin GUI-tiedostoihin, tällä kertaa käyttämällä suurikontrastisia komplementaarisia värejä. Moderniin kaltevuuteen voi kuulua useita värejä, jotka säteilevät keskeltä, tulevat nurkasta tai putoavat vaakasuunnassa.
Luo moderni ulkoasu
Vyöhykkeet palasivat ja hengittävät uutta elämää kirkkaaseen värin suuntaukseen. Tasainen väripaletti yhdistää he voivat herättää modernismin tunteita. Vain yksi väri, Zample käyttää taipuisaa gradienttiä vaikuttamatta joutumasta sumeisiin sävyihin.
Käyttämällä jotain materiaalisuunnitteluun liittyvistä kirkkaista, kyllästyneistä väreistä voit herättää modernismin tunteita.
Tee asettelu helppoa silmille
Vyöhykkeet voivat parantaa visuaalista viestintää. Siirtyminen oranssista vaaleanpunaiseksi Symodd n Alla oleva esimerkki antaa syvyyden ja kontrastin käyttöliittymälle ja luo silmiinpistäviä visuaalisia tehosteita. Siirtyminen valosta pimeään seuraa luonnollisia ihmissilmän skannauskuvioita, jotka liikkuvat sivun vasemmasta yläkulmasta oikeaan alareunaan.
Symoddin kotisivulla on täysi kaltevuus tausta oranssista vaaleanpunaiseen. Se on hienovarainen kaltevuus, koska kaksi sävyä eivät ole liian erilaisia toisistaan, joten tämä on helppoa silmissä.
Käytä sitä aksenttina
Vaikka sivun taustalla käytetään usein kaltevuutta, ne voivat työskennellä myös pienemmissä paikoissa. Harkitse kaltevuuksien käyttämistä aksentiksi navigointiin, toissijaisiin kuviin tai tietyntyyppisiin sisältöihin. Mikä on mukava pienemmistä kaltevuusalueista, on se, että sinulla on enemmän vapautta pelata tällä tekniikalla. Ja kun sitä käytetään pienemmissä tiloissa, se voi olla visuaalisesti mielenkiintoista pelata useilla väriparilla kuten juuri Bloomberg tehti alla olevassa esimerkissä.
Bloomberg käyttää kaltevuutta tickerille Viimeisimmät uutiset.
4. Peitteet
Peittokuva suodattaa kuvan värillisellä "objektiivilla". Kuvat, joissa on väriprofiileja, ovat olleet suosittu muotoiluvalikoima jo pitkään, koska tämä vaikutus on melko helppoa: voit vain peittää kuvan tai videon puoliksi läpinäkyvällä värillisellä laatikolla.
Keskitä käyttäjän huomio
Ylitysvaikutukset voivat auttaa käyttäjiä keskittymään tiettyihin suunnitteluelementteihin. Kuitenkin, kun käytät yksittäistä väriä peittokuvana, harkitse värin kylläisyyttä ja läpinäkyvyyttä. Raskas väriyhdistelmät (vähemmän läpinäkyvyyttä ja kylläisyyttä) kiinnittävät enemmän huomiota itse väriin:
Käytetty värin peittokuva ääriviivat keskittyy enemmän kuvaan
johtopäätös
On vaikea löytää suunnittelutyötä, joka on hauskempaa pelata kuin väri. Väritehosteet voivat olla dramaattisia, vaikuttavia ja jopa rauhallisia. Älä pelkää mennä mukavuusvyöhykkeesi ulkopuolelle, kun työskentelet väreillä. Olitpa jännittänyt kirkkaita, rohkeita sävyjä tai mieluummin minimaalisempi mustavalkoinen, yksi asia, jonka sinun tarvitsee muistaa: ei ole vääriä värejä, tärkeintä on, miten käytät niitä.