Nettsidefarger – Bruke fargepaletter

Å velge de riktige nettsidefargene er avgjørende for å skape et visuelt tiltalende og sammenhengende design som effektivt formidler merkevarens budskap og forbedrer brukeropplevelsen.

 

I denne artikkelen:

  1. Gjeldende fargepalett
  2. Forhåndsinnstillinger for fargepalett
  3. Avansert redigering
  4. Tilbakestill egendefinerte innstillinger

Du kan administrere nettstedets farger fra utforming(1) seksjon.

Når du er inne i Design-delen, klikker du på Farger (2) fane.


Gjeldende fargepalett

  • Den valgte Farge palett (1) vil vises her.
  • Du kan tilpasse (2) hvert av alternativene i en palett og velg fargene i henhold til dine preferanser.
  • Du vil se fem fargealternativer – Bakgrunn (3), Nøytral (4), Aksent (5), Mørk Aksent (6) og Tekst (7). Disse alternativene definerer en samlet palett.

OBS: Når du foretar tilpassede justeringer av fargepalettalternativer eller avansert redigering, vil du se en 'Endret' (8)-knapp.

Følgende er listen over elementer som påvirker mens du gjør endringer i de individuelle palettalternativene:


Forhåndsinnstillinger for fargepalett

Forhåndsinnstillinger for fargepalett (1) er forhåndsdefinerte kombinasjoner av farger som er nøye utvalgt for å gi deg en rask og praktisk måte å gi nettstedet ditt et spesifikt utseende.

Du kan enkelt gjøre endringer i fargene på nettstedet ditt ved å endre forhåndsinnstillingene. Det vil bli brukt globalt på din generelle nettside.

Du kan Filter (2) listen ved å velge All, Light, Dark eller Fet forhåndsinnstillinger. Når du velger et filter, vil du bare se relaterte paletter.

Å velge a Farge palett (3), du må bare klikke på den og Publiser (4) endringene.

Tips

Du kan overstyre standard palettinnstillinger ved å tilpasse Alternativer for fargepalett eller fra Avansert redigering


Avansert redigering

Fra Advanced Edit har du muligheten til å tilpasse fargen på hvert enkelt element på nettstedet ditt, og gir deg full manuell kontroll over dets estetikk.

Alternativer for nettstedsfarge

  1. Side tittel: Velg tekstfargen for nettstedets tittel.
  2. Bakgrunn: Angi grunnfargen for nettstedet ditt.
  3. Overskrift: Angi grunnfargen for nettstedets overskrift.
  4. Overskriftskant: Angi fargen på kantlinje for nettstedets overskrift.
  5. bunntekst: Angi grunnfargen for bunnteksten til nettstedet ditt.
  6. Bunntekstkant: Angi fargen på kantlinje for nettstedets bunntekst.
  7. Bunntekst: Angi tekstfargen på bunnteksten til nettstedet ditt.
  8. overlegg: Angi grunnfargen for full bildevisning.
  9. Overleggstekst: Angi fargen på navigasjonspiler, ikoner og andre elementer i hele bildevisningen.
  10. Kort: Angi kortfargen for de dynamiske listeelementene (som tekst-/bildelistene) som finnes på nettstedet ditt. Kortfargen brukes som omriss og bakgrunn for listeelementene.
  11. Kortkant: Angi fargen for kortkanten. Du kan velge standard eller egendefinert farge for individuelle seksjoner.


  1. Menytekst: Angi tekstfargen for navigasjonsmenyelementer.
  2. Menytekstovervåking: Velg tekstfargen for menyelementer mens du holder markøren over dem.
  3. Menytekst aktiv: Velg den aktive menytekstfargen.
  4. Rullegardinmenytekst: Spesifiser tekstfargen på rullegardinmenyen.
  5. Rullegardinmeny Tekstpeker: Velg farge for rullegardinmenyen.
  6. Rullegardinmeny Tekstbase: Velg grunnfargen for rullegardinmenyen.


Tekstfargealternativer

  1. Overskrift (H1): Velg skriftfarge for overskriften (H1).
  2. Overskrift (H2): Velg skriftfarge for overskriften (H2).
  3. Overskrift (H3): Velg skriftfarge for overskriften (H3).
  4. Overskrift (H4): Velg skriftfarge for overskriften (H4).
  5. Avsnittstekst: Velg skriftfarge for all avsnittstekst (P Normal, P Liten og P Stor).


  1. Knapper: Velg bakgrunnsfargen på knappene herfra.
  2. Knappetekst: Velg fargen på knappens tekst.
  3. Linktekst: Angi lenketekstfargen for alle lenkene på nettstedet.
  4. Koblingstekstpeker: Angi lenketekstfargen for koblingene på nettstedet.


Tilbakestill egendefinerte innstillinger

Du kan enkelt tilbakestille til standard palettinnstillinger hvis du har gjort endringer i aksentfarger ved å redigere en palett eller tilpasse fargeinnstillingene fra Avansert redigering.

Du vil se en Modifisert-knapp. Hold markøren over knappen, den endres til Tilbakestill. Du kan tilbakestille endringene til original herfra.


Finner du ikke det du leter etter?

Ta kontakt med en Pixpa-ekspert.