Administreres af:

Estetik Tilbage til oversigtstabel
Tilbage


Af: novicen.dk


Form og farve

Knapper kan tage sig helt forskellige ud afhængig af, om de skal bruges på Forsvarets hjemmeside, Folkekirkens hjemmeside eller Dandys hjemmeside. Tænk i form og farvevalg - kan et logo, en farve på et logo f.eks. anvendes som en del af knappen.

Du kan skrive en tekst på knappen. Knappen kan evt. også forstås v.hj.a. et tegn: Hjælp-knappen kunne nok godt forståes, hvis der stod ? i stedet for Hjælp.

Når du laver knappen, så tænk på alle de muligheder du har for at formgive den:

- Lys og skyggevirkninger
- Farvevalg (en ren farveflade eller to farver der laver et farveforløb)
- Ilægning af forskellige mønstre og fotos i knappen
- Anvendelse af forskellige teksttyper (herunder skyggevirkning og 3D virkning)
- Knappens form og størrelse
- Brug af symboler

Symboler kender vi bl.a. fra CD-afspillere m.v.. De må efterhånden siges at være så alment kendte at de godt kan anvendes - og forstås - som tegn på en knap på et web-sted.

I Windows finder du bl.a. symboler i fontene Zapf Dingbats, Windings og Webdings.

Til top

Enkle regler til eftertanke

- Knappen skal have blikfang
- Knappen skal kunne forstås umiddelbart
- Knappen bør ikke virke prangende i forhold til resten

Hvis du vil lave "spræl" på en hjemmeside, så lad være med at lade det hele sprælle. Skab en rolig opbygning og lav spræl ét sted - det giver et bedre blikfang.

Når du designer knapper så afstem farvevalget med det, der er på resten af siden.

Når du laver tekst på en knap med billedbaggrund, så anvend en farve, der i forvejen er i billedet - eller en farve, der skaber kontrast til billedet.

Når du laver tekst på en knap, anvend så en enkel typografi - tænk hele tiden på, at knappen skal være brugervenlig - dvs. nem at læse og nem at finde.

Brug gerne det samme format til alle knapper i stedet for en masse forskellige.

Tænk i lige linier - web-stedet bliver langt mere læsbart, hvis teksten ikke står i bokse og flagre rundt omkring.

Når du placerer billeder og knapper - placér f.eks. et billede så det flugter med øvre eller nedre kant på en tekstblok i stedet for at sætte billedet tilfældigt og forskudt.

Til top


© Copyright 1999- , novicen.dk - All Rights Reserved
Drift og vedligehold: KS Centret ApS, Vejle
Redaktionel E-mail: kaj.linaa@ksc.dk
Grafisk design: Per Rahbek