Hvordan velge design på nettsiden?

Hvordan velge design på nettsiden?

Her er forslag på hvordan løse design av forsider på responsive nettsider.

Her er forslag på hvordan løse design av forsider på responsive nettsider.

Dette er en forklaring på figurene i skissene under.

Tips: trykk på bildene for å se større variant. 

#1

Disse designene består av et stort bilde-/filmområde, som fyller hele siden
+ at menyen/logoen ligger oppå bildet.

Variant 1a

Med minimalistisk «hamburger»-meny

Variant 1B

Logo venstre, meny høyre.

Variant 1C

Midtstilt med meny på begge sider

Variant 1D

Midtstilt med meny under logo

Variant MOBIL 1A

Fyller hele skjermen

Variant MOBIL 1B

Fyller store deler av skjermen, men viser også kanskje toppen av innholdet og får deg til å scrolle

#2

Disse designene består av et bilde-/filmområde, som fyller halve siden.

Variant 2a

Med minimalistisk «hamburger»-meny

Variant 2B

Logo venstre, meny høyre.

Variant 2C

Midtstilt med meny på begge sider

Variant 2D

Midtstilt med meny under logo

Variant MOBIL 2A

Bildet får stå for seg selv, tekstfelt under

Variant MOBIL 1B

Bilde med mulighet for tekst oppå

#3

Disse designene består av et bilde-/filmområde, som er en miks av #1 og #2.
+ at menyen/logoen ligger oppå bildet.

Variant 3a

Med minimalistisk «hamburger»-meny

Variant 3B

Logo venstre, meny høyre.

Variant 3C

Midtstilt med meny på begge sider

Variant 3D

Midtstilt med meny under logo

Variant MOBIL 1B

Større bilde/film område, med tekstfelt under

Variant MOBIL 2A

Større bilde/film område, med tekstfelt under

#4

Design med stort bilde med luft på alle sider. 

Variant 4a

Med minimalistisk «hamburger»-meny

Variant 4B

Midtstilt med meny på begge sider

Variant 4C

Logo venstre, meny høyre.

Variant 4D

Logo venstre, meny høyre.

Variant MOBIL 4A

Bilde med luft rundt

Variant MOBIL 4B

Bilde med luft rundt, med tekstfelt over

#5

Design med oppdeling 50% tekstfelst og 50% bildefelt

Variant 5a

Med minimalistisk «hamburger»-meny

Variant 5B

Med minimalistisk «hamburger»-meny

Variant MOBIL 5A

Tekst øverst og bilde under, bakgrunnsfarge

Variant MOBIL 5B

Bilde øverst og tekst under, bakgrunnsfarge

Variant 5C

Med minimalistisk «hamburger»-meny

Variant 5D

Med minimalistisk «hamburger»-meny

Variant MOBIL 5C

Tekst øverst og bilde under, bakgrunnsfarge

Variant MOBIL 5D

Bilde øverst og tekst under, bakgrunnsfarge

#6

Design med smalere bilde enn på #4, med mer luft på alle sider. 

Variant 6a

Med minimalistisk «hamburger»-meny

Variant 6B

Midtstilt med meny på begge sider

Variant 6C

Logo venstre, meny høyre.

Variant 6D

Logo venstre, meny høyre.

Variant MOBIL 6A

Bilde med luft rundt

Variant MOBIL 6B

Bilde med luft rundt, med tekstfelt over