Webdesign prosessen komprimert
- 3. Visuell kommunikasjonTeori +Praktisk trening=Dyktig webdesigner
- 4. Utvikling av webdesignMange 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.
- 5. OppstartsfasenHva skal vi oppnå?Hva skal vi si?Hvem skal vi si det til?Hvor skal vi si det?Når skal vi si det?
- 6. Hvem skal vi si det til?En målgruppe er et gitt antall personer med en eller flere fellesnevnere.
- 7. Fokus på målgruppenHa målgruppen i tankene når du utformer budskapet!Det er den /de som skal bli interessert, imponert , overbevist og lignende IKKEdu, vennene dine, klassen din!
- 8. 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!
- 9. 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!
- 10. Vær kreativ!Man må utforme budskapet på en interessant og original måte!
- 11. Bruk kontrast!Mennesker elsker kontraster.Forskjeller i:Størrelse, Størrelse,størrelseFarge, farge, farge, fargeForm, form, form, formRetning, gnintreRStyrke, styrke, Styrke
- 12. KontrastUlike former for kontrast:Pirrer netthinnen og vekker interesse (forhåpentligvis)
- 13. System av formelementerBruk layout, grid, grafisk profil til å skape system!Enkelt modulsystem skaper ikke hindringer:Mulighet for ulike varianter, likevel gjenkjennelsesverdi hos brukeren.
- 14. Grafisk profilKonsekvent bruk av enkelte elementer .Skaper gjenkjennelse hos mottakeren.
- 15. TypografiTypografi betyr ”bokstavlære”Generelle ord og uttrykk i typografien :Angivelse pr. bokstav, se. illustrasjon :Seriffx-høydeLeselighet – hvor godt ser jeg teksten ?Lesbarhet – forstår jeg det som står det ?
- 16. Typografi – fontDet 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 :AntikvaGroteskEgyptienneKalligrafiskFantasi
- 17. Fonter for web: GroteskGrotesk 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.
- 18. Fonter for web: GroteskDe fungerer meget godt på skjerm. Vanligste font : VerdanaTahomaHelveticaGeorgia(I prioritert rekkefølge)
- 19. Verdana sine fortrinnBred typekropp, skaper luft og lys.Robust, alt ”når fram” til øyet.Fem ganger lettere å lese enn georgiaDobbelt så lesbar som arial
- 20. FonterBruk få, gode og leselige fonter!Mange å velge mellom, morsomme å leke med, men ikke like funksjonelle!
- 21. 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.
- 22. Få fonterBruk helst en, maks to fonter i en og samme jobb.Dersom det er to: kontrast!
- 23. KomposisjonHvordan plassere ulike elementer i forhold til hverandre.SymmetriskAsymmetrisk BalanseRadial
- 26. Radial balanse
- 27. Bilder og illustrasjonerBilde sier mer enn tusen ord!Uten form, farge, bilder: Alle budskap se ut som Norges lover.Tenk funksjonelt og psykologisk, ikke bare dekorativt!
- 28. FargerFarger er mer enn dekor. SignalisereSkape atmosfæreGi tilleggsinformasjonGjenkjennelseAppellere til følelser
- 29. Bryt normer og reglerMange av de beste resultatene innen visuell kommunikasjon :- kommet ved at ”vedtatte” regler er brutt!NB! Husk at designeren da har kjent og behersket de.
- 30. Velkommen blank skjerm!Når man har kunnskap om design og layout:Det blanke ark blir en medspiller!Viten skaper trygghet, man blir modigere!!