Hvilken bredde skal der designes til. (900 – 1100 px)
Hvor mange spalter skal designet have (1-2 sidebars og en tekstkolonne)
Skal kolonnen til tekst kunne rumme videoer fra eksempelvis YouTube og/eller Vimeo. I givet fald i hvilken størrelse
Skal der bruges baggrundsfarve eller baggrundsbillede
http://webwoman.dk/hjemmeside/wordpress-themes-fra-webwoman/
Bredden på din bredeste tekstkolonne
Den skal være så bred, at du som minimum kan placere en YouTube-video
Det vil sige min. 560 pixel bred
Når bredden er fastlagt, er det på tide at fastlægge størrelse på skriften
Her skal du som udgangspunkt huske på:
- Brug max. 70-80 enheder pr. linje for læsbarhedens skyld
Det vil sige, at jo bredere spalten til tekst er, desto større skal skriften være.
Har du mere end 80 enheder pr. tekstlinje, er det svært at læse teksten på skærm – på en smartphone og en iPad vil 45 enheder være optimalt.
Her har en en berømt “dummytekst”, der ofte bruges til erstatning for rigtig tekst. Kig godt på længen:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
Her er tekstens bredde passende
Herunder ser du 39 enheder tekst
Lorem ipsum dolor sit amet, consectetur
Lorem ipsum dolor sit amet, consectetur
Herunder er der 51 enheder tekst
Lorem ipsum dolor sit amet, consectetur adipisicing
Lorem ipsum dolor sit amet, consectetur adipisicing
Herunder er der 79 enheder pr. linje
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
Skrifttyper – fonte
Hvilke skrifttyper (fonte) skal der bruges?
Det er bedst kun at bruge 2-3 forskellige fonte
Sædvanligvis anbefaler man serif til overskrifter og sans-serif til såkaldt brødtekst
Seriffer er de små fødder – streger – der giver en skrift karakter.
Eksempel på serif: Times New Roman, Georgia, Cambria, Book Abtiqua, Garamond, Palatino Linotype
Sans er fransk for “uden” og Sans serif betyder “uden fødder”
Eksempel på sans serif: Arial, Arial Black, Impact, Verdana, Calibri, Candara, Trebuchet MS, Helvetica
fonts.com er den bedste side, hvis du vil være klogere på at bruge fonte
Hvilke skriftstørrelser skal vi bruge
Der er seks forskellige overskrifter at vælge mellem i dit website
- Overskrift 1 er den største og bør kun bruges en gang på hver webside.
- Overskrift2 kan med fordel bruges til en indledning på hver webside. En såkaldt manchet
- Overskrift3 kan bruges til små overskrifter i tekster – såkaldte mellemrubrikker
- Overskrift4 indstiller jeg ofte til at blive brugt i widgets
- Overskrift5
- Overskrift6
De sidste to – altså overskrift 5 og 6 – får du måske ikke brug for.
Men overvej, i hvilke sammenhænge de skal bruge hvordan de med fordel kan se ud.
Hvilken font, farve, størrelse, stil etc. skal de forskellige typer skrift have.
Hvilke farver til link, besøgt link, hovered link
Det er almindeligt at glemme, at link bør have en så tydeligt afvigende farve, at besøgende ikke er i tvivl om, at teksten er et link.
Der bør i de fleste tilfælde være tre forskellige linkfarver – til link, besøgt link og hovered link
Vil du anvise mig farver, skal du give mig en farvekode.
Colorscheme.com er er rigtig godt til dig, der gerne vil lege med farvemuligheder
Baggrund
Hvilken farve vil du have som baggrund
Skal der eventuelt kun være en farve som baggrund – eller et mønster?
Vil du have farvet baggrund, er det i mange tilfælde bedst at hente farven fra et gennemgående billede.
Man kan også bruge et billede som baggrund, men ikke et hvilket som helst billede.
Et almindeligt billede vil som regel fylde alt for meget – det vil sige være for langsomt at hente – hvis det skal bruges som baggrund.
Det er almindeligt, at et baggrundsbillede dannes af små mosaikker, der passer så godt sammen, at man ikke rigtig kan se, at baggrunden er sammensat at flere gentagelser af det samme billeder.
Hvilke størrelser skal billeder have
Billedernes størrelse afhænger af, hvor bred tekstkolonnen bliver.
Laver vi den 560 px bred, så den passer til en YouTube video, skal billederne have samme max. størrelse
