Tips om fonter, form, stil ol

1. Webdesign Vennesla Videregående Skole

2. Funksjonell webdesign Introduksjon

3. Visuell kommunikasjon Teori + Praktisk trening = Dyktig webdesigner

4. 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.

5. 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?

6. Hvem skal vi si det til? En målgruppe er et gitt antall personer med en eller flere fellesnevnere.

7. 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!

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. Kontrast Ulike former for kontrast: Pirrer netthinnen og vekker interesse (forhåpentligvis)

13. System av formelementer Bruk layout, grid, grafisk profil til å skape system! Enkelt modulsystem skaper ikke hindringer: Mulighet for ulike varianter, likevel gjenkjennelsesverdi hos brukeren.

14. Grafisk profil Konsekvent bruk av enkelte elementer . Skaper gjenkjennelse hos mottakeren.

15. 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 ?

16. 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

17. 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.

18. Fonter for web: Grotesk De fungerer meget godt på skjerm. Vanligste font : VerdanaTahomaHelveticaGeorgia (I prioritert rekkefølge)

19. 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

20. Fonter Bruk 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å fonter Bruk helst en, maks to fonter i en og samme jobb. Dersom det er to: kontrast!

23. Komposisjon Hvordan plassere ulike elementer i forhold til hverandre. Symmetrisk Asymmetrisk Balanse Radial

24. Symmetrisk balanse

25. Asymmetrisk balanse

26. Radial balanse

27. 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!

28. Farger Farger er mer enn dekor. Signalisere Skape atmosfære Gi tilleggsinformasjon Gjenkjennelse Appellere til følelser

29. 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.

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!!