Komposisjon og layout - Kunnskap i Nord
Komposisjon og layout - Kunnskap i Nord
Komposisjon og layout - Kunnskap i Nord
Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
4 11 DSIGN 2521 10 Beskr Komp <strong>og</strong> <strong>layout</strong> (20)<br />
<strong>Komposisjon</strong> <strong>og</strong> <strong>layout</strong><br />
Innledning<br />
<strong>Komposisjon</strong> <strong>og</strong> <strong>layout</strong> dreier seg ikke om å fylle flater med tekst <strong>og</strong> illustrasjoner. Det dreier seg om å<br />
formidle et budskap slik at flest mulig av mottakerne oppfatter det. Det sentrale elementet i å lage en<br />
godt komponert side er å utforme den slik at den letter kommunikasjonen med mottakeren <strong>og</strong> samtidig<br />
underbygger budskapet du ønsker å formidle.<br />
Dette fagkurset setter fokus på hva som kjennetegner god kommunikasjon, <strong>og</strong> hvilke elementer som bør<br />
inngå i en god kommunikasjonsløsning sett fra et <strong>layout</strong>perspektiv, herunder bruken av tekst, bilder <strong>og</strong><br />
andre elementer for å fremheve budskap, samt prinsippene bak de ulike teoriene innenfor <strong>layout</strong>. I<br />
tillegg får du en kortfattet innføring i det elektroniske verktøyet InDesign.<br />
Mål (kunnskaper <strong>og</strong> holdninger)<br />
Etter å ha arbeidet deg gjennom dette emnet bør du være i stand til å<br />
• redegjøre for bruken av tekst, bilder <strong>og</strong> andre elementer for å fremheve budskap<br />
• redegjøre for prinsippene bak de ulike teoriene innenfor <strong>layout</strong><br />
• redegjøre for hva som kjennetegner god kommunikasjon, <strong>og</strong> hvilke elementer som bør inngå i en<br />
god kommunikasjonsløsning sett fra et <strong>layout</strong>perspektiv<br />
• gi en oversikt over de grunnleggende mulighetene i verktøyet InDesign<br />
Hensikt (ferdigheter)<br />
Etter å ha arbeidet deg gjennom dette emnet bør du være i stand til å utarbeide en god komposisjonsmessig<br />
løsning, basert på de gjennomgåtte komposisjonsprinsippene. Eksempler på en slik løsning kan være å<br />
lage en plakat, en annonse eller en invitasjon. Videre bør du være i stand til å utarbeide disse løsningene<br />
både manuelt <strong>og</strong> ved hjelp av ulike elektroniske verktøy.<br />
Rammer <strong>og</strong> forutsetninger<br />
Teoretisk <strong>og</strong> praktisk emne med 30 undervisningstimer. Du bør beherske grunnleggende bruk av en pc<br />
inklusive grunnleggende bruk av Adobe-verktøy som Photoshop <strong>og</strong> Illustrator.<br />
Læremidler<br />
• Mediedesign, ISBN 82-493-0455-7<br />
• Du bør beherske eller ha tilgang til aktuell pr<strong>og</strong>ramvarelitteratur, herunder Adobe Photoshop CS<br />
Classroom in a Book, ISBN 0-3211-9375-x; Adobe Illustrator CS Classroom in a Book, ISBN<br />
0-3211-9380-6 <strong>og</strong> Adobe InDesign Classroom in a Book, ISBN 0-3211-9377-6<br />
Faglige sammenhenger<br />
Kurset er obligatorisk ved Grafisk design <strong>og</strong> inngår videre i skolens valgfagstilbud. Kurset fokuserer på<br />
kunnskaper <strong>og</strong> ferdigheter i å sette sammen eller komponere en side eller en flate slik at budskapet når<br />
frem til mottakeren på en god <strong>og</strong> sikker måte. Kurset er derfor viktig for alle som ønsker å beherske<br />
grafiske uttrykk, <strong>og</strong> en god støtte bl.a. for arbeid med forskjellige grafiske presentasjoner. Faginnholdet<br />
blir bearbeidet videre i Praktisk yrkesteori ved Grafisk design, <strong>og</strong> ellers gjennom oppgavearbeidet som<br />
finner sted i øktene under Problemrettet arbeid. Som valgfag er kurset særlig anbefalt for Interiør.<br />
Evaluering<br />
Faget vurderes til fullført/ikke fullført av lærer ut fra en kombinasjon av studentens generelle deltakelse<br />
i timene <strong>og</strong> innsatsen under oppgavearbeidet. De oppøvde kunnskaper <strong>og</strong> ferdigheter er <strong>og</strong>så<br />
nødvendige for arbeidet med de øvrige fag i utdanningen, <strong>og</strong> inngår derfor som et nødvendig fundament<br />
i arbeidet med å bygge opp en egen portefølje (jf. Praktisk yrkesteori), som sendes inn til en sentralgitt,<br />
karaktergradert sensur ved semesterslutt (gjelder ikke hvis kurset kjøres som valgfag).<br />
Siste revisjon: GES – 08.02.05, erstatter revisjon av: SOK/GES 02.09.04 Side 1 av 1
4 11 DSIGN 2521 11 Mål Komp <strong>og</strong> <strong>layout</strong> (20)<br />
Mål: <strong>Komposisjon</strong> <strong>og</strong> <strong>layout</strong><br />
Gjennom arbeidet med dette emnet skal de overordnede mål som er gjengitt nedenfor, oppnås best<br />
mulig av flest mulig studenter.<br />
Hvert hovedmål er nærmere beskrevet i et såkalt «sammenhengsdokument» for det enkelte fag.<br />
Her utdypes det enkelte mål gjennom delmål <strong>og</strong> i noen grad operasjonaliserte mål, eventuelt gjennom en<br />
oversikt over delemner. Videre viser tabelloppsettet i sammenhengsdokumentet en anbefalt sammenheng<br />
mellom mål <strong>og</strong> fremdrift, tips om mulige arbeidsformer, herunder aktuelt oppgavearbeid, <strong>og</strong> det gis<br />
henvisninger til pensumlitteraturen. Dokumentet er tilgjengelig som lærerstøtte på skolens intranett.<br />
Ved den avsluttende evalueringen <strong>og</strong>/eller tilhørende ekstern test vil studentene bli testet i henhold til<br />
målområdene slik de er spesifisert i tabellen nedenfor. Skolens pensumlister består derfor av samtlige<br />
måldokumenter ved et semester <strong>og</strong>/eller et studium lagt inn i et enhetlig dokument sammen med en<br />
oversikt over aktuell pensumlitteratur. Annen pensumliste vil ikke bli utarbeidet.<br />
Hovedmål Lærerveiledning <strong>og</strong>/eller<br />
operasjonaliserte mål –<br />
se skolens intranett<br />
1 Redegjøre for innholdet i begrepene <strong>layout</strong>, komposisjon, formgivning <strong>og</strong><br />
design<br />
2 Redegjøre for kontrastens funksjon <strong>og</strong> for ulike typer kontraster<br />
3 Redegjøre for bevegelsens funksjon <strong>og</strong> for ulike typer bevegelse i en<br />
komposisjon<br />
4 Redegjøre for balansens funksjon <strong>og</strong> for ulike typer balanseprinsipper<br />
5 Redegjøre for hvordan enhet skapes i en komposisjon<br />
6 Være i stand til å skape «inngang» <strong>og</strong> «utgang» i dokumenter<br />
7 Redegjøre for bruk av luft, flater, avstander <strong>og</strong> gruppering i dokumenter<br />
8 Redegjøre for prinsippene bak symmetri <strong>og</strong> asymmetri<br />
9 Redegjøre for emnebetoning<br />
10 InDesign: Opprette nye dokumenter<br />
11 InDesign: Opprette <strong>og</strong> redigere malsider<br />
12 InDesign: Ta i bruk maler på dokumentsider<br />
13 InDesign: Legge til grafikk <strong>og</strong> tekst på dokumentsider<br />
14 InDesign: Bruke rammer under arbeidet med et dokument<br />
Siste revisjon: GES – 09.02.05, erstatter revisjon av: SOK/GES 22.09.04 Side 1 av 1
4 12 DSIGN 2521 10 Beskr Typ<strong>og</strong>rafi <strong>og</strong> farge (20)<br />
Beskrivelse: Typ<strong>og</strong>rafi <strong>og</strong> fargelære<br />
Innledning<br />
Typ<strong>og</strong>rafi er presentasjon av et budskap i en visuell, leselig form. Når leserne står ansikt til ansikt med<br />
et grafisk budskap, ser de straks formen på budskapet. Før de har lest så mye som et ord av teksten i<br />
budskapet, har de dannet seg et inntrykk av formen budskapet har. Før de begynner å lese, har de <strong>og</strong>så<br />
dannet seg et inntrykk av budskapet gjennom denne formen. Det er ikke til å unngå at formen på<br />
budskapet – typ<strong>og</strong>rafien − gir leseren et inntrykk av selve budskapet. Formen er en del av budskapet –<br />
typ<strong>og</strong>rafien er et budskap om budskapet. Farger har sterk innflytelse på våre liv. De påvirker hvordan vi<br />
ser, føler <strong>og</strong> oppfører oss. De utgjør en del av strukturen i samfunnet. Opplevelsen av farger er subjektiv<br />
– den forekommer i hver enkelts bevissthet, <strong>og</strong> er ikke alltid lett å formidle videre. Likevel er fargene<br />
knyttet til visse assosiasjoner som stort sett er akseptert av alle – vi forbinder visse ting med rødt, andre<br />
med blått, atter andre med grønt osv. Det er ikke tilfeldig at varselsskilt verden over er røde.<br />
Mål (kunnskaper <strong>og</strong> holdninger)<br />
Etter å ha arbeidet deg gjennom dette emnet bør du kunne<br />
• redegjøre for faktorer som påvirker lesbarheten<br />
• redegjøre for oppbygningen til skriftsystemer <strong>og</strong> skriftgruppering<br />
• legge frem <strong>og</strong> eksemplifisere grunnprinsippene innenfor typ<strong>og</strong>rafisk komposisjon<br />
• forklare <strong>og</strong> demonstrere hvordan vi kan skape et best mulig typ<strong>og</strong>rafisk budskap<br />
• forklare <strong>og</strong> demonstrere oppbygningen til de ulike fargemodellene<br />
• forklare prinsippene bak fargekontraster <strong>og</strong> fargesammensetning, herunder fargeharmoni <strong>og</strong> -<br />
disharmoni<br />
• redegjøre for typiske problemer vi kan støte på når vi skal velge farger for trykk <strong>og</strong> skjerm<br />
• legge frem <strong>og</strong> eksemplifisere prinsippene bak fargepreferanser, fargeoppfatning <strong>og</strong> fargepsykol<strong>og</strong>i<br />
Hensikt (ferdigheter)<br />
Etter å ha arbeidet deg gjennom dette emnet skal du være i stand til å foreta bevisste valg med hensyn<br />
til skrift <strong>og</strong> farge – du skal være i stand til å anvende kunnskapene dine slik at de aktuelle valgene<br />
understøtter budskapet i teksten. Videre skal du kunne løse fargerelaterte problemer knyttet til de<br />
forskjellige publiseringsmedier, for eksempel trykk <strong>og</strong> skjerm.<br />
Rammer <strong>og</strong> forutsetninger<br />
Teoretisk <strong>og</strong> praktisk emne med 30 undervisningstimer. Du bør beherske grunnleggende bruk av en pc.<br />
Læremidler<br />
• Grafisk kokebok – håndbok i grafisk design, ISBN 82-4920206-6; Mediedesign,<br />
ISBN 82-4920455-7 <strong>og</strong> Idéb<strong>og</strong>en, ISBN 87-8826357-6<br />
Faglige sammenhenger<br />
Kurset er obligatorisk ved Grafisk design <strong>og</strong> legger vekt på å bygge opp grunnleggende forståelse for<br />
typ<strong>og</strong>rafi <strong>og</strong> fargelære i praksis. Faginnholdet bearbeides videre gjennom yrkesteorien, i arbeidet med<br />
porteføljen <strong>og</strong> i oppfølgingen som finner sted i Prosjekttimen, <strong>og</strong> danner et nødvendig grunnlag for<br />
videre arbeid med studiet.<br />
Evaluering<br />
Faget vurderes til fullført/ikke fullført av lærer ut fra en kombinasjon av studentens generelle deltakelse<br />
i timene <strong>og</strong> innsatsen under oppgavearbeidet. De oppøvde kunnskaper <strong>og</strong> ferdigheter er <strong>og</strong>så<br />
nødvendige for arbeidet med de øvrige fag i utdanningen, <strong>og</strong> inngår derfor som et nødvendig fundament<br />
i arbeidet med å bygge opp en egen portefølje (jf. Praktisk yrkesteori), som sendes inn til en sentralgitt,<br />
karaktergradert sensur ved semesterslutt (gjelder ikke hvis kurset kjøres som valgfag).<br />
Siste revisjon: GES – 08.02.05, erstatter revisjon av: SOK/GES 02.09.04 Side 1 av 1
4 12 DSIGN 2521 11 Mål Typ<strong>og</strong>rafi <strong>og</strong> farge (20)<br />
Mål: Typ<strong>og</strong>rafi <strong>og</strong> fargelære<br />
Gjennom arbeidet med dette emnet skal de overordnede mål som er gjengitt nedenfor, oppnås best<br />
mulig av flest mulig studenter.<br />
Hvert hovedmål er nærmere beskrevet i et såkalt «sammenhengsdokument» for det enkelte fag.<br />
Her utdypes det enkelte mål gjennom delmål <strong>og</strong> i noen grad operasjonaliserte mål, eventuelt gjennom en<br />
oversikt over delemner. Videre viser tabelloppsettet i sammenhengsdokumentet en anbefalt sammenheng<br />
mellom mål <strong>og</strong> fremdrift, tips om mulige arbeidsformer, herunder aktuelt oppgavearbeid, <strong>og</strong> det gis<br />
henvisninger til pensumlitteraturen. Dokumentet er tilgjengelig som lærerstøtte på skolens intranett.<br />
Ved den avsluttende evalueringen <strong>og</strong>/eller tilhørende ekstern test vil studentene bli testet i henhold til<br />
målområdene slik de er spesifisert i tabellen nedenfor. Skolens pensumlister består derfor av samtlige<br />
måldokumenter ved et semester <strong>og</strong>/eller et studium lagt inn i et enhetlig dokument sammen med en<br />
oversikt over aktuell pensumlitteratur. Annen pensumliste vil ikke bli utarbeidet.<br />
Hovedmål Lærerveiledning <strong>og</strong>/eller<br />
operasjonaliserte mål –<br />
se skolens intranett<br />
1 Redegjøre for særtrekkene ved de ulike skriftfamilier <strong>og</strong> skriftgrupper<br />
2 Redegjøre for forskjellen mellom skjermskrifter <strong>og</strong> trykkskrifter<br />
3 Redegjøre for innholdet i begrepene font, skriftsnitt <strong>og</strong> skriftstil, samt<br />
redegjøre for innholdet i skriftsnittene<br />
4 Redegjøre for betydningen av skriftkontrast<br />
5 Redegjøre for hvilke hensyn som bør tas ved valg av skrift<br />
6 Manipulere skrift i InDesign <strong>og</strong> Illustrator<br />
7 Redegjøre for faktorer som spiller inn når en skal regulere tegn-, ord-, linje-<br />
<strong>og</strong> avsnittsavstand<br />
8 Redegjøre for regler for orddeling<br />
9 Redegjøre for bruk av titler, bilde- <strong>og</strong> figurtekst i dokumenter<br />
10 Redegjøre for regler for innrykk, ingresser, noter, merknader <strong>og</strong> marginaler<br />
11 Redegjøre for sammenhengen mellom lys <strong>og</strong> farger, <strong>og</strong> kunne forklare hva<br />
farger er ut fra et fysisk perspektiv<br />
12 Redegjøre for de ulike fargemodellene <strong>og</strong> for forskjeller <strong>og</strong> ulikheter<br />
mellom dem<br />
13 Forklare innholdet i begrepet fargerom, <strong>og</strong> kunne redegjøre for ulike<br />
fargesystemers fargerom<br />
14 Redegjøre for hva primærfarger <strong>og</strong> komplementærfarger er, <strong>og</strong> for hvordan<br />
du blander deg frem til sekundærfarger <strong>og</strong> tertiærfarger<br />
15 Redegjøre for prinsippene bak fargekontraster <strong>og</strong> fargesammensetning,<br />
herunder fargeharmoni <strong>og</strong> -disharmoni<br />
16 Kunne bruke kunnskapene dine om farger til å finne frem til en god <strong>og</strong><br />
spennende fargepalett<br />
17 Kunne løse fargerelaterte problemer knyttet til ulike publiseringsmedier, for<br />
eksempel trykk <strong>og</strong> skjerm<br />
18 Redegjøre for prinsippene bak fargepreferanser <strong>og</strong> fargepsykol<strong>og</strong>i<br />
Siste revisjon: GES – 09.02.05, erstatter revisjon av: SOK/GES 22.09.04 Side 1 av 1
4 1x DSIGN 2521 13 Alle fagtabeller del 1<br />
Samlet faglig oversikt / Fagtabeller Grafisk design del<br />
Periode 1, uke 1 -5<br />
Uke Frihåndstegning Praktisk yrkesteori<br />
1<br />
2<br />
3<br />
4<br />
5<br />
• Vise utstyr<br />
• Gjennomgå ulike teknikker<br />
• Skravering<br />
• Tegneoppgave 1: Skraveringsteknikker<br />
• Teknikker for tegnetrening<br />
• Planlegge tegning<br />
• <strong>Komposisjon</strong> i tegning<br />
• Tegneoppgave 2: Krokitegning<br />
• Kroki / Stå modell<br />
• Struktur/tekstur<br />
• Rom <strong>og</strong> volum<br />
• Tegneoppgave 3: Rom- <strong>og</strong> volumtegning<br />
• Kroki<br />
• Det gyldne snitt i omgivelsene<br />
• Hvordan konstruere det gylne snitt<br />
• Tegneoppgave 4: Det gylne snitt<br />
• Kroki<br />
• Menneskelige proporsjoner<br />
• Anatomi<br />
• Tegneoppgave 5: Portrett<br />
• Ideskaping<br />
• Kreativitet<br />
• Generelt om design<br />
• Ideskaping<br />
• Kreativitet<br />
• Presentasjon<br />
• Porteføljeoppgave 1: Collage – Presenter deg selv<br />
• Photoshop: jobbe med seleksjoner<br />
• Photoshop: grunnleggende om lag<br />
• Vi kjører Photoshop her rett <strong>og</strong> slett for å komme i gang <strong>og</strong> å få trening<br />
• Photoshop: grunnleggende bildebehandling<br />
• Gjesteforeleser som forteller om en designers hverdag<br />
• Vi bruker gjesteforeleser slik at vi gir studentene et innblikk i hva som<br />
venter dem<br />
02.09.04, erstatter revisjon av: H03 Side 1 av 3
4 1x DSIGN 2521 13 Alle fagtabeller del 1<br />
Periode 2, uke 6 -10<br />
Uke <strong>Komposisjon</strong> <strong>og</strong> <strong>layout</strong> Praktisk yrkesteori<br />
6<br />
7<br />
8<br />
9<br />
10<br />
Vi bruker denne dagen til pr<strong>og</strong>ramvare, fordi det trengs i den resterende<br />
undervisningen:<br />
• Skanning + bildeteori<br />
• Photoshop: Bildebehandling<br />
• InDesign: opprette nye dokumenter<br />
• InDesign: sette inn bilder <strong>og</strong> grafikk<br />
• Oppgave K&L 1: Lage plakat for Molde jazzfestival<br />
• Kontraster<br />
• Bevegelse<br />
• Balanse<br />
• Plakatformatet<br />
• Oppgave K&L 2: lage plakat for en animasjonsfestival (de får to uker<br />
på denne, jfr. Yrkesteorien)<br />
• Skape enhet i en komposisjon<br />
• Lage inngang/utgang<br />
• Emnebetoning<br />
• Foldere (format, størrelse m.m.)<br />
• InDesign: bruke maler<br />
• InDesign: bruke rammer<br />
• Luft, flater, avstander <strong>og</strong> gruppering<br />
• Oppgave K&L 3: lage en invitasjon til familiegjenforening<br />
• Jobbe praktisk med å sette opp en <strong>layout</strong> i InDesign<br />
• Ang. plakaten: viktig å snakke om papirkvalitet, publiseringsmedium,<br />
trykking<br />
• Vi jobber med oppgave 7 fra <strong>Komposisjon</strong> <strong>og</strong> <strong>layout</strong><br />
• Tegne <strong>og</strong> planlegge <strong>layout</strong> <strong>og</strong> objekter på papir<br />
• Denne skal retegnes neste gang<br />
• Skann objektene inn dersom det blir tid til det.<br />
• Snakk mer om trykketekniske ting<br />
• Illustrator: Retegne det vi gjorde forrige gang<br />
• Illustrator: Fylle med farge <strong>og</strong> blande farge<br />
• Disse elementene brukes i plakaten de lager om animasjonsfestivalen<br />
• Porteføljeoppgave 2: Lag en bruksanvisning for Aftenposten, eller en<br />
annen storformatavis i ditt område<br />
• Bruke Illustrator til å lage <strong>layout</strong><br />
• Symmetri <strong>og</strong> asymmetri • Bedriftsbesøk (?)<br />
• Porteføljeoppgave 3 <strong>og</strong> 4 Firmaprofilering - l<strong>og</strong>o <strong>og</strong> grafisk profil.<br />
• Semesteroppgaven deles <strong>og</strong>så ut her<br />
02.09.04, erstatter revisjon av: H03 Side 2 av 3
4 1x DSIGN 2521 13 Alle fagtabeller del 1<br />
Periode 3, uke 11 -15<br />
Uke Typ<strong>og</strong>rafi <strong>og</strong> fargelære Praktisk yrkesteori<br />
11<br />
12<br />
13<br />
14<br />
• Skriftfamilier <strong>og</strong> skriftgrupper<br />
• Skjerm- <strong>og</strong> trykkskrifter<br />
• Font, skriftsnitt, skriftstil<br />
• Hensyn å ta ved valg av skrift<br />
• Oppgave T&F 1: Annonser i Aftenposten<br />
• Tegn-, ord-, linje- <strong>og</strong> avsnittsavstand<br />
• Regler for orddeling<br />
• Illustrator: jobbe med tekst<br />
• Oppgave T&F 2: Typ<strong>og</strong>rafisk portrett<br />
• Hva er lys?<br />
• Fargemodeller<br />
• Primær- <strong>og</strong> sekundærfarger <strong>og</strong> slikt<br />
• Fargerom<br />
• Fargekontraster<br />
• Fargesammensetning<br />
• Fargeharmoni/disharmoni<br />
15 • Fargepreferanser<br />
• Fargepsykol<strong>og</strong>i<br />
• Vise Adobe Type Manager <strong>og</strong> skrifthåndtering<br />
• Porteføljeoppgave 5: Lage en folder for en handelsstandforening<br />
(Oppgaven må tilpasses lokalt ved at Brugata i Oslo byttes ut med en<br />
lokal gate/handelsstandforening – oppgaven legges derfor ut i Wordformat)<br />
• Jobbe videre med emnene fra Typ<strong>og</strong>rafi <strong>og</strong> fargelære, <strong>og</strong> relater mot<br />
trykk<br />
• Jobbe videre med emnene fra Typ<strong>og</strong>rafi <strong>og</strong> fargelære<br />
02.09.04, erstatter revisjon av: H03 Side 3 av 3