Oikeiden verkkosivujen värien valinta on ratkaisevan tärkeää luotaessa visuaalisesti houkuttelevaa ja yhtenäistä designia, joka välittää tehokkaasti brändin viestin ja parantaa käyttökokemusta.
Tässä artikkelissa:
Voit hallita verkkosivustosi värejä Design (1) jakso.
Kun olet Suunnittelu-osiossa, napsauta Colors (2) -välilehti.
Nykyinen väripaletti
- Valittu Väripaletti (1) näytetään tässä.
- Sinä pystyt räätälöidä (2) jokainen paletin vaihtoehto ja valitse värit mieltymystesi mukaan.
- Näet viisi värivaihtoehtoa – tausta (3), neutraali (4), korostus (5), tumma korostus (6) ja teksti (7). Nämä vaihtoehdot määrittävät yleisen paletin.
Huomautus: Kun teet mukautettuja säätöjä väripalettiasetuksiin tai lisämuokkaukseen, näet Muokattu-painikkeen (8).
Seuraavassa on luettelo kohteista, jotka vaikuttavat yksittäisten palettivaihtoehtojen muutoksiin:
Väripaletin esiasetukset
Väripaletin esiasetukset (1) ovat ennalta määritettyjä väriyhdistelmiä, jotka on valittu huolellisesti, jotta voit antaa sinulle nopean ja kätevän tavan antaa verkkosivustollesi tietty ilme.
Voit helposti tehdä muutoksia verkkosivustosi väreihin muuttamalla esiasetuksia. Sitä sovelletaan maailmanlaajuisesti koko verkkosivustollasi.
Sinä pystyt Fillter (2) luettelosta valitsemalla Kaikki, Vaaleat, Tummat tai Lihavoitu esiasetukset. Kun olet valinnut suodattimen, näet vain siihen liittyvät paletit.
Valitse a Väripaletti (3), sinun tarvitsee vain napsauttaa sitä ja julkaista (4) muutokset.
Voit ohittaa paletin oletusasetukset mukauttamalla Väripalettivaihtoehdot tai Edistynyt muokkaus
Edistynyt muokkaus
Advanced Edition -toiminnolla voit mukauttaa verkkosivustosi jokaisen elementin väriä ja antaa sinulle täyden manuaalisen hallinnan sen estetiikkaan. ?Lisämuokkaus-kohdasta löydät seuraavat vaihtoehdot:
- Sivuston värivaihtoehdot
- Lightboxin värivaihtoehdot
- Korttien värivaihtoehdot
- Valikon värivaihtoehdot
- Tekstin värivaihtoehdot
- Painikkeet ja linkit Värivaihtoehdot
Sivuston värivaihtoehdot
- Sivuston otsikko: Valitse tekstin väri sivustosi otsikolle.
- Sivuston tausta: Aseta verkkosivustosi perusväri.
- Otsikon tausta: Aseta verkkosivustosi otsikon perusväri.
- Otsikon reuna: Aseta Web-sivustosi ylätunnisteen reunan väri.
- Alatunnisteen tausta: Aseta verkkosivustosi alatunnisteen perusväri.
- Alatunnisteen reuna: Aseta Web-sivustosi alatunnisteen reunan väri.
- Alatunnisteen sivuston otsikko: Valitse verkkosivustosi alatunnisteessa näkyvän sivuston otsikon tekstin väri.
- Alatunnisteen teksti: Aseta verkkosivustosi alatunnisteen tekstin väri.
- Alatunniste-valikon osoitin: Aseta alatunnisteen valikon kohteiden väri, kun kohdistinta pidetään.
Lightboxin värivaihtoehdot
- Taustaa: Aseta taustaväri (peittokuva), joka näkyy, kun kuvia katsotaan valolaatikkotilassa.
- Teksti/elementit: Aseta navigointinuolien, kuvakkeiden ja muiden elementtien väri koko kuvanäkymässä.
Korttien värivaihtoehto
- Taustaa: Aseta kortin väri verkkosivustollasi oleville dynaamisille luettelokohteille (kuten teksti-/kuvaluetteloille). Kortin väriä käytetään luettelokohteiden ääriviivana ja taustana.
- border: Aseta kortin reunuksen väri. Voit valita oletus- tai mukautetun värin yksittäisille osiolle.
Valikko Värivaihtoehdot
- Valikkoteksti: Aseta tekstin väri navigointivalikon kohteille.
- Valikkoteksti Hover: Valitse valikkokohtien tekstin väri pitäen osoitinta niiden päällä.
- Valikkoteksti aktiivinen: Valitse aktiivisen valikon tekstin väri.
- Avattavan valikon teksti: Määritä pudotusvalikon kohtien tekstin väri.
- Avattavan valikon tekstin osoitin: Valitse pudotusvalikon kohteiden osoittimen väri.
- Pudotusvalikon tekstipohja: Valitse avattavan valikon kohteiden perusväri.
Tekstin värivaihtoehdot
- Otsikko (H1): Valitse otsikon fontin väri (H1).
- Otsikko (H2): Valitse otsikon fontin väri (H2).
- Otsikko (H3): Valitse otsikon fontin väri (H3).
- Otsikko (H4): Valitse otsikon fontin väri (H4).
- Kappaleen teksti: Valitse fontin väri kaikille kappaleteksteille (P Normaali, P Pieni ja P Suuri).
Painikkeiden ja linkkien vaihtoehdot
- Painikkeet: Valitse painikkeiden taustaväri täältä.
- Painikkeiden teksti: Valitse painikkeen tekstin väri.
- Linkin teksti: Aseta linkin tekstin väri kaikille verkkosivustolla oleville linkeille.
- Linkin teksti Hover: Määritä linkkitekstin hover-väri verkkosivustolla oleville linkeille.
Palauta mukautetut asetukset
Voit helposti palauttaa paletin oletusasetukset, jos olet tehnyt muutoksia korostusväreihin muokkaamalla palettia tai mukauttamalla väriasetuksia Lisämuokkaus-kohdasta.
Näet Muokattu-painikkeen. Vie kursori painikkeen päälle, se muuttuu Reset-tilaan. Voit palauttaa muutokset alkuperäisiksi tästä.