Oppgave 5- Formidling

Da er tiden kommet til oppgave 5 i faget web- og informasjonsdesign. Dette er en fast oppgave på alle fagene under digital mediedesign. Hensikten er å sette fokus på læringsprosessen i faglig formidling på blogg.

Jeg har tenkt å ta for meg oppgave 3- Webside 1, der vi skulle lage et nettsted der man presenterte seg selv og en hobby, eller hjemstedet. Jeg valgte å presentere min hobby, og da var det selvfølgelig hageliv som står mitt hjerte nærmest.

Mål og krav til oppgaven:

Minst fire sider med lenker mellom sidene.
Ta med bilder/illustrasjoner.

Mine ønsker for nettsiden:

Informerende om planter som er egnet for sone H5.
Inspirerende i form av å vise frem mine hageprosjekter i form av plantegninger og gjennomføring.
Kort informasjon om meg.

Resultat og gjennomføring

Jeg startet med å skisse opp en struktur for nettsiden der jeg tenkte på tre-klikks "regelen". Så satte jeg med opp en liste over hvilke temaer jeg ville si noe om, og hva jeg ønsket å formidle av innhold på de ulike sidene. Til slutt satt jeg igjen med seks ulike tema som jeg ville legge i navigasjonsbaren i form av: Hjem, min hage, hageplaner, prosjekter, blomster og kontakt. Jeg ønsket et design som fremhevde temaet for nettstedet gjennom illustrasjoner, bilder og fargevalg.

Jeg brukte Dreamweawer til å sette opp selve nettsiden. Jeg startet med å designe en mal som jeg kunne bruke til alle undersidene, med to justerbare felt. Malen inneholdt navigasjonsbaren, bakgrunnen, footer og alle innstillinger for tekst og bakgrunn.

Strukturen for sidene:

Jeg startet med en Wrapper (som omfavnet hele siden) Inni denne plasserte jeg:

Header med navigasjonsbaren. Jeg kunne like gjerne kalt denne navigasjonsbar.

<div id="wrapper">
	<div id="header">
	<div class="linker"><a href="index.html">Hjem</a></div>
	<div class="linker"><a href="Min_hage.html">Min hage</a></div>
	<div class="linker"><a href="hageplaner.html">Hageplaner</a></div>
	<div class="linker"><a href="prosjekter.html">Prosjekter</a></div>
	<div class="linker"><a href="blomster.html">blomster</a></div>
	<div class="linker"><a href="kontakt.html">Kontakt</a></div><br />
	</div>

  Deretter lagde jeg en Maincontent hvor tekst og innhold på sidene skulle stå. Jeg valgte to bokser inni Maincontent, en til bilde og en til tekst.

Til slutt på siden la jeg inn en footer med mitt navn, lenke til min innholdsportal hvor jeg presenterer mine oppgaver og en lenke til studiet.  

<div id="footer"><br />
	<h5 style="color: white;"><a href="http://www.hit.no/nor/HiT/Soeker/Studietilbud/Kunst-og-design/Digital-mediedesign" target="_blank">”Dette er en øvingsoppgave ved Høgskolen i Telemark, Digital Mediedesign”<br />
	</a><a href="http://home.hit.no/~971420/index.html" target="_blank">Min inngangsportal ved studiet. </a>
	<br />©Heidi Strøm Kristoffersen </h5>
	</div>

Jeg lagde et eget SCC  som jeg kalte hoved CSS, her la jeg inn alle føringer for overskrift 1-2-3, linker, scrollbar og lignende. Etterpå lenket jeg til denne i "head" delen av HTML koden. De gangene jeg trengte å gjøre mindre endringer på en side la jeg dette inn under "styles i "head".

Så var det tid for å forfatte tekst og finne frem bilder. Jeg lagde illustrasjonen på forsiden i Illustrator og tilpasset alle bildene i Photoshop før jeg satte dem inn på nettsiden.

Da jeg var ferdig la jeg alle sidene ut på serveren til Høgskolen i Sørøst-Norge.

Resultat:

Jeg ble ganske fornøyd med resultatet, men det er noen småting å rette på. Fargen på teksten i footeren er for mørk, bildelinkene på blomstersiden skal jeg ta bort. Noen bilder har dårlig kvalitet og burde vært skiftet ut. Men jeg er fornøyd med navigasjonen, designet og innholdet og føler at jeg har svart bra på oppgavekravene og mine krav til nettstedet. 

Film Noir

 

 Bahamas, baby!

Det å lage en spillefilm på 3 minutter har sine utfordringer. Film Noir var temaet og oppgaven skulle løses på 3 uker.
 
På digital mediedesign har vi hatt en oppgave i faget film og digital video-emne ved Høgskolen i Sørøst Norge, Notodden. Oppgaven gikk ut på å produsere en kortfilm innenfor sjangeren Film Noir. Det første vi startet med var å skrive en kort synopsis og så få på plass et manus på maks 5 sider. Til hjelp med å skrive manus fikk vi tips om å bruke denne siden:celtx som er greit skriveprogram for manus. Mitt manus ble på tre sider pluss forsiden. Handlingen ble lagt på to locations, hjemme og på et kontor. 

Mål og krav:

- Forståelse for sjangeren Film Noir
- Erfaring innenfor lyssetting for film
- Ta opp og bruke eksterne lydopptak i filmproduksjon

Hva er film Noir? 

Film Noir er en sjanger som ofte forbindes med sterke kontraster i lys og skygge. Handlingen foregår ofte på kvelden eller natten, eller i mørke omgivelser på dagtid. Lys brukes også ofte for å fremheve øyne, og lyskilden plasseres lavt for å skape lange slagskygger. Les om flere sjangertrekk på Mediana.no.
 
I min film har jeg filmet med mitt speilrefleks Canon 550D. Jeg satte innstillingene til sort/hvitt og justerte ned på lysstyrken da jeg måtte filme alt i dagslys, for det var da det passet for skuespillerne. Jeg brukte blenderåpning f 11, for å få grei dybde-skarphet i bildet, og filmet med 25 bilder i sekundet. Utfordringene under selve filmingen var mange, og forarbeidet var viktig. Først måtte jeg rydde plass til filming og planlegge hvor jeg ville at skuespillerne skulle stå og bevege seg. Deretter gjorde jeg opptak for å sjekke lysforhold og bildevinkel. Som skuespillere brukte jeg mannen min og en venninne, jeg måtte også hente inn en barnevakt til å passe ungene mens filmingen foregikk. Det hadde vært kjekt å hatt hjelp med å styre lys og ta opp lyd, men det får være til neste prosjekt.



Her kunne jeg dekket til det store vinduet i enden av rommet.

Redigering og klipping ble gjort i programmet Premiere Pro. Jeg startet med å legge til klippene jeg hadde tatt opp, og gjorde så store begjæringer for å fjerne unødvendige scener. Når den jobben var gjort la jeg til effekter, og justerte Levels på lyset for å skape større kontraster. Til slutt redigerte jeg lydsporet, la til effektlyd og musikk. Jeg prøvde å bruke musikken til å bygge opp stemningen og måtte derfor gjøre mindre justeringer på bildet for å få lyd og bilde til å passe sammen.
 

Erfaringer:

Resultatet ble greit. Jeg manglet litt materiell for å variere mer mellom totalbilde og nærbilde, men hadde flere opptak av samme scene med ulik lengde så der kunne jeg velge det som passet best. Lyden ble tatt opp gjennom kameraet og noen effekter ble tatt opp med en ekstern opptaker. Lyssettingen var en stor utfordring alene. I stuen/kjøkken var det sol ute men det ble veldig jevnt lys uten de helt store kontrastene. På kontoret var det mørkere, men de vinduene som var der ga veldig mye lys, noe som gjorde kvinnen blir veldig mørk mot den lyse bakgrunnen. En større lyskilde hadde også vært fint, da hodelykten jeg brukte gav et lys som var veldig sentrert. Jeg brukte en vinduene som lyskilde og filmet fra motsatt side, i tillegg brukte jeg en lyskilde bak mannen. Det kan fort høres ut som om det meste var pes, men det var faktisk veldig gøy å filme og redigere. Lyssettingen kunne vært bedre om jeg hadde filmet på kvelden, men det ble som det ble. Legger ved noen bilder fra et prøveopptak på kvelden, her er jeg mer fornøyd med lyssettingen.

Her kan du se den ferdige filmen:

 

Oppgave 2- Visuell profil

Da har bloggen min skiftet utseende for en bitte liten stund. I studiet digital mediedesign er nå tiden kommet til web- og informasjonsdesign. I oppgave 2 fikk vi i oppdrag å lage profil til en ny webside og lage en moodboard ved hjelp av en inspirasjonskilde. Jeg fant dette bildet på en nettside og brukte som inspirasjon til mitt moodboard. 

 kilde.

Moodboardet er laget i Photoshop. Jeg lot meg inspirere av fargene, fargekontrastene og blomstene som ga meg ideen for temaet til min nettside. 

Valmuesøstre skulle være en webside som solgte frø, planter og tilbehør til hagen spesielt rettet mot det nordnorske klimaet. Jeg valgte navnet valmuesøstre og blåfargene fordi denne blomsten får spesiell vakker blåfarge her oppe i nord. Jeg valgte delvis sterke farger i designet fordi det skulle samsvare med noen av de sterke fargene man finner igjen på blomstene. Jeg valgte å duse de sterke fargene noe slik at blomsterbildene ble blikkfanget. De lyse gule boksene skulle brukes til symboler som en handlevogn, en enkel sol, og en sol bak en sky, som skulle brukes under blomsterbildene for å gi info om kjøp, og hvilke forhold blomstene trives i som sol eller skygge. 

Her er et forslag som er laget i Photoshop på hvordan websiden kunne sett ut. 

I min blogg har jeg satt inn header og bakgrunn som tilhører denne fiktive nettsiden. Jeg har også endret fargen på fonten i overskifter og navigasjon. Jeg klarte ikke å endre baksiden til den horisontale navigasjonslisten. Denne skulle jeg gjerne hatt gul. Jeg har også valgt fonten Arial i dette dokumentet som samsvarer med valget til nettsiden.  

Gleder meg til å lære mer slik at jeg kan lage en slik side i virkeligheten og ikke bare i Photoshop.