brukergrensesnitt og design av skjermbilder n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
Brukergrensesnitt og design av skjermbilder PowerPoint Presentation
Download Presentation
Brukergrensesnitt og design av skjermbilder

Loading in 2 Seconds...

play fullscreen
1 / 29

Brukergrensesnitt og design av skjermbilder - PowerPoint PPT Presentation


  • 70 Views
  • Uploaded on

Brukergrensesnitt og design av skjermbilder. Kirsten Ribu 11.09.2007. Noen ord om prosjektet. Hvordan fungerer gruppene? Fungerer arbeidsfordelingen? Fungerer møtene? Hvordan gjør dere rapportering? Kom med spørsmål! Husk å logge alle problemer/løsninger = skal inn i prosessrapporten.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Brukergrensesnitt og design av skjermbilder' - neil


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
noen ord om prosjektet
Noen ord om prosjektet
  • Hvordan fungerer gruppene?
    • Fungerer arbeidsfordelingen?
    • Fungerer møtene?
    • Hvordan gjør dere rapportering?
  • Kom med spørsmål!
  • Husk å logge alle problemer/løsninger = skal inn i prosessrapporten
god design er god kommunikasjon
God design er god kommunikasjon
  • Design handler om kommunikasjon.
  • Kommunikasjon med kunder, leverandører og

samarbeidspartnere.

  • Forskjellige områder
    • Grafisk design for blad og bøker
    • Skjermdesign for digitale medier.
  • Farger, bevegelser, lyd, interaktivitet gir andre bruksområder og opplevelser enn trykte medier
  • Viktig å analysere målet med kommunikasjonen
bevisst design
Bevisst design
  • Grafisk design kan ikke skilles fra design av brukergrensesnittet og universell tilgjengelighet
  • Form og innhold hører sammen
  • Bruk tekst og bilder for å understreke innholdet
  • Husk meningsfylt bruk av bilder, med alternativ tekst
yet gj r sirkelbevegelser
Øyet gjør sirkelbevegelser

Rembrandt - The Music Party

grafisk design visuell informasjon
Grafisk design = Visuell informasjon
  • Layout, typografi og illustrasjon brukes til å føre øyet over websiden
  • Først ser man form og farge og forgrunn mot bakgrunn (kontrast)
  • Dernest litt informasjon (grafikk dersom det er til stede)
  • Til slutt ser man detaljene i teksten
hva vi ser
Hva vi ser

Tiden….

kontrast og balanse er viktig
Kontrast og balanse er viktig
  • En side med bare tekst ser ut som en grå masse uten noen punkter å feste blikket på
  • Man må lage balanse mellom visuell kontrast og organisering av elementene
tilpass form og innhold til brukergruppen
Tilpass form og innhold til brukergruppen
  • Det vanligste og mest effektive design for Internettbrukere:
    • Nøye balanse mellom tekst og linker
    • Forholdsvis små bilder
    • Laster raskt, unngår forstyrrende elementer
ressurser
Ressurser
  • Skjermdesign:

http://www.lucas.no/Pages/skjerm.html

gjennomgangsfarger
Gjennomgangsfarger
  • Gi sidene én farge: en ’blå’, en ’rød’
  • Dvs: Hovedtyngden er på én del av fargeskalaen
  • http://www.componentsoftware.no/ = blå
  • http://www.banetele.com/ = rød
det gylne snitt 1 618
Det gylne snitt 1,618...
  • Det gylne snitt bygger på en harmonisk deling av et linjestykke.
  • Snittet deler linjestykket slik at forholdet mellom den lengste og den korteste delen er like stort som forholdet mellom hele linjestykket og den lengste delen av det.
7 slags fargekontraster
7 slags fargekontraster

Kontrast betyr motsetning, og oppstår når en tydelig kan skille farger fra hverandre.

EgenkontrastKontrasten mellom de enkelte fargene

Lys/mørk-kontrastHvitt og svart er den sterkeste kontrasten.

Kald/varm-kontrast

kontraster forts
Kontraster forts.

Komplementærkontrast

KvantitetskontrastFargenes lysstyrke er forskjellig. Rødt og grønt har samme lysstyrke og får lik oppmerksomhet. Gult sammen med fiolett har forholdet 1:3. Forholdet er: gult 3, orange 4, rødt 6, grønt 6, blått 8, fiolett 9.

KvalitetskontrastMotsetningen mellom rene og urene (dempede) farger er kvalitetskontrasten.

tommelfingerregler
Tommelfingerregler
  • Antall farger i et skjermbilde bør begrenses til 4pr. skjermbilde
  • 7for et system som et hele.
  • Farger kan utnyttes i informasjon:
    • F.eks. farge på overtrukne konti
  • Farger kan hjelpe til med å gruppere objekter som hører sammen