Hjemmesidefarver – Brug af farvepaletter

At vælge de rigtige hjemmesidefarver er afgørende for at skabe et visuelt tiltalende og sammenhængende design, der effektivt formidler brandets budskab og forbedrer brugeroplevelsen.

 

I denne artikel:

  1. Nuværende farvepalet
  2. Forudindstillinger af farvepalet
  3. Avanceret redigering
  4. Nulstil brugerdefinerede indstillinger

Du kan administrere din hjemmesides farver fra Design(1) afsnit.

Når du er inde i Design-sektionen, skal du klikke på Farver (2) faneblad.


Nuværende farvepalet

  • Den valgte Farvepalet (1) vil blive vist her.
  • Du kan tilpasse (2) hver af mulighederne i en palet og vælg farverne efter dine præferencer.
  • Du vil se fem farvemuligheder - Baggrund (3), Neutral (4), Accent (5), Mørk Accent (6) og Tekst (7). Disse muligheder definerer en overordnet palet.

Bemærk: Når du foretager brugerdefinerede justeringer af indstillingerne for farvepalet eller avanceret redigering, vil du se knappen 'Ændret' (8).

Følgende er listen over elementer, der påvirker, mens du foretager ændringer af de individuelle paletindstillinger:


Forudindstillinger af farvepalet

Forudindstillinger af farvepalet (1) er foruddefinerede kombinationer af farver, der er nøje udvalgt for at give dig en hurtig og bekvem måde at give dit websted et specifikt udseende.

Du kan nemt foretage ændringer i farverne på dit websted ved at ændre forudindstillingerne. Det vil blive anvendt globalt på dit overordnede websted.

Du kan Filter (2) listen ved at vælge Alle, Lys, Mørk eller Fed forudindstillinger. Når du har valgt et filter, vil du kun se relaterede paletter.

At vælge en Farvepalet (3), du skal blot klikke på den og Udgiv (4) ændringerne.

Tip

Du kan tilsidesætte standardpaletindstillingerne ved at tilpasse Indstillinger for farvepalet eller fra Avanceret redigering


Avanceret redigering

Fra Advanced Edit har du mulighed for at tilpasse farven på hvert enkelt element på dit websted, hvilket giver dig fuld manuel kontrol over dets æstetik.

Valgmuligheder for webstedsfarve

  1. Webstedets titel: Vælg tekstfarven til dit websteds titel.
  2. Baggrund: Indstil grundfarven til dit websted.
  3. header: Indstil grundfarven for dit websteds header.
  4. Overskriftskant: Indstil farven på kant til dit websteds sidehoved.
  5. footer: Indstil grundfarven for din hjemmesides sidefod.
  6. Sidefodskant: Indstil farven på kant til din hjemmesides sidefod.
  7. Sidefodstekst: Indstil tekstfarven på din hjemmesides sidefod.
  8. Overlay: Indstil grundfarven for den fulde billedvisning.
  9. Overlejringstekst: Indstil farven på navigationspile, ikoner og andre elementer i den fulde billedvisning.
  10. Kort: Indstil kortfarven for de dynamiske listeelementer (såsom tekst-/billedlisterne), der findes på dit websted. Kortfarven anvendes som omrids og baggrund for listeelementerne.
  11. Kortkant: Indstil farven til kortkanten. Du kan vælge Standard eller Brugerdefineret farve for individuelle sektioner.


  1. Menutekst: Indstil tekstfarven for navigationsmenupunkter.
  2. Overvej over menutekst: Vælg tekstfarven for menupunkter, mens du holder markøren over dem.
  3. Menutekst aktiv: Vælg den aktive menutekstfarve.
  4. Rullemenutekst: Angiv tekstfarven på dine rullemenupunkter.
  5. Rullemenu Tekstsvæv: Vælg svævefarven for rullemenupunkterne.
  6. Tekstbase i rullemenuen: Vælg grundfarven for rullemenupunkterne.


Tekstfarveindstillinger

  1. Overskrift (H1): Vælg skriftfarve til overskriften (H1).
  2. Overskrift (H2): Vælg skriftfarve til overskriften (H2).
  3. Overskrift (H3): Vælg skriftfarve til overskriften (H3).
  4. Overskrift (H4): Vælg skriftfarve til overskriften (H4).
  5. Afsnitstekst: Vælg skriftfarven for al afsnitstekst (P Normal, P Lille og P Stor).


  1. Knapper: Vælg baggrundsfarven på knapperne herfra.
  2. Knapper Tekst: Vælg farven på knappens tekst.
  3. Linktekst: Indstil linktekstfarven for alle links på webstedet.
  4. Linktekst-hover: Indstil svævefarven for linkteksten for links på webstedet.


Nulstil brugerdefinerede indstillinger

Du kan nemt nulstille til standardpaletindstillinger, hvis du har foretaget ændringer i accentfarver ved at redigere en palet eller tilpasse farveindstillingerne fra Avanceret redigering.

Du vil se en ændret knap. Hold markøren over knappen, den skifter til Nulstil. Du kan nulstille ændringerne til original herfra.


Kan du ikke finde det, du leder efter?

Kom i kontakt med en Pixpa-ekspert.