19 Värien lähestymistapa
Verkossa yli 9 miljardilla indeksoidulla sivustolla ja laskemalla sivustot joutuvat tekemään enemmän, jotta ne voivat huomata ja kannustaa käyttäjiä viettämään aikaa heille.
Koska useammat verkkosivustot kilpailevat käyttäjien huomion keskellä, värit ovat yhä tärkeämpiä sivusi erottelemisessa. Seuraavassa on muutamia sivustoja, jotka tekevät juuri sellaista: käytä mielenkiintoisia värejä epätavallisissa yhdistelmissä erottuvaksi miljardeista vakiovärikoodattuja sivustoja siellä.
Layrr
Me kaikki tiedämme, että sisältö on toiseksi huomion kiinnittämistä, ja otsikoita on käytetty sanomalehtipaperissa vuosia saadakseen kiinnostusta. Layrr Käytä vähäistä kontrastia tämän tavoitteen saavuttamiseksi, ja vaikka et puhu ranskaa, suosittelen, että lähdet tarkastelemaan tätä sivustoa nyt. Se käyttää pieniä väripintoja, jotka vaikuttavat harmaaseen taustaan ja saavuttavat tämän hämmästyttävän kauniin suunnittelun. Ei ihme, että se sai kunnioitettavan maininnan Awwwards- suunnittelukilpailussa.
Havainas
Sivujen aloitussivu Havainas , erittäin suuret flip-flops ja sandaalit jälleenmyyjä on yllättävän, ja ihanan värikäs, piirre, joka ulottuu aluekohtaisiin sivuihin. Tämän sivuston tarkoituksena on kuvata heidän tyylinsä sekä lämpöä ja kesää, lomaa ja ennen kaikkea heidän tuotteitaan kirkkaita värejä. Vaikka väri on osa brändin tunnustusta, on virkistävää nähdä suuren yrityksen sivusto, joka on hyvin suunniteltu värivaihtoehdossa, kuten luultavasti kerrotaan sivuston luettelossa. Hyvä koordinointi jätetään usein pienille pojille.
ColourPixel
Sen lisäksi, että se oli todella kirkas ja värikäs, se mitä oikeasti oli silmäni ColourPixel sivuston, oli musta, jossa muut kohteet olisivat käyttäneet valkoista. Syy valkoista käytetään siksi, että sen ja muiden värien välinen kontrasti on helpompi silmissä ja siten käyttäjille on helpompi käyttää, mutta täällä on käytetty isompia mustia laatikoita valkoisen tekstin ympäröimiseksi. Tämä tosiasiassa saavuttaa tavoitteen kiinnittää huomiomme niiden sisältämiin teksteihin pikemminkin kuin itse laatikoihin osana suunnittelua. Muuten, sivuston tausta saa aikaan sen, mitä suunnittelija kutsuu "etnisestä" ulkoasusta, käyttämällä siirtymään joutuneita pikseleitä, jotta saadaan aikaan kuvakudosvaikutus. Sateenkaaria käytetään melko maksuttomasti, mutta ne tarjoavat mukavan värin eriyttämisen taustalla olevien hienovaraisten kihara-kiinnikkeiden kanssa.
Will Fernandes
Will Fernandes "sivusto käyttää monenlaisia ja monipuolisia värejä, jotka kaikki vetävät huomiota hänen tyylinsä saavuttamiseen. Hän varaa keltaisen, oranssin ja valkoisen tekstille ja taustalle ja useimmiten välttää niiden käyttämistä hänen taideteoksessaan merkitsemään eroa siitä ja sisällöstä. Hän tarjoaa koko näytön katseluvaihtoehdon, joka on suositeltavaa, jos haluat tarkastella tämän lahjakkaan taiteilijan ja web-suunnittelijaa upeassa sivustossa, jossa on loistavia animaatioita. On selvää, että sitä on tehty laajasti sen varmistamiseksi, että oikeita värejä käytetään taiteeseen ja paikkaan täydentämällä toisiaan.
Ryan Keizer
Tämä on ensimmäinen sivusto, jota olemme tarkastelleet, että tarkoituksellisesti käytetään hyökkääviä, ylivoimaisia värejä, jotka on suunniteltu törmäämään korkean kontrastin vaikutuksen aikaansaamiseksi. Suunnittelija nauttii niin väkevällä värillä, että hänellä on "värien inspiraation" paletti alareunassa. Ryan Keizer käyttää pääasiassa keltaista väriä, jolla voi paljon mennä vikaan, jos sitä käytetään väärin, tässä syaania ja vähäisemmässä määrin vaaleanpunaista koko sivustoa. Lopullisessa huomautuksessa syaani ja vaaleanpunainen muistuttavat hyvin 3D-anaglyph-lasia käyttäen värimallia, joka on hyvin epäsäännöllisesti imeytynyt tajuttomaan elämäänmme, jota ei normaalisti odoteta toimivan vaan selittämättömällä tavalla, koska yhdistämme nyt ne kaksi väriä yhdessä.
Ben Markowitz
Toinen erittäin vähäpätöinen sivusto, jossa on erittäin varovainen värien käyttö, jolloin sivuston interaktiivinen elementti on työstetty. Tällaisen sivuston suunnittelussa värin käyttäminen tällä tavalla on epätavallista, suunnittelijat yleensä menevät tavalla tai toisella, mutta tämä todella lisää otsikkoa: " Ben Markowitz ", paitsi kiinnittämällä huomiota, mutta tarjoamalla eriyttämistä käyttäen täydentävä paletti, jolla on laaja valikoima. Ainoa muu värien käyttö, jonka tunnen tämän sivuston hyödyttävän, on sosiaalisen verkon kuvakkeet sivun alareunassa, koska ne kaikki käyttävät hyvin neutraaleja värejä ja erottuvat ja ovat helpommin tunnistettavissa.
Hugs for Monsters
Joe Lifrierin Hugs for Monsters on sama tavoite kuin Will Fernandesin sivustolla, jota tarkastelimme aiemmin, mutta se saavutetaan orgaanisella yksilöllisellä tyylillä värin avulla korostamaan hänen ainutlaatuista tyyliään. Suosittelen luultavasti, että sinulla on muutamia muita sivuja, joilla kaikilla on eri taidetta samalla eklektisella tyylillä, jota näet täällä.
Tim Bjørn
Toisin kuin tässä mainituilla muilla sivuilla, tämän sivuston aloitussivulle on ominaista värin puute ja tarkastelemalla Tim Bjørn , taiteilija, hän ilmeisesti käyttää väriä hyvin huolellisesti ja säästeliäästi. On hyvin virkistävää nähdä sivuston yksinkertaisissa harmaasävyissä, jotka eivät näytä olevan suunniteltu vuosikymmen sitten! Taideteos, kuten Hugs for Monsters yllä, on erittäin orgaaninen, ja se on sivuston pääkohde, jossa on vaimeita valikkoja ja melkein koko aloitussivu, joka on omistettu muutamille avainkappaleille.
Vain toimistokäyttöön
Tämä on toinen sivusto, joka käyttää pienen määrän väriä, jotta saavutetaan suuri kontrasti harmaasävyteemalla. Erityisesti alla oleva tapaus, jossa logon läpinäkyvyys luo epämuodollisen punaisen kuvan takana olevaan kuvaan. Tarkastellaan edelleen Vain toimistokäyttöön osoittaa, että nämä kaverit tietävät, miten ja milloin käyttää väriä, ja tekevät sen hyvin.
Method Design Lab
Method Design Lab Method Design Lab innovatiivinen uutisrehu käyttää väriä tuoreella tavalla, merkitä uutisten "ikä" helposti tunnistetulla kuumalla ja kylmällä värimallilla, paitsi että uutiset ovat aina vain värimallin "kuumalla" osuudella, älykäs markkinointiidea, ehkä? Kuitenkin on erittäin helppo ymmärtää, että punainen on vanhempia uutisia 12+ tuntia sitten, ja keltainen on uudempi. Erittäin hyvin toteutettu, ja väri vaikuttaa sekä sivuston muotoiluun että sen toimintaan, ei monien sivustojen sanomiseen kuin navigointinsa ulkopuolella. Tämän artikkelin tutkimisen aikana kompastuksen jälkeen tämä sivusto löysi sen kirjanmerkkeihinsä sekä sisällön että suunnittelun suhteen.
DesignWise
Teema aiheesta DesignWise on kontrasti yksinkertaisuuden takia, hienovaraisella grungy-tuntemuksella, vaaleanpunainen musta toimii täydellisesti, ja tekstisisältöä käytettäessä luonnonvalkoista tekstiä korvaa vaaleanpunainen ilman, että kontrasti on terävä musta. On myös kontrastia puhtaan, mutta teksturoidun taustan ja hienosäätöjen kanssa, jotka ovat roikkuvat koko sivustolla.
Prius Harmony
Tämän infografian värit ovat kauniisti koordinoituja, molemmat saavuttavat ilmeisen tehtävän lausunnon "harmonian" välittämisestä ja värien liittyvien aiheiden viestinnästä. Vaikka tämä onkin tehokas mainos Prius , se poistaa työnsä hyvin, ja vaikka olet halveksit Flasha, arvostan vain värejä. Tämä on toinen sivusto, jolla on väriltään toimiva funktio, joskin vain hellävaraisesti, ja yksi niistä harvoista, jotka käyttävät lohkojen värejä läpinäkyvillä luodakseen vaihtelua kahden tai useamman muiden päällekkäin yhdistettyjen värien kanssa, kuljettaen (lähinnä) harmonian tunnetta, jos sivuutat rumaiset mustat ja ruskeat väriset ja huonosti koordinoituneet osat.
Orgaaninen verkko
Jos voit antaa kaksi Flash-sivustoa peräkkäin, Orgaaninen verkko on kaunis salkku, joka voidaan antaa anteeksi sen uskomaton värin käyttö valikossa, joka muuttaa järjestelmän joka kerta, kun palaat siihen. Epäsovinnainen? Joo. Koordinoimaton? Ehdottomasti ei. Siirry väreihin, aseta sivusto koko näytön tilaan ja pysy katsomalla satunnaisia valokuvia ja taideteoksia, jos et voi jättää latausaikoja pois.
Matt Mullenweg
Tämä Lichtenstein-innoitettu sivusto on sisällytettävä, jos vain WordPress-isän vuoksi, Matt Mullenweg blogi tuo esiin pop-taiteen lohkojen värit ja poikkileikkaukset. Estä ensisijaiset värit voivat olla ihania, jos niitä ei käytetä liikaa, ja tämä sivusto antaa meille viivan. Blogin alaosassa on loistava pop-art-aalto, mutta et voi katsoa sitä kauan, sillä Mullenwegilla on niin monta viestiä, että selaat ikuisesti!
Vanity Claire
Jos voit katsoa ohi, että tällä sivustolla on kauhea käytettävyys, kaikkien sivujen kuvitus on tehty uskomattoman hyvin. Yksinkertaiset vaimeat värit ovat yhä suosittuja, ja Claire sivuston onnistuu hiipiä pienessä grungeissa. Sivulle on tunnusomaista, että jokaisella sivulla on eri yksittäinen lohkon taustaväri yksinkertaisella tavalla vaakatasossa sivun keskellä.
Liima
Verkkosivusto, joka on ottanut yksinkertaisuuden uudelle tasolle, Liima nauhoittaa kaiken sisällön kauniisti toteutetun tiimalasin hyväksi, hiekka putoaa ylöspäin ja mukana on iskulause "Säästä aikaa". Sivustolla oli enemmän sisältöä upeilla oranssilla kohokohdilla harmaalla, mutta on valitettavasti tullut vain kutsusta.
Microsoft
Niin paljon kuin tuskaa minua sisällyttämään tämä, kuten tukahduttava omena kannattaja, Microsoft Internetin läsnäolo on tullut harppauksin, oletettavasti käsi kädessä yllättävän edistyksen kanssa Internet Explorerissa (Se olisi luultavasti ollut kiusallista, että sivuston päivämäärä oli selaimessa). Windows 8: n "Metro" -liitäntälaatikko on selvästi vaikuttanut, ja minun on sanottava, se näyttää hyvältä. Kuten olemme nähneet Google Chrome, Skype, ja nyt Microsoft, estää värillisiä logoja ovat tulevaisuus, päivän tahmea kaltevuudet ja 3D-käyttö sen vuoksi on ohi.
sovitettu pistettäväksi
Sivuston sisällyttäminen on saattanut olla jotain tekemistä sen kanssa, että se muistutti minua raketin lollystä, suosikki lapsuuden hoidosta tai että se sisälsi pelkkää väriä pelkästään sen puhdasta iloa kohtaan. sovitettu pistettäväksi toi hymyn kasvoilleni yksinkertaisesti "jotain värikkääseen" nauhaan sivuston yläosassa, miksi ei? Kaunis helmi muussa standardissa, vaikkakin hyvin suunniteltu sivusto.
ColoRotate
Lopuksi lopetamme sivuston, joka ei käytä väriä osana sen suunnittelua, itse asiassa sivuston suunnittelu on uskomattoman tylsä, mutta tehtävänä - sivuston tavoitteena on auttaa sinua selata ja sekoittaa väripaletteja. Näyttää sopivalta päätyä sivustolle, joka käyttää väriä tällä tavoin, joten jos päätät, että sivustosi tarvitsee muokkauksen tämän luettelon lukemisen jälkeen, mikään ei estä sinua valitsemasta täydellistä värimallia. ColoRotate on myös mielenkiintoinen värisivun sivu, jos haluat kuvitella noin 21. vuosisadan väriteoriaa ja miten silmämme havaitsevat värin.
Miten lähestyt väriä? Pelaatko sitä turvallisesti vai pyrkikää erottamaan? Kerro meille kommentit.