29
isuell kommunikasjon Elementer satt sammen for å kommunisere et innhold

Visuell kommunikasjon

Embed Size (px)

Citation preview

Page 1: Visuell kommunikasjon

isuell kommunikasjonElementer satt sammen for å kommunisere et innhold

Page 2: Visuell kommunikasjon

Typografi

‣ Typografi er læren om bokstaver og grafiske

elementer, og bruken av dem:‣ behandling av bokstaver for å formidle et budskap eller

et visuelt uttrykk

‣ behandling av bokstaver i sammenheng med andre

elementer (bilder og figurer)

‣ En av de viktigste byggesteinene i grafisk

design med tekst og bilder er typografi, og det

kan kategoriseres til blikkfang, skriftkontraster,

skriftregler og «luftregler».

Page 3: Visuell kommunikasjon

Skrift/font

‣ Skrift angir den grunnleggende skriftarten man

arbeider med. ‣ I dagligtale brukes ofte ordet font, som opprinnelig

betød et sett blytyper i en gitt skrift, størrelse, vekt

og/eller variant, for eksempel «10 punkt Stempel

Garamond kursiv».

‣ Eksempler på utbredte skrifter er Times, oppkalt efter

den britiske avisen den ble utviklet for, Helvetica og

Futura.

‣ Mange skrifter bærer opphavspersonens navn, for

eksempel Jenson (Nicolas Jenson), Garamond

(Claude Garamond) og Bodoni (Giambattista Bodoni)

Page 4: Visuell kommunikasjon

Grotesk & antikva‣ På digital skjermer er det

best med fonter uten seriffer

‣ Trykksaker så leses

antikvaskrifter best (med

seriffer)

Page 5: Visuell kommunikasjon

Snitt

‣ Innenfor den enkelte skriften er det vanligvis utarbeidet en rekke snitt. De vanligste er (engelske termer i parentes):

‣ Mager (Light) Sats/skrifter i dette snittet omtales ofte som «blonde».

‣ Normal

‣ Kursiv (Italic)

‣ Halvfet (Bold) NB! Den norske utgaven av tekstbehandlingprogrammet

Microsoft Word angir dette snittet feilaktig som ”Fet”

‣ Fet (Black)

‣ Ekstra fet (Poster)

Page 6: Visuell kommunikasjon

Arbeid med layout

‣ Velg teksttype I forhold til, innhold, budskap og

trykksakens karakter

‣ Komposisjonen skal inndeles i grupper av

viktighet‣ Hva er overordnet

‣ Hva er underordnet

‣ Hva kan samordnes i grupper

Page 7: Visuell kommunikasjon

Viktige elementer i den visuell

kommunikasjonen

‣ Valg av teksttyper i forhold til budskap.

‣ Målgruppe - Presentasjonen av budskapet bør

være rettet mot den budskapet er ment for

‣ Skriften, (fonten) kan brukes til å understreke hva

vi ønsker å formidle og til å fange og lede

oppmerksomheten

‣ Illustrasjoner, farge, fotografier og reproduksjoner

‣ Lesbarhet er viktig

Page 8: Visuell kommunikasjon

Elementer som skal vurderes er:

‣ Kontraster

‣ Spenning

‣ Uttrykk

‣ Balanse

‣ Helhet

‣ Størrelse

‣ Valører

‣ Farge tetthet

‣ Luftighet marger osv

Page 9: Visuell kommunikasjon

Vurder plassering på arket av

tekst og bilde(r)

‣ Du kan fange og lede oppmerksomheten ved hjelp av plassering i billedplanet, størrelse tetthet, luftighet, marger osv, se på:

‣ Presentasjon av design‣ Presentasjon av budskap‣ Kommunikasjon‣ Lesbarhet‣ Uttrykksmiddel‣ Ensformighet – kontraster, spenning, helhet‣ Balanse – symmetri, asymmetri

‣ De forskjellige elementene i oppsettet bør grupperes til en samlende helhet

‣ Marger og mellomrom skal være medvirkende til å gi luft

Page 10: Visuell kommunikasjon

Hvor starter man å lese?

‣ Initialbokstav sier start her

Page 11: Visuell kommunikasjon

Luft

‣ Klar og luftig tekst inviterer til

videre lesning, og tar ikke

pusten fra leseren

Page 12: Visuell kommunikasjon

Orden

‣ Alle elementer i oppstillingen bør balansere enten du velger symmetrisk

eller asymmetrisk oppstilling.

Page 13: Visuell kommunikasjon

Kontraster

‣ Kontraster i størrelse og tyngde kan få frem og forsterke ideen

Page 14: Visuell kommunikasjon

Kontraster

‣ Kontraster i et arrangement skaper liv i flaten,

liv skaper nysgjerrighet og lyst til å lese

‣ Gruppering av budskap er et hjelpemiddel for at mottaker skal

oppfatte hvilke deler budskapet består av og i hvilket forhold de

står i til hverandre.

‣ Liten avstand – stor sammenheng

‣ Stor avstand – liten eller mindre sammenheng

‣ Fremhevelse i teksten måter å signalisere at det legges vekt på

enkelte ord. Kursiv kan være en grei måte å fremheve enkelte

ord på

Page 15: Visuell kommunikasjon

‣ Skriftkontras skaper kontraster gjennom variasjoner i skrift (font) og

skriftstørrelser

‣ Formkontrast - ved å sette kursive minuskler opp mot rette versaler.

‣ Styrkekontrast – ved å sette mager skrift opp mot fet skrift

‣ Størrelseskontrast – stor skriftgrad opp mot liten.

‣ Fargekontrast – ulike farger på de forskjellige elementene

‣ Flatekontrast – papirformatets, satsflaten, tekstgruppenes og

luftrommets kontrasterende flatevirkninger.

Page 16: Visuell kommunikasjon

Å understreke med teksten fanger

oppmerksomhet

Page 17: Visuell kommunikasjon

Komponere

‣ Å komponere betyr å sette sammen deler for å

skape en helhet

‣ Når formelementer skal setes sammen i en

komposisjon, må man tenke på ‣ Avstandsforhold

‣ Størrelsesforhold

‣ Valører og farger

‣ Gode regler for komposisjon er at når vi setter

sammen elementer tenker vi på variasjoner og

kontraster

Page 18: Visuell kommunikasjon

Elementer som er viktig i

komposisjoner‣ Formatet

‣ Stående eller liggende

‣ Proporsjon ‣ størrelsesforholdet mellom ulike elementer

‣ Rytme ‣ rytme har med inndeling å gjøre enten jevn symmetrisk eller ujevn

asymmetrisk rytme kan være gjentagelse av beslektede former med nesten lik avstand mellom dem

‣ Retning og posisjon ‣ Retning i et formuttrykk kan være stigende eller synkende, brede

eller smale noen som sprer seg eller samler seg‣ Posisjon betyr egentlig stilling

Page 19: Visuell kommunikasjon

Komposisjonsprinsipper

‣ Horisontal‣ Når den horisontale

inndelingen i bilde blir

av dominerende art

uttrykker bilde gjerne ro

‣ Komposisjonen hviler

Page 20: Visuell kommunikasjon

‣ Vertikal‣ Når den vertikale av

bildeflaten dominerer

er bilde litt mer aktivt

men uttrykker allikevel

ro.

‣ Bilde vil uttrykke ro og

styrke

‣ Kanskje er det

horisontalen som har

reist seg klar til

utfordringer?

Komposisjonsprinsipper

Page 21: Visuell kommunikasjon

‣ Kors‣ Kombinasjon av den

vertikale og den

horisontale linjen kan

skape en forsiktig

spenning mellom det

stående viljesterke og det

liggende hvilende

‣ Denne gir store

muligheter for variasjon

alt etter hvor krysspunktet

er plassert

Komposisjonsprinsipper

Page 22: Visuell kommunikasjon

‣ Diagonal‣ Bildet gir en bevegelse, retning, voldsom kraft

og vilje. Diagonalen kan nærmest sprenge

formatet og fortsette bevegelsen forbi formatet.

Komposisjonsprinsipper

Page 23: Visuell kommunikasjon

‣ Stigende diagonal‣ Man kan si at en diagonal

som går fra venstre nedre

kant til høyre øvre kant er en

stigende.

‣ Denne diagonalen oppfattes

som positiv aktiv og glad

‣ Synkende diagonal‣ Venstre øvre kant til høyre

nedre kant er synkende. Noe

som kan understreke noe

‣ tungt nesten melankolsk

Komposisjonsprinsipper

Page 24: Visuell kommunikasjon

‣ Kryssende

diagonaler‣ Kan understreke

konflikter.

‣ Diagonalene

opphever hverandre

samtidig som de

danner trekanter

‣ Ofte skal det lite til for

å skape ytterligere uro

eller retning

Komposisjonsprinsipper

Page 25: Visuell kommunikasjon

‣ Stjernekomposisjon‣ Eller splintret speil vil si å

utnytte linjer som springer ut fra

sentralt i bildeflaten med retning

utover

‣ Bilde kan uttrykke noe som er i

oppløsning eller eksploderer.

‣ Det splintrede speilet kan ligge

under i en rolig komposisjon og

antyde noe urovekkende, noe

som kan gjøre en forsiktig og

rolig komposisjon mer tvetydig.

Komposisjonsprinsipper

Page 26: Visuell kommunikasjon

‣ Sirkel ‣ Kraften og impulsene

som en sirkel gir oss.

Sirkelen uttrykker noe

helt, sammenheng uten

begynnelse og slut.

‣ Sirkelen kan gi en

fornemmelse av

bevegelse, men

bevegelsen er samlet.

‣ Helhet fasthet enighet og

enhet

Komposisjonsprinsipper

Page 27: Visuell kommunikasjon

‣ Trekanten‣ Trygt stødig, en trekant

som står stødig på en

side suger seg til

jorden og vil ikke velte,

den strekker seg

oppover, utrykker jord

og himmel, det

dagligdagse og det

høystemte.

Komposisjonsprinsipper

Page 28: Visuell kommunikasjon

‣ L Denne får en retning og

bevegelse mot høyre, åpner seg og

vier seg ut mot høyre

‣ S Den vakreste linjen, skaper

lett dybde og bevegelse innover i et

bilde, smidig

‣ Z Bilde poengterer noe den

endrer retning brått og er skarp og

elegant

Komposisjonsprinsipper

Page 29: Visuell kommunikasjon

‣ Fordeling av lys og mørke‣ Samme hvilken komposisjons alternativ

en velger å utnytte, virker de forskjellig om en varierer bruken av lys og mørke, med andre ord variasjon i mørke og lyse flater. Lyse flater oppleves lettere en mørke flater. Transparente flater lettere enn opake (ugjennomsiktige, tette) flater

‣ Tung/ lett‣ Tunge mørke flater over lyss skaper en

en tung, dyster eller truende effekt, mens lyse flater over mørke skaper følelse av trygghet det mørke oppfattes som en trygg grunn

Komposisjonsprinsipper