30 Kauniita kolmivärisiä verkkosivustoja inspiraatiota varten

Väri vaikuttaa suunnitteluun suuresti. Liian monta väriä sisältävä muotoilu voi kuitenkin helposti katkaista katsojan. Joskus minimalistinen lähestymistapa voi auttaa kiinnittämään kävijän silmän tiettyyn sisältöön - oikeaan sisältöön.

Tässä verkkosivustojen kokoelmassa keskityimme malleihin, joissa käytettiin kolmea väriä ensisijainen design-elementtejä. Muutamissa näistä sivustoista on kuitenkin yksi tai kaksi korostusväriä, jotka ylittävät 3 pääväriä. Nämä sivustot olivat kuitenkin aivan liian hyvät ja riittävän lähellä kolmea värikriteeriä, joita emme voineet auttaa, mutta sisällyttäneet ne tähän kokoelmaan.

Huomaa, miten värit auttavat sinua kiinnittämään huomionne siihen, missä sitä tarvitaan. Voitteko nähdä, miten brändi oli sidottu kaikkiin malleihin? Voit myös nähdä, miten täysvärin grafiikan käyttäminen rajoitetun väripaletin rinnalla on edelleen hyödyllistä menemättä liian pitkälle minimalistisen muotoilupolun alapuolelle. Seuraavat esimerkit näyttävät sinulle tämän sivustot, joissa käytetään enintään 3 väriä voi edelleen olla tehokas.

Kuvamekaniikka

Mukava minimalistinen muotoilu, joka käyttää juuri tarpeeksi väriä, jotta silmä olisi tärkeässä sivustossa.

nclud

Suuri, sininen valokuvaus on mukava kontrasti valkoiselle päätekstille ja vihreälle tuotemerkille, joka kiinnittää lukijan huomion ensin. Vaaleansininen teksti kiinnittää silmän alaspäin yrityksen lyhyen kuvauksen ja niiden vaikuttavien asiakkaiden luettelon. Mukava värin käyttö hierarkian luomiseen!

Loft

Harmaasävyt valkoisella pohjalla antavat tälle sivulle hienostuneen minimalistisen ulkonäön. Sivun valikon värillinen teksti toimii oppaana sivuston navigoinnissa.

Fat-Man-Collective

Aivan kuten tuotemerkin ulkonäkö ja sävy, tämä verkkosivujen suunnittelu on myös "lyhyt ja makea". Tavoitteena on säilyttää tuotemerkki!

Creative Spark

Kuvassa vähennettynä tämä sivusto sisältää vain 3 väriä muotoiluun: keltainen, musta ja valkoinen, mikä on mukava viittaus lamppuun, kun ajatellaan sitä. Ja lamppu toimii hyvin yrityksen nimen, Creative Sparkin kanssa. Mielenkiintoista.

Pepperminted

Söpö nimi ja söpö enimmäkseen 3 värillinen muotoilu, tämä on yksinkertainen mutta luova samanaikaisesti.

Sergei Stanchev

Tumma värijärjestelmä ja värin rajallinen käyttö antavat tällä sivustolla hienostuneen, ammattimaisen ulkoasun.

Digimurai

Oranssin ja sinisen tekstin värit koordinoivat kuvitellun taustan ja söpö pikku maskotin.

Causecast

Harmaa, sininen ja vaaleanpunainen valkoisella taustalla tarjoavat hyvin "onnellisen" sävyn, joka tuntuu hyvältä valinnalta vapaaehtoistyötä / hyväntekeväisyysohjelmaa varten.

Astheria

Tämä älykäs muotoilu käyttää hyvin huumeita! Valkoinen, harmaa ja sininen ovat yleensä värejä, joita näet pillerilaatikoissa, joten nämä suunnittelijat juoksivat todella ajatuksella "Suunnittelu on huume."

Dave Airey

Ah, David Airey, yksi suosituimmista brändin identiteettisuunnittelijoista graafisen suunnittelun blogging-yhteisössä. Hänen sivusto on minimalistinen, jossa on vain musta, oranssi ja harmaa teksti valkoisella taustalla. Yksinkertainen mutta tehokas!

Eduardo de La Rocque

Kuvioitu tausta näyttää kuvitteelliselta paperilta, jota jotkut käyttävät CV- ja CV-tulostukseen. On myös mielenkiintoista, että vaaleanpunainen-punainen teksti haalistuu vaaleanharmaaksi, kun siirrät hiirtä sen päälle.

Kahdeksan kasvot

Musta, valkoinen ja harmaa sekä muutama vihreä oranssi teksti ovat tässä suunnittelussa käytettyjä päävärejä. Nämä värit antavat tällä sivustolla eräänlaista "uutisia".

Kuume

Tummia ja vaaleanharmaita ja punaisia ​​käytetään tässä mallissa vaihdettavasti. Vaikka tämä muotoilu voisi olla hieman paremmin järjestetty sen mukaan, mitä värejä käytettiin, he pitivät otsikon kolme väriä erittäin hyvin.

Stefan Coisson

Tämä sivusto käyttää kolmea väriä melko tehokkaasti yksinkertaisella verkkosivuilla. Vaikka teksti voitaisiin järjestää paremmin, vihreä korostus erottuu hienosti mustaa ja valkoista tekstiä vasten.

Jon Tangerine

Okei, joten tämä on toinen, joka ulottuu hieman 3 värimaailman yli, mutta se on niin kaunis sivusto, että se huutaa: "Katsokaa minua!" Keltaiset kohokohdat ja tekstilinkit (hieman oranssin alleviivaus) vaihtelevat hienosti mustan ja harmaan ja satunnaisen valkoisen tekstin kanssa. Kaunis!

Martin Hipp

Tummanharmaa, musta ja ruohonvihreä sekoitus antavat tälle sivustolle virkistävän ja ainutlaatuisen ulkonäön.

Minimi-sivustot

Havaitsemme mustan, harmaan ja kirkkaan värin käyttämistä valkoisella taustalla? Ehkä tällainen värimalli on suosittu, koska se luo minimalistisen ilmeen, jossa on tarpeeksi väriä kiinnittääksesi huomiota… ja tämä sivusto ei ole poikkeus.

Liikkeen teoria

Sivulla oleva musta nauha on mukava kosketus, joka lisää "elokuvan" ulkoasua. Harmaa ja punainen teksti pitävät tätä sivustoa yksinkertaisena, mikä on erittäin tärkeää, kun kaikki kuvat on sisällytettävä.

Paluu takaisin

Sininen sekä harmaan sävyjä pitävät tämän muotoilun minimalistisena ja perinteisenä. Kolme eri väriä käytetään hienosti kiinnittämään huomiota tärkeään tekstiin.

Vilja ja gramma

Tämä sivusto tekee loistavasta työstä "herrasmiehen" vetoomuksen, jossa on tummat harmaat miehet värit, viljan väri (otsikon mukaisesti) ja valkoinen.

Awesome Font Stacks

Oranssi sekä musta ja harmaa (ja pieni valkoinen teksti) auttavat rikkomaan tämän tekstin raskaan sivuston ja tekevät siitä mielenkiintoisen.

Yuna

Tämä sivusto käyttää enimmäkseen geometristen muotojen tummia ja vaaleita harmaita, mutta sininen on myös korostava väri, hieman vaaleanpunainen. Niin, todella, tämä on toinen muunnelma mustasta, harmaasta ja korostetusta värimaailmasta.

viisikulmio

Harmaa, valkoinen ja paljon sinistä tekee hyvin yksinkertaisen värimaailman. Toisaalta sininen tuntuu hieman ylivoimaiselta, ja vilkkuva grafiikka ei auta paljon.

Graafinen suunnittelu radiossa

Teknisesti tämä sivusto käyttää vain noin 3 väriä: musta ja harmaa teksti valkoisissa laatikoissa ja vaaleanpunainen kuvioitu tausta. Mutta odota! Sulje sivu, avaa se uudelleen ja tausta on nyt sininen, ei, keltainen. Okei, voit lopettaa sivun avaamisen nyt. Pettynyt siellä on vain kolme väriä pelata, eikö olekin?

Pixelbot

Jälleen tumma harmaa, vaaleanharmaa ja korostusväri tekevät yksinkertaisen, tehokkaan värimaailman web-suunnitteluun.

Sivusto innostaa

Vaikka tekstin väri muuttuu, kun siirrät hiirtä sen päälle, se voi olla hauskaa, tämä voi hyödyntää tätä ominaisuutta hieman liian paljon. Mutta ehkä he voivat päästä pois siitä, koska ne ovat yksinkertaisia, 3-värisiä.

Stefan Persson

Harmaa / musta ja oranssi ja valkoinen lisäävät tätä hyvin järjestettyä muotoilua. Jokainen väri näyttää pysyvän tiukassa käytössä, mikä todella vie tämän sivuston navigoinnin suuriin korkeuksiin.

Faust

Yksinkertainen värimaailma auttaa sulkemaan tämän sivuston kiireisyyttä; vähemmän oranssi olisi kuitenkin auttanut suunnittelua entisestään.

Teollisuuslaitos

Tämän sivuston navigointi on hieman erilainen, jotain ei aina suositella. Silti tummanharmaa, vaaleanharmaa ja valkoinen värimalli auttaa pitämään sivuston riittävän yksinkertaisena oppia melko nopeasti.

Toimittajan huomautus: Tämä viesti on kirjoittanut Tara Hornor varten Hongkiat.com. Tara on suorittanut englanninkielisen tutkinnon ja kirjoittaa markkinoinnista, mainonnasta, tuotemerkistä, graafisesta suunnittelusta ja työpöytäjulkaisusta. Hänen kirjallisen uransa lisäksi Tara nauttii viettää aikaa miehensä ja kahden lapsensa kanssa.