1 / 23

Layout - utforming - design i

Layout - utforming - design i. Visuell kommunikasjon. Gestaltfenomen. Visuelle byggeklosser Proporsjon Størrelse Retning Farge Tekstur Grid. Gestaltprinsipper. Gestaltprinsippene stammer fra persepsjonspsykologiske forklaringer på hvordan vi sanser og organiserer visuelle

zita
Download Presentation

Layout - utforming - design i

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. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Layout - utforming - designi Visuell kommunikasjon

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

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

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

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

  6. Gestalt prinsipp 3 av 6 • Mental komplettering

  7. Gestalt prinsipp 4 av 6: • Likhet i form

  8. Gestalt prinsipp 5 av 6: • Likhet i farge

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

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

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

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

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

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

  15. 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. Asymmetrier 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,kraftigetitler, ingresser og lignende

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

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

  18. Tekst og bilde

  19. Ekspressiv typografi

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

More Related