Layout utforming design i Visuell kommunikasjon Gestaltfenomen Visuelle

  • Slides: 23
Download presentation
Layout - utforming - design i Visuell kommunikasjon

Layout - utforming - design i Visuell kommunikasjon

Gestaltfenomen Visuelle byggeklosser • • • Proporsjon Størrelse Retning Farge Tekstur Grid

Gestaltfenomen Visuelle byggeklosser • • • Proporsjon Størrelse Retning Farge Tekstur Grid

Gestaltprinsipper Gestaltprinsippene stammer fra persepsjonspsykologiske forklaringer på hvordan vi sanser og organiserer visuelle inntrykk.

Gestaltprinsipper Gestaltprinsippene stammer fra persepsjonspsykologiske forklaringer på hvordan vi sanser og organiserer visuelle inntrykk. Øyet er meget god til å se mønster og avvik fra mønster

Gestaltprinsipp 1 av 6 • Gruppering / nærhet / retning

Gestaltprinsipp 1 av 6 • Gruppering / nærhet / retning

Gestaltprinsipp 2 av 6 • - linje • - kontinuitet • - konvergens

Gestaltprinsipp 2 av 6 • - linje • - kontinuitet • - konvergens

Gestalt prinsipp 3 av 6 • Mental komplettering

Gestalt prinsipp 3 av 6 • Mental komplettering

Gestalt prinsipp 4 av 6: • Likhet i form

Gestalt prinsipp 4 av 6: • Likhet i form

Gestalt prinsipp 5 av 6: • Likhet i farge

Gestalt prinsipp 5 av 6: • Likhet i farge

Gestalt prinsipp 6 av 6: • Forgrunn / bakgrunn og reversering

Gestalt prinsipp 6 av 6: • Forgrunn / bakgrunn og reversering

Visuell komposisjon Å utnytte perseptuelle fenomen til å skape en egenartet visuell opplevelse… De

Visuell komposisjon Å utnytte perseptuelle fenomen til å skape en egenartet visuell opplevelse… De syv komposisjonsprinspper: Balanse – helhet-kontrast-bevegelse-rytmemønster-fremheving

Visuell fremheving • • Balanse - ubalanse Symmetri - asymmetri Regularitet - irregularitet Enkelhet

Visuell fremheving • • Balanse - ubalanse Symmetri - asymmetri Regularitet - irregularitet Enkelhet - kompleksitet Enhet - fragment Diskret - påtrengende Nøytral - aksentuert

Skrift i layout • STORE BOKSTAVER ER LIKE I HØYDEN OG GIR MINDRE LESBARHET

Skrift i layout • STORE BOKSTAVER ER LIKE I HØYDEN OG GIR MINDRE LESBARHET FORDI DET BLIR VANSKELIGERE Å SKILLE BOKSTAVENE FRA HVERANDRE.

Lesbarhet • Små bokstaver har mer variasjon i formen og det er lettere å

Lesbarhet • Små bokstaver har mer variasjon i formen og det er lettere å kjenne bokstavene igjen og å lese dem. • A v s t a n d og gruppering av tekst.

Typografisk komposisjon • Helhet i skrift. Ikke bruk for mange ulike fonter og størrelser.

Typografisk komposisjon • Helhet i skrift. Ikke bruk for mange ulike fonter og størrelser. Max 3? • Ryddig – lesbar –oversiktlig • Dynamisk/bevegelse – ikke for statisk. Typografisk kontrast. Ulike fonter eller størrelser. • Balanse • Symmetri eller asymmetri?

Symmetri eller Asymmetri? Symmetri er det trygge, regelmessige, normale, naturlige, men også det harmoniske

Symmetri eller Asymmetri? Symmetri er det trygge, regelmessige, normale, naturlige, men også det harmoniske og enkle, det høytidelige, monumentale og verdige. Den symmetriske formen er enkel og rolig, og klarer å holde orden på relativt mange ulike skriftelementer uten at det behøver å se rotete ut. Men fremhevingseffekten er ikke så stor; hvert enkelt element forsvinner lettere i mengden. Asymmetri er det spennende, det uventede, det dynamiske og utfordrende. Linjespillet og bevegelsen i asymmetri en, med oppdeling av flaten i ulike deler, gjør at formuttrykket arbeider naturlig sammen med bilder og andre firkantede typografiske elementer. Asymmetrien passer godt der elementer skal skilles ut, kraftige titler, ingresser og lignende

Tekst og bilde Det er utrolig hva bilder/illustrasjoner kan gjøre. Vi mennesker er visuelle

Tekst og bilde Det er utrolig hva bilder/illustrasjoner kan gjøre. Vi mennesker er visuelle og påvirkes sterkt av det visuelle.

Bilde i layout I markedsføringssammenheng blir det verbale budskapet mer troverdig når det benyttes

Bilde i layout I markedsføringssammenheng blir det verbale budskapet mer troverdig når det benyttes bilder. Men bilder har også en annen viktig funksjon. I fagterminologien brukes begrepet AIDA somstår for; Attention, Interest, Desire og Action. Det betyr at vi må bli sett, for å få formidlet et budskap som fører til at mottakeren blir fristet, eller avdekker et behov som leder til at man får lyst til å handle/dekke behovet. Ofte brukes bilder for å fange kundens oppmerksomhet.

Tekst og bilde

Tekst og bilde

Ekspressiv typografi

Ekspressiv typografi

Husk på hvem som er mottager • Visuell kommunikasjon: avsender, budskap, kanal og mottager.

Husk på hvem som er mottager • Visuell kommunikasjon: avsender, budskap, kanal og mottager. • Visuell utforming som appellerer til den du ønsker å nå. • Målgruppe?