Suunnittelu värillä

Väri on voimakas voima suunnittelijan käsissä. Se vetää silmäsi, herättää tunteita ja välittää merkityksen. Antaakseen sinulle käsityksen siitä, kuinka tärkeä väri on, laajalti lainatussa tutkimuksessa, jonka nimi on Värin vaikutus markkinointiin, tutkijat havaitsivat, että joillekin tuotteille 90% ihmisten tekemistä pikavalinnoista voi perustua pelkästään väreihin.

Joten värin tehokas käyttö on tärkeää malleille. Mutta erilaisten väriyhdistelmien keksiminen on myös vaikeaa. Jokaisella värillä on oma merkityksensä, ja siellä on ääretön määrä yhdistelmiä.

Tämä artikkeli on suunniteltu toimimaan oppaana, joka auttaa sinua keksimään väripaletteja mallejasi varten. Se kannustaa sinua tutkimaan enemmän väreillä, mikä auttaa sinua kehittämään intuitiivisen mielen hyvistä väriyhdistelmistä.

Kun tutkit enemmän väreillä, saat intuitiivisen mielen hyvistä väriyhdistelmistä.

Värivalikoiman valinta

Joskus väripaletti on seurausta äkillisestä inspiraatiosta. Mutta suurimmaksi osaksi se tulee järjestelmällisestä lähestymistavasta.

Tunnista tarkoitus

Ennen kuin teet mitään muuta, tunnista ensin suunnittelusi tarkoitus. Hyvä muotoilu kohdistaa värivalikoiman tarkoitukseensa.

Esitä itsellesi seuraavat kysymykset:

  • Mikä on viesti, jonka haluat välittää suunnittelullasi?
  • Mikä on suunnittelusi tarkoitus? Olla informatiivinen? Vakuuttaa?
  • Mitä tunteita haluat suunnittelusi herättävän?

Suunnittelusi tarkoitus on toimia oppaana sinulle, kun valitset väripalettisi.

Tunnista yleisösi

Ihmiset havaitsevat värit eri tavalla. Kuten Fairchild sanoi, väri on psykologinen ilmiö, joka syntyy tarkkailijan sisällä. Värillä on erilaisia ​​vaikutuksia ihmisiin heidän henkilökohtaisten mieltymystensä, kulttuurisen kasvatuksensa ja kokemustensa perusteella. Sinänsä sinun on tunnistettava yleisösi, jotta ymmärrät, miten ihmiset reagoivat suunnitteluusi.

Vaikka jotkut värien merkitykset ovat yleismaailmallisia yleisöjen keskuudessa, toiset eivät. Vihreä edustaa yleisesti luontoa, koska se on kasvillisuuden väri. Punaisen kaltaista väriä tulkitaan kuitenkin eri tavoin eri kulttuureissa. Länsimaissa punainen liittyy tuleen, väkivaltaan ja sodankäyntiin. Se liittyy myös rakkauteen ja intohimoon. Kiinan kaltaiset maat kuitenkin yhdistävät punaisen hyvinvointiin ja onnellisuuteen.

Koska väreillä on niin paljon erilaisia ​​merkityksiä, on tärkeää sovittaa suunnittelijana olevat henkiset värimallisi yleisösi mallien kanssa.

Jos haluat lukea lisää siitä, mitä värit tarkoittavat eri maissa ja väestöryhmissä, tutustu värien psykologiaan markkinoinnissa ja tuotemerkissä sekä värin merkityksestä.

Tarkista väriteoria

Värivalikoimaa valittaessa on joskus hyödyllistä tietää pieni väriteoria. Väriteoria on looginen rakenne ja käytännön opas värien sekoittamiseen. Se kattaa kaiken väripyörästä yksittäisten värien merkitykseen.

Hyvä pohjamaali ovat Canvan perusväriteoria ja Hubspotin väriteoria 101. Voit lukea mielenkiintoisesta väriteorian sovelluksesta Miksi Facebook on sininen? Tiede markkinoinnin värien takana.

Löydä inspiraatiota

Joskus on vaikea visualisoida oikeaa väripalettia suunnittelua varten. Se on ok, hienot taiteilijat varastavat . Tai pikemminkin he saavat inspiraation muilta taiteilijoilta.

Tavallinen epäilty väripalettien inspiraatiosta on sivustoja kuten Dribbble ja Behance. Jos haluat löytää inspiraatiota tietylle suunnittelutyylille, kuten materiaalisuunnittelulle, voit käyttää sivustoa, kuten MaterialUI. Litteän muotoisen vastaavuuden löydät FlatUIColorsista.

Nämä sivustot ovat hyödyllisiä, mutta yritä tarkastella malleja, jotka tulevat tietyn median ulkopuolelta, jota olet suunnitellut. Se auttaa sinua keksimään yllättäen ainutlaatuiset ja miellyttävät väripaletit. Esimerkiksi voit tarkastella sisustussuunnittelua.

Jos haluat jotain erilaista, etsi inspiraatiota muiden kulttuurien suunnittelusta. Esimerkiksi korealaiset musiikkivideosetit ovat tunnettuja värikkäistä ja huomiota herättävistä väripaleteistaan. Jokainen kehys voi toimia inspiraation lähteenä.

Sinun ei tarvitse mennä Koreaan saadaksesi inspiraatiota väreistä. Se on kaikkialla, myös jokapäiväisessä elämässäsi. Seuraavan kerran, kun menet ulos, pysähdy arvostamaan ympärilläsi olevia värejä.

Kun löydät jotain, joka inspiroi sinua, luo sille väripaletti. Voit käyttää silmätippatyökalua suosikki suunnitteluohjelmassa kiusata väripalettia ja tehdä muutoksia tarvittaessa.

Perustetaan suunnittelujärjestelmä

Suunnittelujärjestelmä, jota joskus kutsutaan tyylioppaaksi, on kehys, joka sisältää kaikki elementit, jotka menevät suunnitteluusi. Tämä sisältää kaiken painikkeista typografiaan. Harkitse esimerkiksi, millaisia ​​painikkeita käytät ja miltä navigointipalkki näyttää.

Katso esimerkki suunnittelujärjestelmästä tutustumalla Salesforcen suunnittelujärjestelmään. Vielä lisää esimerkkejä tässä on luettelo 50 huolellisesta tyylioppaasta, jotka jokaisen käynnistyksen tulisi nähdä ennen käynnistämistä.

On hyödyllistä luoda suunnittelujärjestelmä ennen väripaletin valitsemista, vaikka se olisi vain karkea luonnos. Näin saat käsityksen siitä, mitä elementtejä sinulla on ja miten värisi voivat soveltua niihin.

Kun valitset väripaletin suunnittelua varten, kannattaa pitää kiinni KISS (Keep it simple, stupid) -periaatteesta. Mitä vähemmän värejä, sitä parempi. Useimmille suunnittelujärjestelmille seuraava rakenne on hyvä alku:

  • Tausta
  • Ensisijainen aksentti
  • Toissijainen aksentti
  • Virheen väri
  • Menestysväri

Pääväri on väri, jota käytät useimmiten tärkeisiin painikkeisiin ja aksentteihin. Monille yrityksille tämä on myös heidän logonsa väri.

Toissijainen väri on väri, jolla erotat toissijaiset toiminnot ensisijaisista. Esimerkiksi ensisijaiset ja toissijaiset painikkeet. Virhe- ja onnistumisvärit, tyypillisesti punainen ja vihreä, välittävät suunnittelutilat. Esimerkiksi menestys- tai virheilmoitukset.

Valitse väripaletti

Nyt kun olet aseistettu inspiraatiolla ja karkealla luonnoksella suunnittelujärjestelmästä, on aika valita väripaletti.

Perusväripaletteja varten haluan laittaa värini vierekkäin, aivan kuten taiteilijat tekisivät maalipalettistaan.

Tämä on aika ottaa kaikki väriinspiraatiot ja luoda niistä väripaletteja. Mitä enemmän sen parempi. Älä pelkää kokeilla värejä myös itse.

Kun kavennat väripalettivaihtoehtojasi, palaa kahteen ensimmäiseen osioon, joissa yksilöit suunnittelusi tarkoituksen ja yleisön. Esitä itsellesi seuraavat kysymykset:

  • Mitä värejä on saatavilla?
  • Mitkä värit vaikuttavat visuaalisesti ja kiinnittävät silmäsi?
  • Tarvitsetko vaalean tai tumman värimaailman? Mihin aikaan päivästä ihmiset käyttävät tuotetta?
  • Minkä tunnelman haluat suunnittelusi välittävän? Tekeekö mikä tahansa käytettävissä oleva väripaletti tämän paremmin kuin muut?

Kuten mainitsin viimeisessä osassa, väreillä on erilaiset roolit suunnittelujärjestelmässäsi. Tämä tarkoittaa myös, että jokainen väri kariisi eri painon järjestelmässäsi. Esimerkiksi taustavärejäsi käytetään useammin kuin korostusvärejä.

Tästä syystä on joskus hyvä käyttää luoda erikokoisista muodoista koostuva heittosuunnitelma, jossa jokainen koko on suunnilleen sama kuin esiintymistiheys ja värin keskimääräinen pinta-ala tietyllä sivulla.

Esimerkkinä tässä on Invisionin väripaletti.

Geometrinen esitys voisi näyttää tältä.

Väripalettien levittäminen

Katsotaanpa Airbnb: tä, jotta saat käsityksen siitä, miten värejä voidaan soveltaa suunnittelujärjestelmiin. Airbnb: n pääväri on Rausch, joka on nimetty yrityksen kadun mukaan. Kazan toimii sivuvärinä ja näitä kahta harmaata käytetään taustaväreinä.

Useimmilla sivuilla Airbnb käyttää taustana sumuista harmaata. Voit nähdä, että he käyttävät rauschia päävärinsä korostamaan tärkeitä toimintoja, kuten pyyntöä varata luettelo.

Kazania, turkoosia, käytetään kiinnittämään ja kiinnittämään silmäsi. Huomaa, kuinka se täydentää pääväriä.

Virhesanomissa Airbnb käyttää vaaleanpunaista, epäilemättä sävyn sävyä. Punainen yhdessä huutomerkin kanssa kiinnittää välittömästi silmäsi ja ilmoittaa järjestelmän tilasta.

Aloita ilman värejä suunnittelussa. Keskity elementtien asetteluun ja sijoitteluun. Kun olet tyytyväinen siihen, mitä sinulla on, voit aloittaa värivalikoiman käyttämisen suunnittelussa.

Ajattele visuaalista hierarkiaa suunnittelussa. Mieti mitä suunnittelukomponentteja haluat korostaa ja määritä sopiva väri. Harkitse myös värien eri sävyjä esimerkiksi hiiren ja napsautuksen tiloissa.

Paketoida

Väri koskee kokeilua ja iterointia. Jos haluat tulla paremmin työskentelemään värien kanssa, ainoa vastaus on tehdä enemmän työtä. Ajattele väriä lisäaineena. Jos suunnittelusi ulkoasu ja toiminnallisuus on alhaalla, voit kokeilla niin monta väripalettia kuin haluat.

Oppiminen suunnittelemaan väreillä on äärettömän arvokasta suunnittelijalle. Kun tulet paremmin valitsemaan väripaletteja, kehität kykyä visualisoida väriyhdistelmiä mallilla ennen kuin edes kosketat suunnitteluohjelmaa.

Haluaisin tietää, miten työskentelet värien kanssa. Mikä on prosessisi? Jätä vapaasti muistiinpano tai twiitti minulle.

PS Jos pidit tästä artikkelista, se merkitsisi paljon, jos osut suosituspainikkeeseen tai jaat sen ystävien kanssa.