Skip to main content

Käytä sivustosi väripaloja ja paletteja

Anonim

Yksi parhaista tavoista muuttaa web-sivun muotoilua on muuttaa värimallia. Jos aiot käyttää väriä vaikuttamalla mielialaan, se auttaa ymmärtämään väriperheitä ja mitä he edustavat. Väriperheet ovat värirenkaan jakautumia kolmelle eri väriä:

  • Lämmin värit
  • Viileitä värejä
  • Neutraalit värit

Vaikka on mahdollista saada malli, joka käyttää värejä kaikista kolmesta perheestä, useimmilla malleilla on yleinen tunnelma lämpöä, viileyttä tai puolueettomuutta.

Energiaa lämpimillä väreillä

Lämmin värit sisältävät punaisia, oransseja ja keltaisia ​​sävyjä ja vaihteluita näissä väreissä. Niitä kutsutaan lämpimiksi väreiksi, koska ne herättävät auringonvalon ja tulen tunteen - lämpimiä asioita. Lämpimiä värejä käyttävät mallit ovat yleensä energisoivia ja kohottavia. Ne merkitsevät intohimoa ja myönteisiä tunteita useimmissa ihmisissä. Lämmin värit ovat yleensä luovuuden, juhla, intohimo, toivo ja menestys.

Lämmin värit luodaan vain kahdella värillä: punainen ja keltainen. Nämä päävärit yhdistyvät oranssiksi. Sinun ei tarvitse käyttää viileitä värejä lämpimässä paletissa sekoitettaessa värejä.

Rentoudu viileillä väreillä

Jäähdytetyt värit sisältävät vihreän, sinisen ja purppuran sävyt sekä näiden värien vaihtelut. Niitä kutsutaan viileiksi väreiksi, koska ne herättävät tunteen vettä, puita ja yötä. He tuovat esiin rentoutumisen, rauhan ja varauksen tunteen. Värikkäitä värejä käyttävät mallit nähdään usein ammattimaisiksi, vakaiksi ja liiketaloudellisiksi.

Toisin kuin lämpimät värit, on vain yksi ensisijainen väri, sininen, viileässä väreissä. Jos haluat saada muita värejä paletissa, sekoitat punaista tai keltaista sinistä vihreää ja purppuraa. Tämä tekee vihreästä ja violetista lämpimämpi kuin sininen, mikä on puhdasta viileää väriä.

Neutraalit värit

Neutraalit värit koostuvat ruskeasta, joka on kaikkien kolmen päävärien yhdistelmä ja kaksi jäljellä olevaa väriä: mustavalkoinen. Mitä enemmän hämmentynyt tai harmaa väri on, sitä neutraali se muuttuu. Neutraalit mallit ovat vaikeinta määritellä, koska suuren osan tunne, jonka he herättävät, on niiden lämminhenkisistä ja viileistä väreistä, jotka vaikuttavat niihin. Mustavalkoisia malleja pidetään tyylikkäinä ja hienostuneina, mutta koska nämä värit ovat niin jäykkiä, ne voivat olla haastavia tehokkaiden verkkomallien luomisessa.

Toinen tapa luoda neutraali paletti on lisätä musta tai valkoinen lämmin tai viileä väri tehdä värin grayer.

Color-perheiden käyttäminen Web-suunnittelussa

Jos yrität herättää mielialaa web-suunnittelulla, värisyötteet auttavat sinua tekemään sen. Yksi hyvä tapa testata tätä on luoda erilaisia ​​paletteja kolmessa väriryhmässä ja verrata suunnittelua kolmella eri tavalla. Saatat huomata, että koko sivun sävy muuttuu, kun vaihdat väripuita.

Seuraavassa on joitain näytteen paletteja, joita voit kokeilla verkkosivustossasi eri värisyksiköissä:

Lämmetä

  • # cc333F, # eb6841, # edc951
  • # ffd573, # ff773d, # f73e3e
  • # ffe545, #fefbaf, # c2a34f, # fbb829
  • # ffab03, # fc7f03, # fc3903, # d1024e

Viileä

  • # 69d2e7, # a7dbd8, # e0e4cc
  • # 2a044a, # 0b2e59, # 0d6759, # 7ab317, # a0c55f
  • # 8ca315, # 5191c1, # 1e6495, # 0a4b75
  • # 8fbfb9, # 6493a7, # bddb88, # e0f3b2, # eefaa8

Neutraali

  • # d9ceb2, # 948c75, # d5ded9, # 7a6a53, # 99b2b7
  • # e6cba5, # ede3b4, # 8b9e9b, # bd7578
  • # d8d0c8, # d2d0c8, # cbd0c8, # c4d0c8
  • # 182009, # 464b35, # 757661, # d1ccb9