SlideShare a Scribd company logo
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

Viewers also liked

Presentasjon webdesign
Presentasjon webdesign Presentasjon webdesign
Presentasjon webdesign
johansenalzira
 
I EXCEL. I LEAD Leadership
I EXCEL. I LEAD Leadership I EXCEL. I LEAD Leadership
I EXCEL. I LEAD Leadership
Excellence at Workplace
 
Deming Collab Article
Deming Collab ArticleDeming Collab Article
Deming Collab Article
Travis Higgins
 
безопасность интернета
безопасность интернетабезопасность интернета
безопасность интернета
babakova18071986
 
Presentasjon webdesign
Presentasjon webdesignPresentasjon webdesign
Presentasjon webdesign
johansenalzira
 
OBV - A glimpse of Israeli technological innovation and investment opportuni...
OBV - A glimpse of Israeli technological  innovation and investment opportuni...OBV - A glimpse of Israeli technological  innovation and investment opportuni...
OBV - A glimpse of Israeli technological innovation and investment opportuni...
Gil Makov
 
CVnew+CoverLetter-Electronics-AV-Sound&Light-Marine
CVnew+CoverLetter-Electronics-AV-Sound&Light-MarineCVnew+CoverLetter-Electronics-AV-Sound&Light-Marine
CVnew+CoverLetter-Electronics-AV-Sound&Light-Marine
KOSHY THOMAS
 
RKVLatestResume2015
RKVLatestResume2015RKVLatestResume2015
RKVLatestResume2015
Keith Vescovo
 
Short Profile - AVR Bangladesh - Civil & FM Electronic Presentation(1)
Short Profile - AVR Bangladesh - Civil & FM Electronic Presentation(1)Short Profile - AVR Bangladesh - Civil & FM Electronic Presentation(1)
Short Profile - AVR Bangladesh - Civil & FM Electronic Presentation(1)
Samira Habib
 
Quality circle
Quality circleQuality circle
Quality circle
PSB Training Academy
 

Viewers also liked (11)

Presentasjon webdesign
Presentasjon webdesign Presentasjon webdesign
Presentasjon webdesign
 
I EXCEL. I LEAD Leadership
I EXCEL. I LEAD Leadership I EXCEL. I LEAD Leadership
I EXCEL. I LEAD Leadership
 
Deming Collab Article
Deming Collab ArticleDeming Collab Article
Deming Collab Article
 
безопасность интернета
безопасность интернетабезопасность интернета
безопасность интернета
 
Presentasjon webdesign
Presentasjon webdesignPresentasjon webdesign
Presentasjon webdesign
 
Presentasjon1 html
Presentasjon1 html Presentasjon1 html
Presentasjon1 html
 
OBV - A glimpse of Israeli technological innovation and investment opportuni...
OBV - A glimpse of Israeli technological  innovation and investment opportuni...OBV - A glimpse of Israeli technological  innovation and investment opportuni...
OBV - A glimpse of Israeli technological innovation and investment opportuni...
 
CVnew+CoverLetter-Electronics-AV-Sound&Light-Marine
CVnew+CoverLetter-Electronics-AV-Sound&Light-MarineCVnew+CoverLetter-Electronics-AV-Sound&Light-Marine
CVnew+CoverLetter-Electronics-AV-Sound&Light-Marine
 
RKVLatestResume2015
RKVLatestResume2015RKVLatestResume2015
RKVLatestResume2015
 
Short Profile - AVR Bangladesh - Civil & FM Electronic Presentation(1)
Short Profile - AVR Bangladesh - Civil & FM Electronic Presentation(1)Short Profile - AVR Bangladesh - Civil & FM Electronic Presentation(1)
Short Profile - AVR Bangladesh - Civil & FM Electronic Presentation(1)
 
Quality circle
Quality circleQuality circle
Quality circle
 

Similar to Presentasjon webdesign

Webdesign intro
Webdesign introWebdesign intro
Webdesign intro
akh78
 
Designe et nettsted
Designe et nettstedDesigne et nettsted
Designe et nettsted
carinasund
 
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
carinasund
 
Design et nettsted
Design et nettstedDesign et nettsted
Design et nettstedarlenaslide
 
Webdesign
WebdesignWebdesign
Webdesign
vanjakoen
 
Webdesignpowerpoint
WebdesignpowerpointWebdesignpowerpoint
WebdesignpowerpointCamillanomis
 
Webdesign prosessen komprimert
Webdesign prosessen komprimertWebdesign prosessen komprimert
Webdesign prosessen komprimert
akh78
 
Framside
FramsideFramside
Framside
mariggg
 
Designe et nettsted
Designe et nettstedDesigne et nettsted
Designe et nettsted
heidicliick
 
Designe et nettsted weboppg
Designe et nettsted   weboppgDesigne et nettsted   weboppg
Designe et nettsted weboppgheidicliick
 
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
 
Nettsiderthjer6d
Nettsiderthjer6dNettsiderthjer6d
Nettsiderthjer6d
mentormatic
 
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
 
Nettside presentasjon
Nettside presentasjonNettside presentasjon
Nettside presentasjon
Magnusflatti
 
Webdesign
WebdesignWebdesign
Webdesign
sofiemk
 

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
Designe et nettstedDesigne et nettsted
Designe et nettsted
 
Designe et nettsted weboppg
Designe et nettsted   weboppgDesigne et nettsted   weboppg
Designe et nettsted weboppg
 
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
 
Nettsiderthjer6d
Nettsiderthjer6dNettsiderthjer6d
Nettsiderthjer6d
 
Hvordan skal et nettsted se ut?
Hvordan skal et nettsted se ut?Hvordan skal et nettsted se ut?
Hvordan skal et nettsted se ut?
 
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