SlideShare a Scribd company logo
1 of 10
Å designe et nettsted
Av Victoria Skårdal 1MKA
Et nettsted bør ha:
 Et gjennomtenkt og gjennomført
design
 Attraktivt for brukerne å bruke
nettstedet
 Samme stil
Oppstartsfasen
 Hva skal vi si?
 Hva skal vi oppnå?
 Hvem skal vi si det til?
 Hvor skal vi si det?
 Når skal vi si det?
Utvikling
 Visuelt – Siden skal se pen og
ryddig ut
 Kommunikasjon – Det er viktig at
nettstedet kommuniserer riktig
med brukeren
 Teknologi – Det skal være
teknologiske muligheter og
begrensinger
Stil
 Mønster eller mal for websidene
på et nettsted
 Bestå av:
 Bestemte fargevalg
 Skrifttyper
 Skriftstørrelser
 Plassering av navigasjonsverktøy
 Osv…
Farger
 Hvilke farger som skal brukes på
et nettsted:
 Avgjørende for hvilket inntrykk de
besøkende får
 Farge appellerer i stor grad til
følelser
Leselighet
 Leseligheten angir det visuelle
inntrykket vi får av teksten – altså
hvor godt ser/oppfatter jeg
teksten:
 For liten kontrast mellom fargen
på fonten og fargen på
bakgrunnen gir dårlig leselighet
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 informasjonen
han/hun ønsker
Strukturmodeller
 Det er vanlig å skille mellom 4
ulike strukturmodeller:
 Hierarkisk struktur
 Lineær struktur
 Kombinasjon av hierarkisk struktur
og lineær struktur
 Spindelvev struktur
Visuell kommunikasjon
 Teori + praktisk trening = dyktig webdesigner

More Related Content

Viewers also liked

Student Assistant Certificates
Student Assistant CertificatesStudent Assistant Certificates
Student Assistant CertificatesLoyiso Nqakala
 
Henrik Schødts New North Zealand Hospital, Denmark Innovation in Infrastructu...
Henrik Schødts New North Zealand Hospital, Denmark Innovation in Infrastructu...Henrik Schødts New North Zealand Hospital, Denmark Innovation in Infrastructu...
Henrik Schødts New North Zealand Hospital, Denmark Innovation in Infrastructu...Architects for Health
 
Data Center Lessons Learned
Data Center Lessons LearnedData Center Lessons Learned
Data Center Lessons LearnedTom Greenbaum
 
Risk assessment for food safety
Risk assessment for food safetyRisk assessment for food safety
Risk assessment for food safetyILRI
 
ENV GLOBAL FORUM OCT 2016 - Session 3 - Timur Gül
ENV GLOBAL FORUM OCT 2016 - Session 3 - Timur GülENV GLOBAL FORUM OCT 2016 - Session 3 - Timur Gül
ENV GLOBAL FORUM OCT 2016 - Session 3 - Timur GülOECD Environment
 
Parallel Session B - Presentation by Asaf Tzachor
Parallel Session B - Presentation by Asaf TzachorParallel Session B - Presentation by Asaf Tzachor
Parallel Session B - Presentation by Asaf TzachorOECD Environment
 
2016 ENV Ministerial - Hermen Borst - Netherlands - Water Breakout session
2016 ENV Ministerial - Hermen Borst - Netherlands - Water Breakout session2016 ENV Ministerial - Hermen Borst - Netherlands - Water Breakout session
2016 ENV Ministerial - Hermen Borst - Netherlands - Water Breakout sessionOECD Environment
 
Jesus alegria dos homens - Wellington
Jesus alegria dos homens - WellingtonJesus alegria dos homens - Wellington
Jesus alegria dos homens - WellingtonPartitura de Banda
 
Accounting for NDCs under the Paris Agreement, Qi Yue CCXG GF September 2016
Accounting for NDCs under the Paris Agreement, Qi Yue CCXG GF September 2016Accounting for NDCs under the Paris Agreement, Qi Yue CCXG GF September 2016
Accounting for NDCs under the Paris Agreement, Qi Yue CCXG GF September 2016OECD Environment
 

Viewers also liked (15)

Student Assistant Certificates
Student Assistant CertificatesStudent Assistant Certificates
Student Assistant Certificates
 
Henrik Schødts New North Zealand Hospital, Denmark Innovation in Infrastructu...
Henrik Schødts New North Zealand Hospital, Denmark Innovation in Infrastructu...Henrik Schødts New North Zealand Hospital, Denmark Innovation in Infrastructu...
Henrik Schødts New North Zealand Hospital, Denmark Innovation in Infrastructu...
 
Data Center Lessons Learned
Data Center Lessons LearnedData Center Lessons Learned
Data Center Lessons Learned
 
Здоровье Вашей печени
Здоровье Вашей печениЗдоровье Вашей печени
Здоровье Вашей печени
 
Головные боли
Головные болиГоловные боли
Головные боли
 
Женщина и бизнес
Женщина и бизнесЖенщина и бизнес
Женщина и бизнес
 
Risk assessment for food safety
Risk assessment for food safetyRisk assessment for food safety
Risk assessment for food safety
 
Хлорофилл жидкий
Хлорофилл жидкийХлорофилл жидкий
Хлорофилл жидкий
 
ENV GLOBAL FORUM OCT 2016 - Session 3 - Timur Gül
ENV GLOBAL FORUM OCT 2016 - Session 3 - Timur GülENV GLOBAL FORUM OCT 2016 - Session 3 - Timur Gül
ENV GLOBAL FORUM OCT 2016 - Session 3 - Timur Gül
 
Narración y Biblioteca
Narración y BibliotecaNarración y Biblioteca
Narración y Biblioteca
 
Parallel Session B - Presentation by Asaf Tzachor
Parallel Session B - Presentation by Asaf TzachorParallel Session B - Presentation by Asaf Tzachor
Parallel Session B - Presentation by Asaf Tzachor
 
2016 ENV Ministerial - Hermen Borst - Netherlands - Water Breakout session
2016 ENV Ministerial - Hermen Borst - Netherlands - Water Breakout session2016 ENV Ministerial - Hermen Borst - Netherlands - Water Breakout session
2016 ENV Ministerial - Hermen Borst - Netherlands - Water Breakout session
 
Jesus alegria dos homens - Wellington
Jesus alegria dos homens - WellingtonJesus alegria dos homens - Wellington
Jesus alegria dos homens - Wellington
 
Accounting for NDCs under the Paris Agreement, Qi Yue CCXG GF September 2016
Accounting for NDCs under the Paris Agreement, Qi Yue CCXG GF September 2016Accounting for NDCs under the Paris Agreement, Qi Yue CCXG GF September 2016
Accounting for NDCs under the Paris Agreement, Qi Yue CCXG GF September 2016
 
Harsh Malviya
Harsh MalviyaHarsh Malviya
Harsh Malviya
 

Similar to Webdesign

Presentasjon webdesign
Presentasjon webdesignPresentasjon webdesign
Presentasjon webdesignjohansenalzira
 
Presentasjon webdesign
Presentasjon webdesignPresentasjon webdesign
Presentasjon webdesignjohansenalzira
 
Design et nettsted
Design et nettstedDesign et nettsted
Design et nettstedarlenaslide
 
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
 
Designe et nettsted
Designe et nettstedDesigne et nettsted
Designe et nettstedcarinasund
 
Designe et nettsted
Designe et nettstedDesigne et nettsted
Designe et nettstedheidicliick
 
Designe et nettsted weboppg
Designe et nettsted   weboppgDesigne et nettsted   weboppg
Designe et nettsted weboppgheidicliick
 
Nettside presentasjon
Nettside presentasjonNettside presentasjon
Nettside presentasjonMagnusflatti
 
Webdesign
Webdesign Webdesign
Webdesign dabr5
 
Webdesign prosessen komprimert
Webdesign prosessen komprimertWebdesign prosessen komprimert
Webdesign prosessen komprimertakh78
 
Viktige ting for å designe et nettsted
Viktige ting for å designe et nettstedViktige ting for å designe et nettsted
Viktige ting for å designe et nettstedlivingfreak
 
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
 
Webdesign pp
Webdesign ppWebdesign pp
Webdesign pp111mats
 
Gode brukeropplevelser for web redaktør og sluttbruker
Gode brukeropplevelser for web redaktør og sluttbrukerGode brukeropplevelser for web redaktør og sluttbruker
Gode brukeropplevelser for web redaktør og sluttbrukerNina Taraldsen
 
Webdesignpowerpoint
WebdesignpowerpointWebdesignpowerpoint
WebdesignpowerpointCamillanomis
 

Similar to Webdesign (20)

Presentasjon webdesign
Presentasjon webdesignPresentasjon webdesign
Presentasjon webdesign
 
Presentasjon webdesign
Presentasjon webdesignPresentasjon webdesign
Presentasjon webdesign
 
Design et nettsted
Design et nettstedDesign et nettsted
Design 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
 
Webdesign
WebdesignWebdesign
Webdesign
 
Designe et nettsted
Designe et nettstedDesigne et nettsted
Designe et nettsted
 
Kraftpoeng
KraftpoengKraftpoeng
Kraftpoeng
 
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
 
Designe et nettsted
Designe et nettstedDesigne et nettsted
Designe et nettsted
 
Nettside presentasjon
Nettside presentasjonNettside presentasjon
Nettside presentasjon
 
Nettside
NettsideNettside
Nettside
 
Webdesign
Webdesign Webdesign
Webdesign
 
Webdesign prosessen komprimert
Webdesign prosessen komprimertWebdesign prosessen komprimert
Webdesign prosessen komprimert
 
Viktige ting for å designe et nettsted
Viktige ting for å designe et nettstedViktige ting for å designe et nettsted
Viktige ting for å 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
 
Webdesign pp
Webdesign ppWebdesign pp
Webdesign pp
 
Gode brukeropplevelser for web redaktør og sluttbruker
Gode brukeropplevelser for web redaktør og sluttbrukerGode brukeropplevelser for web redaktør og sluttbruker
Gode brukeropplevelser for web redaktør og sluttbruker
 
Webdesignpowerpoint
WebdesignpowerpointWebdesignpowerpoint
Webdesignpowerpoint
 

Webdesign

  • 1. Å designe et nettsted Av Victoria Skårdal 1MKA
  • 2. Et nettsted bør ha:  Et gjennomtenkt og gjennomført design  Attraktivt for brukerne å bruke nettstedet  Samme stil
  • 3. Oppstartsfasen  Hva skal vi si?  Hva skal vi oppnå?  Hvem skal vi si det til?  Hvor skal vi si det?  Når skal vi si det?
  • 4. Utvikling  Visuelt – Siden skal se pen og ryddig ut  Kommunikasjon – Det er viktig at nettstedet kommuniserer riktig med brukeren  Teknologi – Det skal være teknologiske muligheter og begrensinger
  • 5. Stil  Mønster eller mal for websidene på et nettsted  Bestå av:  Bestemte fargevalg  Skrifttyper  Skriftstørrelser  Plassering av navigasjonsverktøy  Osv…
  • 6. Farger  Hvilke farger som skal brukes på et nettsted:  Avgjørende for hvilket inntrykk de besøkende får  Farge appellerer i stor grad til følelser
  • 7. Leselighet  Leseligheten angir det visuelle inntrykket vi får av teksten – altså hvor godt ser/oppfatter jeg teksten:  For liten kontrast mellom fargen på fonten og fargen på bakgrunnen gir dårlig leselighet
  • 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 informasjonen han/hun ønsker
  • 9. Strukturmodeller  Det er vanlig å skille mellom 4 ulike strukturmodeller:  Hierarkisk struktur  Lineær struktur  Kombinasjon av hierarkisk struktur og lineær struktur  Spindelvev struktur
  • 10. Visuell kommunikasjon  Teori + praktisk trening = dyktig webdesigner