Dansk English

SmartWeb Help | Design Manager New

2.1.1 Farver

Under punktet "Farver" har du mulighed for at ændre farver de væsentligste steder.

Farver er inddelt i grupper - så du eksempelvis kan ændre farver for:
 

  • Designet generelt (Baggrundsfarve for top, baggrundsfarve for indhold mv.).
  • Tekst farver (Generel tekstfarve, overskrifter og links)
  • Knapfarver (Primære og sekundære knapper)
  • Diverse farver (Infobokse og stjerner ved anmeldelser)

 


Alle farver er beskrevet nederst på denne side.


Ændre en farve
Du kan ændre en farve ved enten at klikke på "firkanten" eller ved at indtaste en farvekode direkte i feltet ved siden af.




Hvis du klikker i firkanten, kommer der en farvevælger frem.




Klik på den farve, du ønsker i den smalle boks i højre siden, hvor der er forskellige farver at vælge i mellem.

Herefter kan du i den store boks til venstre klikke på netop den nuance, du ønsker.

Her kan du også altid vælge hvid (øverste venstre hjørne) og sort (nederste venstre hjørne).

Når du har fundet den farve, du gerne vil have, klikker du uden for farvevælgeren, og du kan nu se, at firkanten (og farvekoden) er blevet opdateret med den farve, du lige har valgt.

Husk at gemme (hvis du er tilfreds med de valgte farver).

Der er ikke nogen facitliste til, hvordan du skal ændre i farverne. Så prøv dig frem og leg med forskellige farvekombinationer.

Ingen farve (transparent)
Du kan vælge at gøre et element gennemsigtigt ved at slette farvekoden. Det ser således ud:



Automatisk farveudregning
For elementer der har flere farver udregnes farver automatisk - med udgangspunkt i den farve du vælger.

Eksempelvis har en knap en baggrundsfarve, men også en farve, når man holder musen henover knappen. Sidstnævnte farve udregnes automatisk ud fra den den farve, du vælger til baggrundsfarven, så du sparer tid, når du opsætter dit design.


Farve gennemgang
Bemærk at en farve ændring kan påvirke andre elementer, som beskrevet ovenfor under "automatisk farveudregning".

Template farver

 

  • Baggrundsfarve for top - designets top baggrundsfarve, uden menuen.
  • Baggrundsfarve for navigation – designets navigation/menu baggrundsfarve.
  • Tekst farve for navigation - designets tekst farve i navigation/menuen.
  • Baggrundsfarve for siden – designets baggrundsfarve. Bemærk at et billede til baggrund eller indholdsfarve vil ligge sig oven på denne farve.
  • Baggrundsfarve for indhold – designets indholdsfarve. Vær opmærksom på at den skal passe med den generelle tekstfarve.
  • Baggrundsfarve for bund – designets baggrundsfarve for bunden. Vær opmærksom på at den skal passe med den generelle tekstfarve.
  • Baggrundsfarve for bokse – designets baggrundsfarve for bokse i højre / venstre side. Vær opmærksom på at den skal passe med den generelle tekstfarve.
  • Ramme farve – designets ramme farve for siden, bokse mv.
  • Baggrundsfarve for billeder – designets baggrundsfarve for billeder. Kan ændres så den passer med indholdets farve.

 
Tekst farver

  • Generel tekst farve - tekst farve for brødtekst i indhold, bokse, bund mv.
  • Overskrift tekst farve - tekst farve for overskrift og logo i tekst.
  • Link og highlight farve – link og mouseover farve.

 
Knap farver

  • Primær knap baggrundsfarve – primær knap er til køb knapper, indkøbskurv, gem, fortsæt mv. Denne knap har typisk en markant farve, som gør knappen synlig. Baggrundsfarven skal passe med primær tekst farve nedenfor.
  • Primær knap tekst farve – tekst farve til primær knap.
  • Sekundær knap baggrundsfarve – sekundær knap er til tilbage knapper, opdater og lignende. Denne knap er typisk grå eller mindre synlig end primær knap.
  • Sekundær knap tekst farve – tekst farve til sekundær knap.

 
Diverse farver

  • Infoboks farve, succes – besked bjælke for succes, f.eks. når en vare er lagt i indkøbskurven. Bruges også til andre ting, f.eks. info panel på varekortet.
  • Infoboks farve, neutral – besked bjælke for neutral besked. Bruges f.eks. på varekortet.
  • Infoboks farve, advarsel - besked bjælke for fejl, f.eks. når en kundes login oplysninger bliver afvist. Bruges også til andre ting, f.eks. info panel på varekortet.
  • Farve for stjerner ved anmeldelser – farve for stjerner i produktanmeldelser.