Kuidas liidese jaoks värve valida

See artikkel ilmus algselt saidil onepixelout.com

Värvitrendid tulevad ja lähevad. Ettevõtted nagu Spotify ja Instagram on tuntud hiljuti eredate gradientide kasutamise poolest, samas kui sellised ettevõtted nagu SAP ja Linkedin, mängivad seda natuke turvalisemalt. Esimene asi, mis värviskeemi kokku pannes tuleb meelde, on meeles pidada, kes see kasutaja on. Teades, kes on teie sihtkasutaja ja isik, on palju vaja mõista, millist värvilahendust oma tootes kasutada. Sellegipoolest on selle kohta veel mõned juhised.

Algselt avaldati saidil OnePixelOut.com

Ainult väga osav disainer saab panna samal ekraanil töötama palju erinevaid erksaid värve. Kujundajana on teie eesmärk juhendada kasutajat toote kaudu. Värv võib mängida suurt rolli teie liidese ühendamisel, jäädes samal ajal truuks ettevõtte kaubamärgile.

Kuidas liidese jaoks värve valida

Selles artiklis antakse ülevaade olemasoleva ettevõtte logo võtmiseks ja kasutajaliidese värviskeemi koostamiseks. Rakenduse või veebisaidi loomiseks ning intuitiivse liidese loomiseks juhtnuppudega, mis meelitavad ja suunavad kasutajat teekonda läbi saidi.

1. Valige oma põhivärv

Põhivärv on teie veebisaidi põhifunktsioonide jaoks. Tavaliselt oleks hea mõte kasutada ettevõtete peamist kaubamärgi värvi. Nupud, pealkirjad, vormide esiletõstetud sisestusväljad - nad kõik kasutavad seda värvi, et luua teie toote jaoks ühtne kogemus, mis kajastaks ka brändi.

Peamine värv peaks olema erksavärv

Kui võimalik, peaks põhivärv olema hele. Olen varem teinud koostööd ettevõtetega, mille kaubamärgi peamine värv oli hall, kuna see oli enamiku nende logo värv. Hall on veebisaidi põhivärvi jaoks halb valik, kuna see on ka passiivse nupu värv. Proovige näha, kas firmade kaubamärgil on veel mõni värv (mis pole hall), mida saab kasutada veebisaidi peamise värvina.

Põhivärv peaks olema loetav

Ma mõtlen selle all seda, et kui teie põhivärv on kollane, ei tööta kollane tekst valge taustal. Kui soovite kontrollida põhivärvi loetavuse kontrasti, kasutage siin hõlbustusvahendit.

Sellised kaubamärgid nagu Selfridges on suutnud oma veebisaidil kasutada kollast värvi, kasutades põhivärvina kollast ja nuppude tekstivärviks musta ning ikonograafiat. Kui teil on kleepunud kollane või mõni kahvatu värv, proovige teada saada, kas selle leidmiseks on loovaid viise, säilitades samal ajal juurdepääsetavuse.

2. Valige Toetavad värvid

Järgmine samm on teie põhivärvi toetavate värvide valimine. Toetavate värvide valimisel peate üldiselt valima sekundaarvärvi ja potentsiaalselt aktsentvärvi.

Teisene värv

Üks toetav värv on teie teisene värv. Seda saab kasutada põhivärvi kasutamise tasakaalustamiseks - nii et kui peamisi nuppe ja teksti kasutatakse põhivärvi, kasutatakse sekundaarseid värve teise astme pealkirjade jaoks, madalama prioriteediga nuppude jaoks,

See ei tohiks olla nii ere kui põhivärv, sest värvid ei tohiks üksteisega konkureerida. Teisene värv peab olema põhivärvist kahvatum või neutraalsem või pisut tuhmim.

Rõhuline värv

Teine toetav värv peaks olema teie aktsent. Rõhumärk peaks olema peaaegu teie põhivärvi vastas ja eristuma. Kui teie põhivärv on sinine, võib aktsentvärv olla oranž. Rõhumärk võib olla tugev, nagu põhivärv, kuid kasutusjuhud on väga erinevad. Rõhumärvi eesmärk on kasutada säästlikult ning seda tuleb kasutada hoiatusena, tõrketeatena või mingi teatisena. Peaksite proovima kasutada aktsentvärvi, mida kasutate siis, kui peate läbima müra või põhi- ja sekundaarvärvid.

3. Valige Neutral Colors

Mähkimiseks peaksite lõpuks valima paar neutraalset värvi. Neutraalide tahtlik valimine muudab teie värviskeemi täielikuks ja annab visuaalse liidese sidususe. Neutraalsed värvid tähistavad teksti väga tumedaid värve ja tausta väga heledaid värve.

Neutraalsed värvid peaksid viitama põhivärvile.

Neutraalsed värvid peaksid viitama põhivärvile. Kui teie põhivärv on punane või oranž, võib tume neutraalne värv olla väga tumepruun ja hele neutraalsel värvil võivad olla oranžid või kollased toonid. Kui teie põhivärv on sinine, võib tume neutraalne värv olla väga tume merevägi ja hele neutraalne võib olla väga kahvatuhall, milles on sinised toonid. Nende värviskeemi osade jaoks võite alati minna täiesti tavaliste hallide värvidega, kuid lihtsalt teadmiseks, et neid värve saab alati toetada ka teie põhivärvi jaoks.

Tume neutraalne värv

See on väga tume värv, mida kasutate suurema osa teksti, vormielementide ning piirjoonte ja ääriste jaoks. Tumedat neutraalset värvi saab kasutada ka veebisaidil kontrasti loomiseks, võib-olla kasutatakse seda jaluse või navigeerimise taustana.

Hele neutraalne värv

See on väga hele värv, mida kasutate aeg-ajalt taustana. Võib juhtuda, et vajate elementide rühmitamiseks ja lehe eri osade vahel leevenduse loomiseks heledat värvi. Hele neutraalset värvi ei tohiks kasutada teksti ega isegi mitteaktiivsete elementide jaoks, kuna kasutajad peaksid alati saama vähemalt näha passiivseid elemente ja teksti lugeda.

Just nagu hoiatussõna - neutraalsete värvide korral on parem minna kas väga pimedaks või väga heledaks. Olen näinud, kuidas disainisüsteemid viitavad keskmistele hallidele, mida lõpuks kasutati teksti värvina (isegi kui need pole loetavad). Kui peate kasutama keskmist halli, täpsustage täpselt, kuidas seda tuleks kasutada, et seda ei kasutataks valesti.

Kõike kokku panema

Nii et teil peaks sel hetkel olema loodetavasti põhivärv, sekundaarne värv, aktsent, hele neutraalne ja tume neutraalne. Pange need kõik kokku, et näha, kuidas nad kõrvuti näevad. Nende näpunäidete kasutamisel on oluline meeles pidada oma klienti. Värvid peaksid alati kajastama ja toetama nende kaubamärki.

Seal on palju tööriistu, mis saavad teid inspireerida ja aidata teid õiges suunas suunata, ning ma loetlesin mõned neist allpool. Järgmine kord, kui kasutate oma lemmikrakendusi ja veebisaite, pöörake suurt tähelepanu nende värvikasutusele.

https://material.io/collections/color/#

https://colorhunt.co/tab/ (üks minu isiklikke lemmikuid)

https://colourco.de/

https://coolors.co/

http://colorsafe.co/

Täname, et lugesite, loodan, et sellest oli abi. Nagu alati, on parim koht minuni jõudmiseks Twitteris, kui teil on mingeid teadmisi, mida soovite jagada. Samuti hakkan varsti taas Instagrami kasutama, nii et jälgige mind seal, kui soovite.