SlideShare a Scribd company logo
1 of 11
Webdesign
Et nettsted bør ha:
 Gjennomført og gjennomtenkt design
 Attraktivt for brukerne å «undersøke» nettstedet
 Samme stil
Utvikling av webdesign
 Visuelt - Siden må se pen og ryddig ut
 Kommunikasjon – det er viktig at nettstedet kommuniserer godt med
brukeren
 Teknologiske muligheter og begrensninger
Stil
 Mønster eller Mal for websidene på et nettsted
 Bestå av:
-bestemte fargevalg
-skrifttyper
-skriftstørrelser
-plassering av navigasjonsverktøy
Farger
 Hvilken farge man velger er avgjørende for hvilket inntrykk de besøkende
får
 Farger appellerer i stor grad til følelser
Leselighet
 «Leseligheten» angir det visuelle inntrykket vi får av teksten, - altså hvor godt
man ser/oppfatter teksten:
 - for liten kontrast mellom fargen på bakgrunnen og fargen på gir dårlig
leselighet
 Her er det altfor liten kontrast mellom bakgrunn og skrift. Resultater er dårlig
leselighet.
Lesbarhet
 «Lesbarhet» angir hvor lett det er å oppfatte innholdet/meningen med
teksten:
 -Lesbarheten er altså lav hvis teksten er skrevet med innviklet språk – leseren
forstår ikke!
Strukturering av websider
 Gjennomtenkt struktur på navigeringen mellom de ulike sidene
 Strukturen skal sørge for at brukeren på en oversiktlig måte finner fram til
den informasjonen han/hun søker.
Fonter
 Bruk få, gode og leselige fonter!
 Mange å velge mellom, morsomme å leke med, men ikke like funksjonelle!
 Bruk helst en, maks to fonter i en og samme jobb.
 Dersom det er to: Kontrast!
Fonter forts
 Dersom spesielle eller sjeldne skrifttyper (eks: fantasi skrift): lagre og legg inn
som bilde
 Unngå:
Problemer med at besøkende som ikke har akkurat den spesielle skrifttypen
går glipp av hele teksteffekten.
Fonter for web: Grotesk
 De fungerer meget godt på skjerm
 Vanligste font:
-Verdana
-Tahoma
-Helvetica
-Georgia

More Related Content

Similar to Presentasjon webdesign

Webdesign intro
Webdesign introWebdesign intro
Webdesign introakh78
 
Designe et nettsted
Designe et nettstedDesigne et nettsted
Designe et nettstedcarinasund
 
Viktig når du lager en nettside
Viktig når du lager en nettsideViktig når du lager en nettside
Viktig når du lager en nettsidecarinasund
 
Design et nettsted
Design et nettstedDesign et nettsted
Design et nettstedarlenaslide
 
Webdesignpowerpoint
WebdesignpowerpointWebdesignpowerpoint
WebdesignpowerpointCamillanomis
 
Webdesign prosessen komprimert
Webdesign prosessen komprimertWebdesign prosessen komprimert
Webdesign prosessen komprimertakh78
 
Framside
FramsideFramside
Framsidemariggg
 
Designe et nettsted weboppg
Designe et nettsted   weboppgDesigne et nettsted   weboppg
Designe et nettsted weboppgheidicliick
 
Designe et nettsted
Designe et nettstedDesigne et nettsted
Designe et nettstedheidicliick
 
Viktige ting når du skal designe et nettsted
Viktige ting når du skal designe et nettstedViktige ting når du skal designe et nettsted
Viktige ting når du skal designe et nettstedpetterblandhol
 
Hvordan skal et nettsted se ut?
Hvordan skal et nettsted se ut?Hvordan skal et nettsted se ut?
Hvordan skal et nettsted se ut?mentormatic
 
Nettsiderthjer6d
Nettsiderthjer6dNettsiderthjer6d
Nettsiderthjer6dmentormatic
 
Nettside presentasjon
Nettside presentasjonNettside presentasjon
Nettside presentasjonMagnusflatti
 
Webdesign
WebdesignWebdesign
Webdesignsofiemk
 

Similar to Presentasjon webdesign (20)

Webdesign
WebdesignWebdesign
Webdesign
 
Webdesign intro
Webdesign introWebdesign intro
Webdesign intro
 
Webdesign
WebdesignWebdesign
Webdesign
 
Designe et nettsted
Designe et nettstedDesigne et nettsted
Designe et nettsted
 
Viktig når du lager en nettside
Viktig når du lager en nettsideViktig når du lager en nettside
Viktig når du lager en nettside
 
Design et nettsted
Design et nettstedDesign et nettsted
Design et nettsted
 
Webdesign
WebdesignWebdesign
Webdesign
 
Webdesignpowerpoint
WebdesignpowerpointWebdesignpowerpoint
Webdesignpowerpoint
 
Webdesign prosessen komprimert
Webdesign prosessen komprimertWebdesign prosessen komprimert
Webdesign prosessen komprimert
 
Framside
FramsideFramside
Framside
 
Designe et nettsted weboppg
Designe et nettsted   weboppgDesigne et nettsted   weboppg
Designe et nettsted weboppg
 
Designe et nettsted
Designe et nettstedDesigne et nettsted
Designe et nettsted
 
Viktige ting når du skal designe et nettsted
Viktige ting når du skal designe et nettstedViktige ting når du skal designe et nettsted
Viktige ting når du skal designe et nettsted
 
Hvordan skal et nettsted se ut?
Hvordan skal et nettsted se ut?Hvordan skal et nettsted se ut?
Hvordan skal et nettsted se ut?
 
Nettsiderthjer6d
Nettsiderthjer6dNettsiderthjer6d
Nettsiderthjer6d
 
Nettside presentasjon
Nettside presentasjonNettside presentasjon
Nettside presentasjon
 
Nettside
NettsideNettside
Nettside
 
Designe et nettsted
Designe et nettstedDesigne et nettsted
Designe et nettsted
 
Kraftpoeng
KraftpoengKraftpoeng
Kraftpoeng
 
Webdesign
WebdesignWebdesign
Webdesign
 

Presentasjon webdesign

  • 2. Et nettsted bør ha:  Gjennomført og gjennomtenkt design  Attraktivt for brukerne å «undersøke» nettstedet  Samme stil
  • 3. Utvikling av webdesign  Visuelt - Siden må se pen og ryddig ut  Kommunikasjon – det er viktig at nettstedet kommuniserer godt med brukeren  Teknologiske muligheter og begrensninger
  • 4. Stil  Mønster eller Mal for websidene på et nettsted  Bestå av: -bestemte fargevalg -skrifttyper -skriftstørrelser -plassering av navigasjonsverktøy
  • 5. Farger  Hvilken farge man velger er avgjørende for hvilket inntrykk de besøkende får  Farger appellerer i stor grad til følelser
  • 6. Leselighet  «Leseligheten» angir det visuelle inntrykket vi får av teksten, - altså hvor godt man ser/oppfatter teksten:  - for liten kontrast mellom fargen på bakgrunnen og fargen på gir dårlig leselighet  Her er det altfor liten kontrast mellom bakgrunn og skrift. Resultater er dårlig leselighet.
  • 7. Lesbarhet  «Lesbarhet» angir hvor lett det er å oppfatte innholdet/meningen med teksten:  -Lesbarheten er altså lav hvis teksten er skrevet med innviklet språk – leseren forstår ikke!
  • 8. Strukturering av websider  Gjennomtenkt struktur på navigeringen mellom de ulike sidene  Strukturen skal sørge for at brukeren på en oversiktlig måte finner fram til den informasjonen han/hun søker.
  • 9. Fonter  Bruk få, gode og leselige fonter!  Mange å velge mellom, morsomme å leke med, men ikke like funksjonelle!  Bruk helst en, maks to fonter i en og samme jobb.  Dersom det er to: Kontrast!
  • 10. Fonter forts  Dersom spesielle eller sjeldne skrifttyper (eks: fantasi skrift): lagre og legg inn som bilde  Unngå: Problemer med at besøkende som ikke har akkurat den spesielle skrifttypen går glipp av hele teksteffekten.
  • 11. Fonter for web: Grotesk  De fungerer meget godt på skjerm  Vanligste font: -Verdana -Tahoma -Helvetica -Georgia