Quicksand – Lorem ipsum dolor sit amet, consectetur adipiscing eulit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodofugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Quicksan – Lorem ipsum dolor sit amet, consectetur adipiscing eulit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodofugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Brødtekst 18
Alm. tekst: 18 px
Meta-information 12-14 px
Tommelfingerregel for rubrik-størrelser (gang med 1.5)
18 x 1.5 = 27 px (overskrift 3)
27 x 1.5 = 40 px (overskrift 2)
40 x 1.5 = 60 px (overskrift 1)
Forskellene i skriftstørrelse handler ikke om, hvad der er pænt.
Forskellene gør det nemt for brugere at navigere i teksten – nemt at skimme, skanne og skippe for at finde det, der er interessant og relevant.
Alm. tekst:
Quicksand
Rubrikker:
Quicksand – 59 px
Regn med, at det stort set kun er blogindlæg, der bliver læst koncentreret.
Tekster, der bliver læst, må indeholde over 100 ord.
Men afsnit skal helst være på max. 4 linjer.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
FOR TEKSTTUNG Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodolabore voluptate velit esse cillum dolore eu fugiat nulla pariaturet dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui voluptate velit esse cillum dolore eu fugiat nulla pariaturofficia deserunt mollit anim id est laborum.
Tekst + Knapper til funktioner
Link
Baggrundsfarve sektioner (privat)
Baggrundsfarve sektioner
Baggrundsfarve sektioner (erhverv)
Baggrundsfarve sektioner
Baggrundsfarve sektioner
#8a9997
Brug 50% farve, når den bruges som baggrundsfarve i en boks på foto
Dominerende baggrundsfarve ERHVERV
#d9d2d7
Brug 80% farve, når den bruges som baggrundsfarve i en boks på foto
Dominerende baggrundsfarve PRIVAT
TEKSTLINJENS BREDDE ER PASSENDE Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu quis.
TEKSTLINJENS BREDDE ER PASSENDE Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu quis
TEKSTLINJENS BREDDE ER PASSENDE Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu quis
Brug den som baggrundsfarve til sektioner og til ikoner
Skriv max 40-50 ord i en boks, når der er 3-4 kolonner med information
Skriv max 40-50 ord i en boks, når der er 3-4 kolonner med information
Skriv max 40-50 ord i en boks, når der er 3-4 kolonner med information
Denne lyserøde farve – 80% – bruges oven på brede billeder på sider til privatpersoner.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Brug den som baggrundsfarve til sektioner og til ikoner
Skriv max 30-40 ord i en boks, når der er 4-5 kolonner med information
Skriv max 30-40 ord i en boks, når der er 4-5 kolonner med information
Skriv max 30-40 ord i en boks, når der er 4-5 kolonner med information
Skriv max 30-40 ord i en boks, når der er 4-5 kolonner med information
Denne grønne farve – 50% – bruges oven på brede billeder på erhvervssider.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Bokse på sider til privatpersoner
Denne lyserøde farve er dominerende på alle sider, der er målrettet privatpersoner. Den må dog også gerne bruges på andre sider, men skal så ikke være dominerende.
Bokse på sider til erhverv
Denne grønne farve er dominerende på alle sider, der er målrettet erhvervsliv. Den må dog også gerne bruges på andre sider, men skal så ikke være dominerende.
Knapper til link – eksempelvis LÆS MERE – bør afvige visuelt fra knapper, der har en funktion. Derfor foreslår jeg dette design til knapper, der blot er et fremhævet lin
Billeder til UDVALGT BILLEDE (toppen af blogindlæg) skal have 16:9 format – eksempelvis være 1080 x 607 px
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Redesign af sider prioriteret liste – de vigtigste sider, hvilke skal redesignes først
QR-kode sider – hvilken rækkefølge. Hvilken skal være prototype. Et ord i url
SEO – lav prioriteret liste – hvilke sider skal optimeres til hvilke ord/vendinger
Kategorier til blogindlæg – find de 5-7 emner (kategorier) I med jævne mellemrum vil blogge om
Blogindlæg – læg dem i én kategori og kun en. Brug tags som stikord.
Det ideelle er, hvis I kan levere alle billeder, så de er bredere end 2560 px – så kan WordPress automatisk gemme dem i passende størrelser.
De nuværende billeder i mange forskellige størrelser – mange har en forkert størrelse. Det vil være ideelt, hvis billeder har disse størrelser:
Baggrundsbilleder: 1920 x 1080 px
Fuldbredde billeder: 1280 x 720 px
Blogbilleder: 1080 x 607 px
Portrætfotos: 795 x 795 px
Billeder til blogindlæg – mange billeder i blogindlæg er ‘tekst på billede’. Der er brugt mange forskellige skrifttyper og det skaber derfor et rodet indtryk. Jeg vil anbefale, at I på bloggen bruger billeder UDEN tekst lagt på.
