Upload
akh78
View
778
Download
1
Embed Size (px)
DESCRIPTION
Tips om fonter, form, stil ol
Citation preview
Webdesign
Vennesla Videregående Skole
Funksjonell webdesign
Introduksjon
Visuell kommunikasjon
Teori +
Praktisk trening =
Dyktig webdesigner
Utvikling av webdesign
Mange hensyn å ta :
Visuelt – siden skal se pen og ryddig ut.
Kommunikasjon - det er viktig at nettstedet kommuniserer godt med brukeren.
Webdesign er selve mediet i budskapsformidlingen mellom sender og mottaker.
Teknologiske muligheter og begrensninger.
Oppstartsfasen
Hva skal vi oppnå?
Hva skal vi si?
Hvem skal vi si det til?
Hvor skal vi si det?
Når skal vi si det?
Hvem skal vi si det til?
En målgruppe er et gitt antall personer med en eller flere fellesnevnere.
Fokus på målgruppen
Ha målgruppen i tankene når du utformer budskapet!
Det er den /de som skal bli interessert, imponert , overbevist og lignende
IKKE
du, vennene dine, klassen din!
Hold orden!
Grafisk design er visuell kommunikasjon!
Det er ikke vår smak eller våre oppfatninger, men budskap, målgruppe og målsetning som skal styre prosessen!
Grafisk design innebærer å skape orden.
Man skal gjøre et stoff tilgjengelig og klart for målgruppen.
NB! Orden i seg selv er ikke særlig oppsiktvekkende, man må skape interesse!
Vær kreativ!
Man må utforme budskapet på en interessant og original måte!
Bruk kontrast!
Mennesker elsker kontraster.
Forskjeller i:
Størrelse, Størrelse, størrelse
Farge, farge, farge, fargeForm, form, form, formRetning, gnintreRStyrke, styrke, Styrke
Kontrast
Ulike former for kontrast:
Pirrer netthinnen og vekker interesse (forhåpentligvis)
System av formelementer
Bruk layout, grid, grafisk profil til å skape system!
Enkelt modulsystem skaper ikke hindringer:
Mulighet for ulike varianter, likevel gjenkjennelsesverdi hos brukeren.
Grafisk profil
Konsekvent bruk av enkelte elementer .
Skaper gjenkjennelse hos mottakeren.
Typografi
Typografi betyr ”bokstavlære” Generelle ord og uttrykk i typografien :
Angivelse pr. bokstav, se. illustrasjon :• Seriff• x-høyde
Leselighet – hvor godt ser jeg teksten ? Lesbarhet – forstår jeg det som står det ?
Typografi – font
Det finnes tusenvis med fonter (skrifttyper), og det utvikles stadig nye.
Fontene grupperes i ”font-familier” etter bestemte kjennetegn og særtrekk (kategorier). De fem vanligste familiene :
Antikva Grotesk Egyptienne Kalligrafisk Fantasi
Fonter for web: Grotesk
Grotesk familien ; Består av skrifter uten seriffer (”sans-seriff”) !
En stor fordel med slike skrifter er at de er lette å oppfatte, og de brukes derfor ofte i overskrifter og barnebøker.
Fonter for web: Grotesk
De fungerer meget godt på skjerm.
Vanligste font :
VerdanaTahomaHelveticaGeorgia
(I prioritert rekkefølge)
Verdana sine fortrinn
Bred typekropp, skaper luft og lys.
Robust, alt ”når fram” til øyet.
Fem ganger lettere å lese enn georgia
Dobbelt så lesbar som arial
Fonter
Bruk få, gode og leselige fonter!
Mange å velge mellom, morsomme å leke med, men ikke like funksjonelle!
Fonter forts.
Dersom spesielle eller sjeldne skrifttyper (eks. en 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.
Få fonter
Bruk helst en, maks to fonter i en og samme jobb.
Dersom det er to: kontrast!
Komposisjon
Hvordan plassere ulike elementer i forhold til hverandre.
Symmetrisk
Asymmetrisk Balanse
Radial
Symmetrisk balanse
Asymmetrisk balanse
Radial balanse
Bilder og illustrasjoner
Bilde sier mer enn tusen ord!
Uten form, farge, bilder: Alle budskap se ut som Norges lover.
Tenk funksjonelt og psykologisk, ikke bare dekorativt!
Farger
Farger er mer enn dekor.
Signalisere Skape atmosfære Gi tilleggsinformasjon Gjenkjennelse Appellere til følelser
Bryt normer og regler
Mange av de beste resultatene innen visuell kommunikasjon :
- kommet ved at ”vedtatte” regler er brutt!
NB! Husk at designeren da har kjent og behersket de.
Velkommen blank skjerm!
Når man har kunnskap om design og layout:
Det blanke ark blir en medspiller!
Viten skaper trygghet, man blir modigere!!