Ammattimainen web-suunnittelu ei ole täydellistä ilman väriteeman luomista. Tämä artikkeli käsittelee 20 upeaa työkalua, joiden avulla saat täydellisen värisovituksen.
World Wide Webissä on monia työkaluja värinirvanan saavuttamiseen. Ne näyttävät olevan täysin erilaisia, mutta monet niistä ovat vain muokattuja versioita suosituimmista ja hyödyllisemmistä työkaluista.
Joten värinvalintaprosessin helpottamiseksi olemme koonneet 20 parasta käytettävissä olevaa työkalua. Ne auttavat sinua olemaan hämmentynemättä sopivan vaihtoehdon etsimiseen ja tuntemaan "värien autuutta"
01. Kuler
Kuler on ehkä tunnetuin värityökalu.
Adobe Kuler on kiistatta suosituin online-väriteematyökalu, joka on muuttunut yksinkertaisesta online-väriteematyökalusta täydelliseksi resurssiksi teemojen luomiseen ja jakamiseen muiden kanssa. Lisäosat ovat saatavilla kaikkiin tärkeimpiin Adobe-sovelluksiin, mukaan lukien Photoshop, Illustrator ja InDesign, mikä tekee Kulerista erinomaisen monitoimityökalun tavallisille Creative Suite -käyttäjille.
02. ColorExplorer
ColorExplorer voi suorittaa monia erilaisia toimintoja.
Voimme sanoa, että tämä on yksi Internetin harkituimmista työkaluista. Se tarjoaa laajan valikoiman työkaluja väripalettien suunnitteluun, mukauttamiseen ja analysoimiseen. Esimerkiksi työkalut, jotka auttavat määrittämään esteettömyyden WCAG värinvalitsin, muunnostyökalut, joiden avulla voit siirtyä eri järjestelmien välillä, ja kaikki mitä tarvitset värin valitsemiseen ja palettien luomiseen.
03. Värit verkossa
Colors on the Webin tehonlähteenä on Flash.
Colors on the Web lataa kiinteät HEX- tai RGB-värit ja tuottaa joukon malleja, jotka perustuvat erilaisiin matemaattisiin mittasuhteisiin. Tämä työkalu ei toimi iPadissa tai iPhonessa, koska se käyttää Flashia ohjelman suorittamiseen.
04. VÄRIT ystävät
COLOURlovers on väriltään vähän kuin Pinterest
05. Kuvaavaa
Pictaculousin avulla voit ladata kuvan ja luoda väriteeman sen perusteella.
Tämän MailChimpin tekijöiden työkalun avulla voit ladata kuvan ja luoda väriteeman omiin väreihinsä. Se on yhteensopiva joidenkin muiden instrumenttien, kuten Kuler ja Colourlovers, kanssa. Pictaculousissa on kätevä Adobe Swatch, jonka avulla voit ladata teemoja, mikä tekee valokuvan viimeistelyyn tarvittavien värien vangitsemisesta nopeaa ja helppoa.
06. Kontrasti-A
Kontrasti-A luo jäljitelmän erilaisista visuaalisista virheistä.
Tämä ei ole tyypillinen värimallityökalu. Se on suunniteltu varmistamaan, että olet luonut WCAG-yhteensopivan väriteeman. Tämä tehdään esikatselemalla kontrastitasoja ja käyttämällä tekniikkaa, joka simuloi värien havaitsemisen puutetta ja huonoa näkyvyyttä. Contrast-A:ssa on paljon linkkejä oppaisiin, jotka selittävät kaiken käyttäjäystävällisemmin kuin itse tekniset asiakirjat.
07. ColoRotate
ColoRotate tarjoaa kauniin "väripyörän" visualisoinnin
ColoRotatessa on samanlaisia ominaisuuksia kuin Kulerissa, mutta se eroaa paletin näyttämisellä kauniissa 3D-kartiossa ja kyvyllä luoda yli 5 väriä yhdessä mallissa. Työkalu voidaan integroida joihinkin Creative Suite -sovelluksiin. Se on saatavana myös iPad-sovelluksena ja voi toimia Photoshopin kanssa värikonsolitilassa.
08. Hex värimallin generaattori
HEX luo värejä, jotka sopivat hyvin olemassa olevaan värimaailmaan.
HEX on kätevä pieni työkalu värien luomiseen. Syötä vain värikoodi ja se näyttää joukon mukavia värejä, jotka sopivat täydellisesti perusväreihisi.
09. Värimallin suunnittelija
Color Scheme Designerilla on mielenkiintoisia tapoja luoda väriteemoja.
Tällä online-työkalulla on samanlaisia ominaisuuksia kuin Adobe Kulerilla. Mutta väriteeman luomiseen liittyvien mielenkiintoisten temppujen ansiosta voit valita kirkkauden/kylläisyyden ja kontrastin parametrit mallin ominaisuuksista sen sijaan, että "takeroitaisiin" teeman muodostavien yksittäisten värien kanssa. Color Scheme Designer tarjoaa pääsyn joukkoon tavallisia matemaattisia menetelmiä, mukaan lukien mahdollisuuden harmonisoida mallin väriteemaa yhdelle (mono), kaksi (täydentää), kolme (kolmikko) tai neljä (tetradi) värit sävyillä ja puolisävyillä.
10. COPASO
COPASO on erinomainen työkalu useiden ongelmien ratkaisemiseen kerralla.
Yksi verkkosivuston työkaluista VÄRIT ystävät, COPASO ansaitsee erityistä huomiota, koska sen avulla voit ratkaista useita ongelmia samanaikaisesti luotaessa paletteja. Se tarjoaa täydellisen valikoiman värinvalintatyökaluja yksinkertaisessa käyttöliittymässä. Sen avulla voit merkitä paletteja, ladata kuvia, hypätä suoraan CMYK-linkkeihin ja valita, miten luot väriteeman.
11. Colormod
Colourmod-työpöytäwidgetin avulla voit helposti valita ja määrittää värit.
Colourmod on työpöytätyökalu, jonka avulla voit helposti valita yhden värin vyöhykkeeltä, jossa widgetit sijaitsevat, vaikka työskentelet Dashboard for MacBookin tai Konfabulator for Windows -sovelluksen kanssa. Colourmod itsessään ei ole paletin valintatyökalu, mutta sitä voidaan silti käyttää värin valitsemiseen ja määrittämiseen. Tässä tapauksessa sinun ei tarvitse ajaa muita raskaampia ohjelmia.
12. ColorZilla
ColorZilla toimii Chromessa ja Firefoxissa.
Tämä sovellus kehitettiin alun perin Firefoxin laajennukseksi, mutta sitä voidaan käyttää myös Google Chrome -selaimessa. ColorZilla on laajennus, jossa on useita erilaisia työkaluja värien kanssa työskentelyyn, mukaan lukien: värinvalitsin, pipetti, css-gradientin luonti ja palettikatselu.
13. Colormunki
Colormunkin avulla voit luoda väriteeman Pantone-mallitilkkujen perusteella.
Colormunkin luojien esittelemä kätevä online-työkalu värien kalibrointiin. Voit luoda paletteja Pantone-värimallien perusteella verkossa ja käyttää erilaisia temppuja löytääksesi miellyttäviä yhdistelmiä.
14.colr.org
Colr.orgin avulla näet kuviesi värivalikoiman.
Tämä yksinkertainen työkalu tarjoaa ainutlaatuisen mahdollisuuden analysoida kuvan värimaailmaa (muissa ohjelmissa tämä toiminto suoritetaan automaattisesti). Näin näet, mistä väreistä kuvasi koostuu, ja valitse haluamasi värit ja aseta ne teeman pääväreiksi.
15. Color Grab
ColourGrab on loistava kompakti kuvan väriteeman generaattori.
Tämä kätevä työkalu luo väripaletin minkä tahansa verkossa olevan kuvan perusteella. Kirjoita vain analysoitavan kuvan osoite, sivusto "tarraa" sen, määrittää sen värimaailman ja luo yksinkertaisen 3D-kaavion, joka näyttää eri värien käytön tässä kuvassa. Se ei ehkä ole paras vaihtoehto vakioteemoille, mutta ColourGrab on erinomainen kuvien värijakauman analysointiin.
16 värisekoitin
ColorBlender luo viiden värin sarjan, jotka sekoittuvat hyvin yhteen.
Tämä sivusto on yksinkertainen työkalu, jonka avulla voit luoda mallikuvan, säätää värejä ja seurata reaaliajassa, kuinka 5 täydellisesti yhteensopivaa väriä valitaan. Paletit voidaan ladata suoraan Photoshopiin tai Illustratoriin EPS-tiedostona.
17. Harmaa pala
GrayBitin avulla voit analysoida verkkosivustoa nähdäksesi, miltä se näyttää harmaasävyinä.
Tämä kätevä työkalu ei vastaa suoraan väriteemoja, mutta sen avulla voit analysoida sivustoasi nähdäksesi, miltä se näyttää harmaasävyinä. Tämä auttaa sinua tarkistamaan, oletko saavuttanut tarpeeksi kontrastia väripaletissa, jotta se on helppo lukea.
18. KYLMÄ
COLRD sopii täydellisesti värimaailmasi jakamiseen ja uusien oppimiseen.
Tämä värikäs sivusto on loistava inspiraation lähde, jossa käyttäjät jakavat väripalettinsa sekä kaltevuutensa ja kuvat. Tämä ei ole vain värimaailmasivusto, vaan pikemminkin esteettisen mielen juhla, ja kannattaa poiketa katsomaan pari hämmästyttävää löytöä.
19. Color Hunter
Color Hunter on loistava sivusto uusien värien löytämiseen.
Color Hunter auttaa sinua yhdistämään ladattujen kuvien värimaailman nopeasti etsimällä sopivaa tunnistetta tai käyttämällä HEX-linkkejä. Nopea ja helppokäyttöinen sivusto mahdollistaa mielenkiintoisia värilöytöjä.
20. Strip Generator 2.0
Stripe Generator 2.0 auttaa kiinnittämään huomiota värimaailmaasi.
Sitä kutsutaan usein "uusimmaksi työkaluksi web 2.0:lle". Stripe Generator 2.0 on hyvä työkalu mukavien väriyhdistelmien ja epätavallisten kuvien luomiseen samanaikaisesti.
Väri on yksi tärkeimmistä elementeistä suunnittelijan työssä. Mutta käsitteenä se on melko vaikea hallita: monet palettien yhdistelmät tekevät usein vaikeaksi päättää, miten web-sivujen ja sovellusten käyttöliittymä parhaiten muotoilla. Aiemmin olemme julkaisseet katsauksia valitsemistamme työkaluista ja. Ja tänään haluamme laajentaa aihetta julkaisemalla blogiin käännöksen Nick Babichin artikkelista Essential Color Tools for UX Designers.
Tämä viesti sisältää luettelon parhaista värien sovituspalveluista verkkosivustoille ja UX-suunnitteluun, jotka säästävät paljon aikaa. Näiden projektien kautta opit:
- mistä ammentaa inspiraatiota;
- kuinka luoda oma paletti;
- kuinka tehdä suunnittelusta värinäkövammaisten ihmisten ulottuville.
1. Inspiraation etsiminen
Luonnon värit
Piirrä ympärilläsi olevasta maailmasta. Tarvitset vain katsoa ympärillesi. Muotivaatteet, kirjojen kannet, sisustussuunnittelu... ympärilläsi on niin paljon uskomattomia asioita. Mutta parhaat väriyhdistelmät ovat luonnon värit. Ikuista kaunis hetki ja yritä luoda oma valintasi tietyn kuvan perusteella.
Parhaat väriyhdistelmät löytyvät luonnosta. Voit saada väriteeman mistä tahansa valokuvasta
Behance
Suositusta palvelusta löydät mielenkiintoisia teoksia alansa todellisten ammattilaisten parhaisiin verkkosalkkuihin. Tämä sivusto on myös loistava inspiraation lähde. Jos haluat nähdä uusia arvokkaita esimerkkejä projekteista, valitse vain haluamasi väri.
Dribbble värit
Dribbble on yksi parhaista, joista on hyötyä käyttöliittymää luotaessa. Jos haluat visuaalisesti ymmärtää, kuinka muut ovat käyttäneet tiettyä väriä, siirry osoitteeseen dribbble.com/colors ja anna haluamasi arvo.
Kun valitset sivuston väriä, voit asettaa sen vähimmäisprosenttiosuuden - kokeile esimerkiksi 30% sinistä.
Yritä asettaa tietyn värin vähimmäisprosenttiosuus Dribbblessä
suunnittelun inspiraatiota
Designspiration on hyödyllinen työkalu ensisijaisesti niille, joilla on jo väriyhdistelmäideoita ja jotka haluavat nähdä esimerkkejä tällaisista yhdistelmistä. Valitse 1-5 vaihtoehtoa, niin löydät kuvia, jotka vastaavat määritettyjä parametreja.
Designspirationista löydät erilaisia esimerkkejä väriyhdistelmistä
Tineye Multicolr
Tineye Multicolr -värinsovituspalvelun avulla voit määrittää haluamasi kuvaskaalan ja jopa asettaa kunkin niistä prosentteina (suhteen). Sivusto on integroitu Flickr-sivuston 20 miljoonan Creative Commons -kuvan tietokantaan. Tämä on ehdottomasti yksi nopeimmista tavoista löytää täydellinen paletti.
Colorzilla
ColorZilla on laajennus asennettavaksi Chrome- ja Mozilla Firefox -selaimiin. Se sisältää työkaluja, kuten pipetin, palettien selaamisen, luomisen ja paljon muuta.
ColorZilla-laajennus saatavilla Chromessa ja Firefoxissa
Shutterstock Spectrum
Yksi parhaista tavoista saada käsitys siitä, miltä värimaailma tulee näyttämään, on katsoa vastaavia kuvia. Useimmat ratkaisut, jotka tarjoavat värivalintaa verkkosivujen suunnitteluun, sisältävät tämän ominaisuuden, mutta Shutterstock Spectrumissa on uskomattoman käyttäjäystävällinen käyttöliittymä ja esikatselu, joista voi todella olla hyötyä.
Lisäksi et tarvitse tilausta, koska kuvan alustava arvio riittää (vaikka siinä on "vesileima").
W3Schools
Äskettäin blogissa arvosteltiin valikoima W3Schoolsista. Se sisältää paljon tietoa aiheesta, aina niiden nimistä/sävykoodeista, palettiyhdistelmien teoriasta ja päättyen eri formaattien kuvaukseen: HEX, RGB, CMYK, HWB jne. Löydät myös yksinkertaisia generaattoreita, muuntimia ja vastaavat "minipalvelut". Kaiken kaikkiaan mielenkiintoista nähdä.
2. Luo väripaletti
Materiaalisuunnittelun värityökalu
Material Design Color Tool -verkkosivuston värinvalitsinpalvelun avulla voit luoda, jakaa ja esikatsella väriteemoja valinnallesi. Yksi sen hyödyllisistä tehtävistä on mitata minkä tahansa väriyhdistelmän saavutettavuustaso.
jäähdyttimet
Coolors on sivusto monivärisen paletin luomiseen. Korjaa vain tietty väri ja paina välilyöntiä. Työkalu on hyvä myös siinä mielessä, että saat useamman kuin yhden tuloksen, mutta voit luoda useita vaihtoehtoja muuttamalla vain alkutietoja.
Värimaailma Coolorsissa valokuvan perusteella
Adobe Color CC
Värien täsmäytyspalvelu Adobe Color CC (aiemmin Kuler) on nyt melko suosittu. Se on vapaasti saatavilla Internetissä, mutta siitä on myös kuvaileva versio. Tällä verkkosovelluksella teet palettisi väripyörän avulla:
Tai voit saada tietyn tuloksen valmiista kuvasta:
Sivuston värivalinta kuvan mukaan
Täällä on satoja valmiita yhdistelmiä, etsi ne "Katso"-osiosta:
Jos käytät työpöytäversiota, voit viedä luomasi värijärjestelmän InDesigniin, Photoshopiin ja Illustratoriin yhdellä napsautuksella.
paletti
Sitä verrataan usein edelliseen Adobe Color CC:hen, koska nämä mallit ovat hyvin samankaltaisia. Ainoa ero on, että Palettonissa et ole rajoitettu viiteen vaihtoehtoon, vaan voit kokeilla lisäkäyttöliittymäääniä.
Lisäksi voit katsoa . Yhdessä muiden kanssa sovelluksen avulla voit työskennellä missä tahansa, vain älypuhelimesi avulla. Suoran väripalettien luomisen/viennin lisäksi voit valita kuvista tiettyjä värejä tai käyttää perusasetuksia.
3. Paletin avaaminen
Tällä hetkellä värin havaitsemishäiriöt ovat paljon yleisempiä kuin uskommekaan. Noin 285 miljoonalla ihmisellä maailmassa on näköongelmia. Sinun tulee aina tarkistaa, onko valitsemasi vaihtoehto tällaisten käyttäjien saatavilla.
WebAIM värikontrastitarkistus
Jotkut sävyt yhdistyvät täydellisesti toisiinsa, kun taas toiset ovat täysin päinvastaisia. Valtava määrä projekteja ei läpäise A / A-testiä, ja tämä on tosiasia. On erittäin tärkeää tarkistaa käyttöliittymän visuaalinen suunnittelu ja sävyjen kontrasti, varsinkin jos sivulla on paljon tekstiä. Käytä näihin tarkoituksiin valitessasi sivuston värejä.
WebAIM Color Contrast Checker on verkkopohjainen työkalu, joka tarkistaa värikoodit heksadesimaaliarvoina.
jäähdyttimet
Olemme jo maininneet tämän palvelun edellä. Muun muassa Coolors auttaa sinua myös tarkistamaan keksimäsi palettisi värisokeuden varalta.
Värisokeuden tyyppi mallissa
Valitse "Normaali"-tilan sijasta näköongelman tyyppi, jota haluat simuloida. Tämän seurauksena ymmärrät tarkasti, kuinka henkilö, joka ei pysty erottamaan tiettyjä värejä, näkee suunnittelusi.
Näin protanomaaliasta kärsivä henkilö näkee paletin
NoCoffee Vision Simulator Chromelle
NoCoffee Vision Simulator -sivuston avulla voit nähdä, kuinka värisokeat tai heikkonäköiset ihmiset näkevät tietyt verkkosivut. Jos esimerkiksi määrität "Achromatopsia" -vaihtoehdon "Väripuutos"-osiossa, näet verkkosivun harmaana.
Tältä CNN-projekti näyttää deuteranopiasta kärsivälle henkilölle
Johtopäätös
Kaikki artikkelissa mainitut verkkosivustojen ja UX-suunnittelun värien sovituspalvelut auttavat sinua varmasti mielenkiintoisen ja tehokkaan valikoiman etsinnässä. Mutta muista, että paras tapa oppia luomaan upeita paletteja on harjoitella ja kokeilla paljon.
Väriä käytetään laajasti suunnittelussa - sen avulla voit "elvyttää" sisällön - luoda semanttinen yhteys elementtien välille, täyttää työ tunteilla ja tunnelmalla. Aloittelevat suunnittelijat valitsevat satunnaisia värejä, mutta on olemassa tapoja käyttää värejä mielekkäämmin. Harkitse 4 tällaista menetelmää, jotka on järjestetty periaatteen mukaan yksinkertaisesta monimutkaiseen.
1. Käytä tunnettua skaalaa
Brandcolors.net-sivustolle on kerätty yli 500 väriyhdistelmää kuuluisista brändeistä. Yandex, Google ja Burger King käyttävät samaa palettia kaikissa tuotteissaan. Nämä merkit ja niiden värit ovat tuttuja ja rakastamia monille. Kirjoita nimi hakupalkkiin tai selaa sivua, napsauta haluamaasi merkkiä ja väriä: sen koodi kopioidaan leikepöydälle.
2. Valitse valmis ammattimainen paletti
Helpoin tapa on ottaa valmis väriyhdistelmä. Pyörää ei tarvitse keksiä joka kerta uudelleen, sillä harmoniset yhdistelmät ovat olleet tiedossa jo pitkään. Mene osoitteeseen colordrop.io ja valitse. Sivustolla on satoja ammattimaisia 4-väripaletteja. Kun olet valinnut haluamasi, napsauta ja kopioi värikoodit oikealle avautuvasta paneelista.
Lisäksi palvelu sisältää valmiin valikoiman 24 flat design -väriä. Napsauta vasemmalla nimen "Flat Colors" alla ja ota haluamasi sävyn koodi.
3. Määritä haluamasi valokuvan tai kuvan väripaletti
Tämä menetelmä on hieman vaikeampi. Mutta myös tehokkaampi.
- Etsi sivulta coolors.co vasemman yläpaneelin kamerakuvake ja napsauta sitä. Kuvan latausikkuna avautuu.
- Voit valita valokuvan tai kuvan haluamallasi värimaailmalla tietokoneeltasi tai kopioida linkin tyhjään sarakkeeseen.
- Palvelu määrittää väriyhdistelmän (alla, ladatun kuvan alla).
- Voit muuttaa tämän paletin yksittäisiä värejä merkitsemällä ne ja valitsemalla valokuvasta kohdan, josta haluat ottaa värin.
- "Kollaasi"-painike tallentaa tuloksena olevan paletin värikoodeilla tietokoneeseen.
- "Auto"-painike luo uusia yhdistelmiä saman kuvan perusteella.
- Napsauta "OK" ja siirry sivuston pääsivulle jatkaaksesi paletin käyttöä.
Sivuston pääsivu ei ole yhtä toimiva. Täältä voit poimia yksittäisten värien sävyjä tai koota uuden paletin vaihtamalla yksittäisiä värejä.
4. Luo oma väriteemasi verkossa
Lataamalla valokuvan samalle sivustolle coolors.co, voit määrittää värikoodin lisäksi myös omia yhdistelmiäsi. Voit tehdä tämän painamalla välilyöntiä - palvelu luo automaattisesti 5 värin yhdistelmän.
Jokaisella värillä 4 painikekuvaketta:
- Vaihtoehtoiset sävyt - värisävyt (tummempi ja vaaleampi),
- Vedä (siirrä väriä oikealle tai vasemmalle paletissa),
- Säädä (säädä sävyä, kylläisyyttä, kirkkautta jne.),
- Lukko (korjaa väri).
Värit ovat valtavassa roolissa web-suunnittelussa. Sivuston väriteeman valitsemiseksi oikein on olemassa erikoispalveluita. Olen varma, että jokaisella web-suunnittelijalla on vähintään yksi kirjanmerkeissään.
Joskus istut ja mietit, mikä sinisen sävy valita sivuston pääsävyksi, hieman vaaleampi tai hieman kirkkaampi, tai ehkä tummempi... Ja siihen on vielä hankittava lisää. Tietysti voit tehdä sen silmällä, mutta on parempi käyttää jotakin erikoispalveluista.
En puhu väriteoriasta (tämä on liian laajaa tietoa), vaan julkaisen täällä kirjanmerkeissäni olevat ja käyttämäni palvelut.
Olen ollut ystävä tämän soittimen kanssa monta vuotta. Kätevin työkalu värien poimimiseen (mielestäni). Siinä on monia lisäominaisuuksia. Voit esimerkiksi nähdä esimerkin vaaleasta ja tummasta sivusta valituilla väreillä.
On mahdollista arvioida, kuinka värisokeat ja muut näkövammaiset ihmiset näkevät värimaailmasi. Voit valita verkkoturvallisia värejä.
Adobe Kuler on toinen web-työkalu, jota käytän melko usein. Värimaailman valinta on lähes sama kuin edellisellä sivulla, mutta en rakasta sitä sen takia. Sen lisäksi, että voit luoda värimalleja itse, voit tarkastella ja käyttää muiden luomia malleja.
Voit tehdä tämän napsauttamalla painiketta vasemman yläkulman valikossa "Katso". Ja näet gallerian kaikenlaisista väriyhdistelmistä.
Tämä työkalu on vähän samanlainen kuin Colorscheme, mutta siinä on vähemmän ominaisuuksia, mutta on mahdollista nähdä, miltä värilohkot näyttävät.
Käytän tätä sivustoa tuskin, mutta koska minulla on se jo kirjanmerkeissäni, päätin lisätä sen.
Seuraavat kaksi sivustoa luovat paletin valitsemastasi kuvasta. Se on taikaa :)
Valitset minkä tahansa kuvan, jonka väreistä pidät, palvelu analysoi sen ja antaa sinulle väripaletin. Nämä kaksi sivustoa eroavat toisistaan vain siinä, miten niille tarjotaan kuva.
Tämä sivusto tarvitsee ladata kuva tietokoneeltasi.
Erittäin kätevä värinvalitsin. Perustuu "tykkää - ei pidä" -periaatteeseen.
Kuten nimestä voi päätellä, täällä voit valita värit trendikkääseen, litteään muotoiluun. Sivusto on mielenkiintoinen siinä mielessä, että valitsemalla paletin voit ladata sen Corel- ja Photoshop-ohjelmia varten.
Toinen muotitrendi on materiaalisuunnittelu. Tämä sivusto auttaa valitsemaan väriyhdistelmiä käyttöliittymälle (käyttöliittymälle). Lisäksi sivustolla on suuri joukko kuvakkeita.
Ja lopuksi taas käyttöliittymä. Tämä on vain joukko värejä käyttöliittymäsuunnittelua varten. Napsauttamalla mitä tahansa väriä näet, kuinka valkoinen teksti luetaan tiettyä taustaa vasten.
Nämä ovat työkalut, jotka minulla on kirjanmerkeissäni.
Kirjoita kommentteihin mitä värinsovitussivustoja käytät web-suunnitteluun?
Tarvitsetko verkkosivun oikeilla väreillä? tehdään se :)
Löysitkö virheen? Korosta tekstiosa ja napsauta CTRL+ENTER
Esittelyssä hyödyllinen työkalu värien valintaan - Ittenin väripyörä.
Mikä se on?
Lyhyesti sanottuna kyseessä on kolme samalle akselille asetettua kiekkoa, joiden pinnoilla näkyvät kaikki valospektrin päävärit sekä suurin mahdollinen sävyjen määrä ja kontrastiasteikko.
Värien, sävyjen, lovien ja osoittimien keskinäinen järjestely ympyrässä toteutetaan lakien perusteella "koloristiikka" (väriteoria), joten sen avulla on erittäin kätevää valita harmonisia sävyyhdistelmiä tarvittaessa.
Eli itse asiassa se on "elävä", materiaalihuijauslehti, joka näyttää kaikki tärkeimmät väriteemat. "Live", koska se voidaan poimia, toisin kuin kuva näytöllä.
väripyörä laite
Suunnittelija puoli
Taiteilijan puoli
|
Ostaa
Luonnollisesti sinun on voitava käyttää tällaista näennäisesti monimutkaista laitetta, joten verkkosivustollamme voit paitsi ostaa väripyörän, myös tutustua sen laitteeseen yksityiskohtaisesti, lukea sen käyttöohjeet, katsella erilaisia videoita Tämä aihe.
Suosittelemme myös tutustumaan vaatteiden värivalinnan verkkopalveluun.
Ympyrä väriyhdistelmien valintaa varten
Tämän laitteen edeltäjä nykyaikaisessa muodossaan on Itten-värirengas (katso kuva alla).
Johannes Itten poimi ensimmäisenä tarkalleen kaksitoista väriä koko spektristä ja järjesti ne ympyrän ympärille siten, että mahdollisimman paljon toisiaan vastaan eroavat parit olivat vastakkain. Keskelle hän asetti kolmion, jossa oli kolme pääväriä - punainen, sininen ja keltainen (niistä kaikki muut voidaan saada sekoittamalla eri suhteissa). Itten sulki tämän kolmion kuusikulmioon, jonka sisällä hän osoitti, mitä sävyjä saataisiin sekoittamalla päävärejä yhtä suuressa suhteessa.
Eli ensimmäinen tiedotusviesti, jonka tällainen asettelu kuljettaa, on osoitettu aloitteleville taiteilijoille - he näkevät selvästi eri värien sekoittamisen tulokset.
Katsotaanpa tätä kohtaa tarkemmin.
Miksi perusvärejä on kaksitoista?
- Kuten kuvasta näkyy, on olemassa kolme ensisijainen värit (jota kutsutaan myös ensisijaiseksi).
- Sekoita ne pareittain yhtä suuressa suhteessa, saat kolme toissijainen, kaikki yhteensä - kuusi.
- Seos ensisijainen naapuripiirin kanssa toissijainen antaa tertiäärinen väri. Osoittautuu kuusi muuta yhdistelmää, yhteensä - kaksitoista.(Myös tertiäärisiä värejä voidaan saada sekoittamalla päävärejä epätasaisissa suhteissa)
Tietenkään kaksitoista väriä ei riitä navigoimaan ympäröivässä värivalikoimassa ja löytämään haluttu sävy tai katsomaan, mitä tapahtuu, kun sekoitetaan ei vierekkäisiä, vaan täysin mielivaltaisia värejä. Siksi ne piirit, jotka voit löytää myytäväksi tai tilata tältä sivustolta, ovat monimutkaisempia ja sisältävät paljon hyödyllisempää tietoa kuin yksinkertainen "Ittenin kaksitoistaosainen sormus".
Värien sekoitusopas
Sen avulla voit määrittää mielivaltaisten värien ja sävyjen sekoittamisen tuloksen - yhdistelmien määrä on riittävä, jotta taiteilija ymmärtää, mitkä värit on sekoitettava tietyn sävyn saamiseksi. Tämä on loistava piirustusapu erityisesti aloitteleville taiteilijoille.
Vaikka sävy poikkeaisi hieman halutusta, haluttu tulos voidaan saavuttaa muuttamalla sekoitettujen maalien mittasuhteita.
Mutta kuinka määrittää nämä samat mittasuhteet? Onko se sattumanvaraista? Ei, väripyörä voi myös auttaa tässä.
kylläisyysasteikko
Tämä asteikko on samalla puolella sekoitusohjaimen kanssa, koska nämä kaksi toimintoa toimivat rinnakkain.
Kylläisyysasteikko on harmaan sävyjen asteikko mustasta valkoiseen. Asteikolla esitetyistä eri kirkkausasteikon harmaista soluista löydät aina harmaan sävyn, joka on mahdollisimman lähellä kylläisyyttä vaadittua sävyä, minkä jälkeen käy selväksi, kuinka paljon maalia tarvitsee tummentaa tai vaalentaa.
Katso tämä video nähdäksesi kuinka tämä tehdään käytännössä:
Väriyhdistelmämalleja
Levyn kääntöpuolella ei ole vähemmän hyödyllistä tietoa, ja ehkä jopa enemmän - se auttaa valitsemaan väriyhdistelmiä valitun mallin perusteella.
Väriyhdistelmien malli on kuvio, yksinkertaisimmassa tapauksessa viiva, joka yhdistää "sopivia" värejä toisiinsa. Sanamuoto on hyvin epämääräinen, koska kromaattisen asteikon valinta on sekä tiedettä että taidetta.
Ensinnäkin värien harmonia tai epäharmonia on hyvin subjektiivinen käsite. Kuten sanonta kuuluu, "maulle ja värille ei ole ystävää."
Toiseksi, ovatko ne "sopivia" vai "sopimattomia" - kaikki riippuu tietystä tilanteesta, tunnelmasta, siitä, mitä taiteilija tai suunnittelija haluaa sanoa, tyylistä, jolla tämä työ tehdään, onko tarpeen korostaa jotakin. elementti tai päinvastoin - tee siitä näkymätön.
Väripyörä on työkalu, jolla voit näyttää kaikki tärkeimmät väriteemat visuaalisesti, mutta sinun on kyettävä käyttämään tätä työkalua. Sinun on tiedettävä itse, tai ainakin tunnettava, mikä järjestelmistä sopii parhaiten tehtävällesi. Omalta osaltamme yritämme laittaa tälle sivustolle mahdollisimman paljon hyödyllistä tietoa väripyörän käytöstä (katso kohta
Ladataan...