Digital mediedesign nr 8 by Digital mediedesign

Digital

Mediedesign Visuell kommunikasjon i digitale medier

8/ 2015

“Det finnes en App for alt!”

“Det er mye som tyder på at mobil teknologi og mobile Apper er det det som danner rammene for det nærmeste århundrets politiske, økonomiske og kulturelle utvikling.” “Jeg heter Sandra Leschbrandt, og er 28 år. I 2014/2015 tok jeg studiet Digital mediedesign ved Høgskolen i Telemark, avd Notodden. Jeg har stor interesse for fotografi og grafisk design, og jeg har lært utrolig mye gjennom dette studiet. Fremsiden på dette magasinet, som var en deloppgave i Grafisk design, illustrerer en ung engergisk student som får en kreativ idè. Han er omgitt av forskjellige ikoner som illustrerer en brøkdel av det vi har hvert gjennom dette året på digital mediedesign; som fotografi, data (html og CSS) og programmene Photoshop, Illustrator og InDesign etc. Den mørke bakgrunnen sammen med den røffe stilen på ikonene gjør at det ser ut som en tavle og at ikonene er tegnet med kritt. Jeg har prøvd å få til ett resultat som representerer studiets mange temaer, hvor jeg har brukt sterke kontraster mellom det lyse og mørke for å skape en spennende fremside, og piffet det opp med oransje som er en farge som symboliserer energi, kreativitet og glede, for å nevne noen. www.sandraleschbrandt.com

Layout og design: Morteza Amari Forsidebilde: Sandra Leschbrandt Design av forside: Sandra Leschbrandt Trykk: Notodden trykk og reklame Studieinformasjon og opptak: http://www.hit.no/Studietilbud/Digital-mediedesign-1 Facebook: https://www.facebook.com/pages/Digital-Mediedesign/395330415553

2 Digital mediedesign, 8:2015

“Det finnes en App for alt!” Det er den nye populære hverdagsuttrykket! App er en forkortelse for applikasjon som populært knytter forkortelsen til brukerprogrammer på mobile medier som smarttelefoner og nettbrett. Apper fikk sin enorme utbredelse med den unike salgssuksessen med iPhone og kommende smarttelefoner etter det. I følge bizjournals.com overgikk antall aktive mobile enheter verdens befolkning allerede i 2014. emarketer.com antyder at innen 2018 vil halvparten av mobile enheter i verden være smarttelefoner. Dette er en viktig milepæl i menneskehetens historie. Den digitale og mobile tilkoblingen vil forandre alt innen fordeling av ressurser, politisk makt, økonomisk vekst men også innenfor læringsformer og læringsinstitusjoner. Som det raskest voksende fenomen har ingen annen teknologi noensinne påvirket oss som mobiltelefoner. En mobil App er et program som er designet for bruk på mobile medier som smarttelefoner og nettbrett. Mens selve smarttelefonen/nettbrettet er den fysiske delen (hardware), er App’en den ikke-fysiske delen (software) av denne teknologien. For å kunne bruke mobile medier er det nødvendig med et operativsystem og Apper. Mobile App ble opprinnelig utviklet for generell produktivitet og innhenting av informasjon, som for eksempel e-post og værinformasjon. Men det fikk etter hvert rask ekspansjon i andre kategorier, for eksempel offentlige etater, helsesektoren, all innen tradisjonelle medietilbud, sosiale medier, underholdning, læringsinstitusjoner, trening, meditasjon og mye mer.

medier der barna gjøre aktive valg for å starte mobil/nettbrett for deretter å starte en App for underholdning eller spill. Stadig flere barn får i dag interaktive medieerfaringer med trykkfølsomme skjermer med å trykke, peke og ta på før de har utviklet språket. Den oppvoksende generasjonen vil få andre typer erfaringer i deres livsverden enn sine foreldre og lærere. Dette gir også nye utfordringer for læringsinstitusjonene med å utvikle, tilpasse, forske og skape gode rammer for bruken av mobile medier. Som et ledd i denne utviklingen tilbyr vi “App-design for nettbrett og mobile medier”, et emne (15 studiepoeng) i Digital mediedesign 2. I dette emnet skal studentene utvikle kunnskaper om mobile medier som medium for kommunikasjon og formidling. Studentene skal få grunnleggende kunnskap om å finne, vurdere og analysere eksisterende Apper for mobile medier. I tillegg skal de få grunnleggende kunnskap om å designe og utvikle Apper for mobile medier. Kilder: http://www.bizjournals.com/prnewswire/press_releases/2014/10/06/NY30877 http://www.emarketer.com/Article/2-Billion-Consumers-Worldwide-Smartphones-by-2016/1011694 http://businessdegrees.uab.edu/resources/infographic/the-future-of-mobile-application/ http://www.medietilsynet.no/globalassets/publikasjoner/2015/ rapport_foreldre_smabarns_mediebruk_2014.pdf

I følge businessdegrees.uab.edu vil det lastes ned 268 milliarder Apper på mobile enheter innen 2017. Det er mye som tyder på at mobil teknologi og mobile Apper er det det som danner rammene for det nærmeste århundrets politiske, økonomiske og kulturelle utvikling. Det er mange spennende muligheter med denne nye teknologien, men også mange utfordringer som for eksempel overvåking, miljøutfordringer og endrede sosiale relasjoner som det bør reflekteres over. Medietilsynets undersøkelse “2014 foreldre om småbarns mediebruk” viser at barnas første erfaring med medier og mediebruk starter stadig tidligere i barndommen. Det gjelder spesielt mobile

Morteza Amari

DEL 1 Film og Digital video

INNHOLD: Andersen, Robin Hareide Ellingsen, Ann Charlotte Asp, Jens Emil Hagen, Trude Kjeilen, Asta Helen Klausen, Hilde Kristensen, Jonar Nikolay Nitsch, Weronika Pakhadnia, Aksana Råberg, Hanne Mette Schibevaag, Kari Skaslien, Joachim Eik Synnes, Rune Mikal Sæthern, Aud Vedvik, Thomas Winge, Beate Kregnes Øgren, Olov

4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

Del 2: Web og informasjonsdesign

Digital mediedesign, 8:2015 3

Veien videre EN DOKUMENTARFILM OM DET Å VÆRE DESIGNSTUDENT PÅ VEI UT I ARBEIDSLIVET Eksamen i film og digital video, våren 2015 Robin Hareide Andersen

Hva er det egentlig som kan ventes for kunst- og designstudenter som nesten er ferdig med utdannelsen? Det er dette jeg prøver å finne ut av i min dokumentarfilm. Gjennom intervju med studenter, og en etablert person i bransjen, blir det utforsket hva mulighetene er for de som snart er nyutdannede designere, og hva som er viktig.

4 Digital mediedesign, 8:2015

Det å lage dokumentarfilm er noe som er vanskelig å bli vant til, spesielt som hovedsaklig én person. Det har vært veldig utfordrende, men samtidig utrolig morsomt å få muligheten til å finne ut av dette temaet gjennom en slik prosess. Det det å komme seg fra begynnelsen av prosjektet, til å ha en ferdiglaget film, har gitt meg veldig mye. Kan jeg lage en til, nå?

Leitar du etter KYYYR?

Om ei prosjektoppgåve i Film og digital video Av Ann Charlotte Ellingsen REDIGERING FILM litteratur KYR

Strandebarm MANUS forfattar

HANS ERNST KINCK

Den nye kapellanen HD tidslinje Premiere Pro CC

ZEBRA

dramaturgi

storyboard FORMAT rendring Voice over kodek

Hovland gard

ULTRANÆR

I år vert det feira 150-årsjubileum for forfattaren Hans E. Kinck (1865-1926). Han vert gjerne omtala som ein av våre fremste novellistar. Ei kjend strofe frå ei av novellene hans, Den nye kapellanen, vart utgangspunkt for prosjektoppgåva mi. I filmen møter me ei kyr (forteljarstandpunkt) som har sett seg lei på stadige siteringar frå denne novella: ”Leitar du etter kyyyyr?” Kommentarane frå kyra danna ei rammeforteljing rundt ein meir faktabasert del der Johan Storm Munch let seg intervjua. Munch er innehavar av av huset i Strandebarm der Kinck budde. Han forklarar bakgrunnen for spørsmålet om kyr: ei lokal -befolking med eit kontaktbehov og det som kan oppfattast som ”bisarr nysgjerrighet” i møte med ein framandkar. Opptaka til filmen er henta frå eit fjøs, eit kunsthus og frå Kincktunet. Redigering vart gjort i Premiere Pro CC og med Audition som tilleggsprogram for lydarbeid.

Digital mediedesign, 8:2015 5

Av: Jens Emil Asp

Undervisning ikke Underholdning -Jeg lagde en video for lærere som driver med undervisningsfilm. For at jeg skulle blir fornøyd med filmen skulle den kunne bli liggende på youtube over lang tid. Jeg vil lage filmen med enkle midler, for at mennesker med lite tid og kun et kamera skal kunne lage lignende filmer. Samtidig ville jeg lage en interessant film, med et godt og pedagogisk innhold.

3 tips for bedre undervisningsslm: 1. Lag deg en telepromtor - Da kan du se inn i kamera og lese tekst samtidig! 2. Vær en engasjerende versjon av deg selv - Da blir det enda gøyere å se på lmen 3. Kutt ut tullet - Klipp vekk all overrødig informasjon og gå rett på sak.

Filmen kan sees her, vennligst se den i 1080p : https://youtu.be/R3scCzSL5jw

6 Digital mediedesign, 8:2015

VEVING

”Trude gjør noe hun aldri har gjort før”.

-en dokumentarfilm av Trude Hagen

JEG har lært å renne og veve med en bord-vev, I denne prosjektoppgaven ville jeg lage en dokumentarfilm av veving i Adobe Premiere. Filmen skulle vise hvordan man trer en enkel bord-vev og hvordan man kan lage ett moderne og mer tidsriktig vev-bilde. Veving er en håndverkstradisjon som er i ferd med å dø ut, hovedmålgruppen i dag er damer mellom 60-80 år. Ved å dokumentere og dette ved bruk av film/video ønsker jeg forhåpentligvis å treffe ett yngre publikum og veving kan bli aktuelt og trendy igjen. Til denne oppgaven kjøpte jeg inn alt jeg behøvde for å kunne filme ett vev-bilde. Kjøpte inn bord-vev, renningsgarn, ullgarn, softbox- belysning med stativ, fotobord og blitzparaply. Før filmingen dekte jeg til vinduene med sorte søppelsekker, for å hindre daglys, og da stod man helt fritt til å filme uansett tid på døgnet. Dette var til stor hjelp med hensyn til redigering og etterarbeid i AdobePremiere. Fikk tidlig erfare at det ikke var så enkelt å filme samtidig som man vevde, GJØRE ALT SELV. Den største utfordringen var at man ikke kunne se om arbeidet gikk utenfor videokameraets satte utsnitt, noe jeg fikk erfare og som resulterte i at jeg måtte filme flere ganger. Learning by doing.

GO WEAVING!

digital mediedesign-film & digital video Digital mediedesign, 8:2015 7

Stines drøm Film og digital video våren 2015

Prosjektoppgave av Asta Helen Kjeilen

I denne filmen prøver jeg å vise ei ung jentes drøm om å bli negledesigner, hun påvirkes av voksne rundt seg som mener at det ikke går an å leve av dette yrket. Stine klarer likevel ikke å gi slipp på drømmen, og oppmuntres av gode venner til å fortsette jakten på den. Jeg har arbeidet med et utgangspunkt i dokumentar sjangeren, og jeg forsøker å balansere innenfor observerende dokumentar, men grensa her var vanskelig, så filmen har og elementer av fiksjon. Jeg visste ikke helt hvordan filmen ville bli før jeg satt der med alt filmmaterialet, konstruksjonen og noen av øyeblikkene er skapt i ”klippen”, men det meste er det som faktisk skjer mens jeg filmer. Formidlingen i filmen er at du kan bli hva du vil, om du har forutsetninger for å bli det, og drivkraft nok til å gjennomføre det.

8 Digital mediedesign, 8:2015

Reklamefilm for Av Hilde Klausen

Digital mediedesign, 8:2015 9

SPILLDOKUMENTAR

Tekst/ILLUSTRASJON: Jonar Kristensen

I denne oppgaven skulle vi lage en kortfilm, enten en dokumentar eller en fiksjonsfilm. Jeg valgte å lage en dokumentar siden jeg ikke føler jeg har nokk venner i nærheten til å lage en fiksjons film.

så jeg fant frem tre spørsmål som ikke kunne svares ja eller nei på. «Hvorfor spiller du videospill?» «Hvilke typer spill er dine favoritter?» «Hva trenger ett spill for å gjøre det bra i bransjen etter din mening?».

Jeg visste ikke helt nøyaktig hva slags dokumentar jeg skulle gå for, og bestemte meg så for å basere det på noe av det jeg liker best, spill.

Jeg begynte oppgaven med å skrive meg en synopsis, samt å finne location for filming. Poenget med dokumentaren er å vise fra en spillers perspektiv, hvorfor han eller hun spiller og hva som trengs for å klare seg i spillbransjen.

Siden dokumentaren bare kunne vare i opp til fem minutter måtte jeg planlegge godt. En introduksjon, ett intervju og noen spill, dette er det dokumentaren vil bestå av. Intervjuobjektet ble ganske enkelt en av mine nære venner, og han stilte opp meg ett glis. Jeg fant ut at jeg ikke kunne ha særlig mange spørsmål,

1 10 Digital mediedesign, 8:2015

Digital Mediedesign & Weronika Nitsch presenterer:

Bjarne bor alene på Yri i Oldedalen, en liten og vakker vestlandsbygd med 100 innbyggere. Han bor sammen med hunden sin Tassen og noen sauer i fjøset. Det er vår - og Bjarne går i begravelse til sin venn. Bjarne sover i fjøset på denne tiden for å kunne hjelpe sauene med lammingen. Denne våren får Bjarne ny nabo: En byjente. Hun vil lme når sauene til Bjarne lammer, men hun blir snart en del av dramatikken i sauefjøset. En større del enn Bjarne hadde tenkt. De to tilbringer tre dager sammen i fjøset. "Bjarne begraver begr Tassen" er en blodig, litt absurd historie om å bli venn med noen som er anderledes enn en selv. Det er en liten lm om nytt liv - og død. Det er en lm med mye banning - og med et snødryss som faller over fjellene til slutt!

Digital mediedesign, 8:2015 11

Film og digital video

Aksana Pakhadnia

Som �ros�ekto��gave valgte �eg � lage en dokumentar �lm “Brukere eller skapere?” som handler om kodeklubben i Drøbak. “...vi skal leve av noe etter oljen, og teknolgi er en ting som omfavner oss mer og mer. Derfor har vi behov for å lære barna våre teknologi og data. Det er de som skal sørge for at vi har pensjon når vi blir eldre... .....�eg håper at andre blir inspirert når de har sett �lmen, og at vi kan få enda �ere kodeklubber i �orge. �åper at de o�enlige tar ansvar og sørger for at koding kommer inn som en del av grunnfagpensum på skolen...” Stein-Viggo Grenersen leder av kodeklubben i Drøbak Synopsis: “Kodeklubben i Drøbak er et gratis og frivillig tilbud ti barn og unge mellom 8 “Kode og 16 år og er en forlengelse av bevegelsen “Lær Kidsa Koding” som har som formål at “... barn og unge skal være i stand til å forstå og beherske sin egen rolle i det digitale samfunnet, og de skal oppleve det som like selvsagt å være kreative og skapende som brukere av teknologien. Filmen vil bestå av intevjuer og sequenser som viser samlinger der barna lærer å programmere“. I �lmen fortalte jeg historien om en far som klarte å engasjere �ere til å være med og å starte den lokale kodeklubben i Drøbak. Jeg presenterte i �lmen også hva kodeklubben driver med og hva barna lærer der. �ed denne �lmen ville jeg vekke interesse hos publikum til et utfordrende samfunnsproblem som gjelder undervisningen av data til barn på skolen. De samfunnsp unge kan ikke bare bli brukere, men også skapere med teknologien som verktøy. Jeg ville vise hvordan problemet løses av aktive samfunnsdeltakere, og inspirere �ere til å delta i bevegelsen “Lær Kidsa Koding”. I løpet av arbeidet mitt brukte jeg i praksis de kunskapene jeg har tilegnet meg i dette studiet. All redigering av bilde og lyd er foretatt i Adobe Premiere Pro CS6.

12 Digital mediedesign, 8:2015

Finnskogen I prosjektoppgaven for film og digital video valgte jeg å lage en personlig dokumentar fra Finnskogen. Skogfinnene, som utvandret fra Finland til Norge på 1600-tallet, er opphavet til min slekt, og i filmen søker jeg å finne ut mer om hvem de var og hvordan de levde. Budskapet i filmen handler om at skogfinnenes verdier og tanker om nærhet mellom menneske og natur er verdt å ta vare på også i dag. Jeg har filmet familien min og intervjuet Birger Nesholen ved Norsk Skogfinsk Museum. hanne mette råberg.

Digital mediedesign, 8:2015 13

14 Digital mediedesign, 8:2015

Av: Skaslien, Joachim Eik

Tid er Viktig! Tid, det er en viktig faktor å huske. Det er viktig at du har alt du trenger i god tid for filming, at du har tid til å filme på nytt, at du har tid til å koordinere. Slike at du ikke på gjøre alt på den ene og samme dagen. Det var den leksen jeg lærte. Og lærte grundig. Redigering vil ta tid, spesielt viss det er mye effekter slik det var i min, så husk å spille inn i god tid på forhånd. Med god tid ungår du også stress, og resultatet blir bedre.

Digital mediedesign, 8:2015 15

Maler og pedagog Filmprosjektet mitt prøver å gjengi en kunstners prosess fra ide til ferdig produkt. Jeg ønsker å komme nært på prosessen å gi tilskueren en nesten taktil fornemmelse av arbeid og natur. Det ble og et spørsmål om hvordan film som medium kunne brukes for å formidle kunstneriske prosesser og uttrykk. tekst og foto Rune Mikal Synnes Kunstneren i prosjektet er Reidar A. Synnes. Han har i tillegg til den kunstneriske aktiviteten hatt et langt liv i skoleverket. Han er utdannet som grafikker ved Bergen kunst og håndverkskole, men den kunstneriske aktiviteten har etter hvert gått mer og mer i retning av maleriet. Han arbeider nå stort sett med akryl og akvarell . Han har og et engasjement i forhold til formidling av gammel kystkultur. Mitt prosjekt forutsetter at kunstneren underveis må kunne bidra med å formidle tanker rundt prosessen. Men i tillegg til denne mer verbaliserte delen, ønsket jeg å prøve og nærme meg selve den kunstneriske prosessen uten å bruke virkemidler som ord eller musikk. Den første delen av filmen har dette som utgangspunkt. Her prøver jeg å skape en stemning gjennom nære bilder og naturlyder i håp om å trigge tilskuernes hukommelse i en taktil retning. For å illustrerler den kreative prosessen som foregår i forhold til dette området setter jeg en skisserende kunstner inn i området. Jeg lar vannet høres både som bølger mot stranden og i skrittene hans på fuktige stier. Vannet blir her et element som virker nedbrytende i forhold til omgivelser og dyr, men og oppbyggende ved at akvarellteknikken bygger opp bildet gjennom lag på lag med vannoppløste fargepigmenter. Det blir som å oppdage historien gjennom sedimentære lag. Akvarellens transparente virkning kan kanskje gi oss følelsen av fyrlyktens skinn gjennom storm og regn mot en trygg havn.

16 Digital mediedesign, 8:2015

Digital mediedesign, 8:2015 17

Prosjektoppgave Film og digital video

- En presentasjonsfilm for ungdomsklubben Fredagsklubben.

We Are WE ARE - Fredagsklubben

Av: Thomas Vedvik

FILM ER GØY - og forholdsvis krevende, både i forhold tid og kompetanse. En skal være litt mesterkokk for å å lage en god film. BLANKE ARK Det har blitt sagt mye positivt om blanke ark, det å få starte på nytt. Personlig er jeg innmari gira på nettopp det å etablere og bygge opp prosjekter. Likevel, å lage film; For å si det enkelt - jeg har fått enda større respekt for filmprodusentenes oppgave! ØVELSE GJØR MESTER Som på mange områder må man øve for å bli god i noe. Dette er også min erfaring når det gjelder film. Å lage film som prosjektoppgave syntes jeg var både gøy og krevende - men er nå veldig glad for å ha tatt sats for å komme videre i forhold til det å lage film, om enn ganske korte filmer - så langt. PERSONLIGE MÅL MED PROSJEKTOPPGAVEN Et av mine mål med prosjektoppgaven var å bli mer kjent med After Effects - og ikke minst det å filme og gjøre gode opptak. For mitt vedkommende var det også første gang jeg tok bilder og lagde en Time Laps-presentasjon. Dette var kjempegøy! En god erfaring å ta med seg videre. Opp før sola, og vente på 18 Digital mediedesign, 8:2015

de første lysstrålene som begynner å fargelegge hus og natur. Jammen er det flott! Time Laps er en ypperlig måte å fange slike endringer på. VIKTIGHETEN AV GOD PLANLEGGING En viktig del av å lære noe er å gjøre det i praksis. En ting er å si halleluja, en annen ting er å gjøre det! Igjennom prosjektperioden ble det mye prøving og feiling, spesielt når det gjaldt å ta gode opptak. Personlig har det måtte en bevisstgjøring til for å ta opptakene nærme nok. Halvtotaler, nært, halvnært. For meg er det tydelig at dette må til - og en god posjon med tålmodighet og planlegging for å få det til. FANTASTISK UNGDOMSKLUBB Jeg er leder av en ungdomsklubb, og nettopp denne klubben var mitt fokus for prosjektoppgaven. Bygde litt opp under ”må bare ha det”, i forhold til det å løpe for å rekke Fredagsklubben. ”We are” gjenspeiler det at ungdommene selv er den viktigste ressursen og bærere av ungdomsklubben. Mørke lokaler gjorde filming innendørs litt ekstra krevende - men jeg tenker at det er nettopp det en filmprodusent må være; kreativ for å skape en god film - og ikke minst bygge opp kunnskap og erfaring.

Digital mediedesign, 8:2015 19

dokumentarfilm: kroppsanalyse Olov Øgren

Jeg har alltid vart opptatt av dokumentarer, vitenskap, trening og kosthold.

Derfor var ganske naturlig for meg å lage en dokumentar i første person om at prøve komme i bedre form. Denne dokumentar ønsket jeg skulle inneholde et snev av vitenskap. Så jeg besluttet jeg at bli målt ved hjelp av så kallet ”kroppsanalyse”. Her får man blant annet vite muskelmasse i kilo, fettmasse i kilo og prosent, hvileforbrenning i kcal etc. Planen min var å ta målingen to ganger med ca. 6 ukers mellomrom og se om min egeninnsats vil gi utslag på målingene og filme prosessen etter veis.

20 Digital mediedesign, 8:2015

DEL 2 Web og informasjonsdesign

INNHOLD: Andersen, Robin Hareide Bløndal, Gudrun Elisabet Bukhala, Anastasiya Ellingsen, Ann Charlotte Follaug, Stian Gran, Helle Cathrine Haugen, Daniel Hovda, Joakim Hvidsten, Hege Vatland Kibsgaard, Annette Ellingsrud Kjeilen, Asta Helen Klausen, Hilde Kristensen, Jonar Nikolay Kvalheim, Christina Larsen, Roger Myhren, Adrian Nitsch, Weronika Ohren, Morten Pakhadnia, Aksana Sanda, Bjørn Helland Schibevaag, Kari Skaslien, Joachim Eik Solli, Jørgen Stavne, Martin George Aslak Stuvik, Kjersti Syvertsen, Tarald Mikal Thomassen, Espen Adrian Vedvik, Thomas Wallace, Emily Linn Winge, Beate Kregnes Østlyng, Ole Christian W Øvrebø, Glenn Eric

22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53

Digital mediedesign, 8:2015 21

Minimalistisk nettside for kunst Prosjektoppgave i Web- og Informasjonsdesign Robin Hareide Andersen

I mitt prosjekt har jeg valgt å lage en nettside om meg selv som kunstner. Måten jeg valgte å gjøre dette på var å holde meg til et minimalistisk tema som tar form av et stilrent og moderne uttrykk. Gjennom prosessen har jeg blant annet gått gjennom hva som er viktig for å vise seg frem som kunstner på nett, lekt meg med interaktivitet i logodesign, og gått videre på generell strukturering av nettsider. På nettsiden har man blant annet tilgang til bildegalleri, informasjonsside og lenker til sidene mine på sosiale medier. Webdesign har vist seg å være et av de fagene som har vært både vanskeligst og morsomst å prøve å finne ut av for meg. Men selv om det kan ta veldig lang tid å lage nettsider, med tanke på hva man faktisk skal gjennom fra start til slutt, er det forbløffende artig å se at man ender opp med noe man kan bruke videre i veien til å bli kjempekjent superkunstner. ...Eller kanskje bare litt kjent, da.

22 Digital mediedesign, 8:2015

Web og informasjonsdesign av Elisabet Bløndal L i n k : h t t p : // h o m e . h i t . n o / ~1 4 1 7 3 9 / P r o s j e k t o p p g a v e / i n d e x . h t m l

<div class=”tekst”> </p> Faget Web og informasjonsdesign startet som en forvirrende modul for en webjomfru, det handler om å knekke koden, og da åpner det seg en hel verden av koder med mange muligheter </p> </div>

I den avsluttende prosjektoppgaven for Web og informasjonsdesign valgte jeg å svare på oppgaven lage en nettside med mat som tema. Min løsning på denne oppgaven ble en inspirasjonside om å tilføre frukt og grønt til den tradisjonelle frokosten. Jeg har prøvd å holde et rent design med få elementer og livige farger i illustrasjoner og bilder Siden skulle lages i Adobe Dreamweaver og alt av bilder og innhold er egenprodusert og tegnet og redigert i Adobe Illustrator og Photoshop. Dette har vært en utrolig givene prosess med mange nye oppdagelser og utfordringer. Den har lært meg mye om å sette av tid til prøving og feiling og om hva man kan få til ved bare å prøve. ”I always do what I cannot do, i order to learn how to do it” - Pablo Picasso

Digital mediedesign, 8:2015 23

Av: Anastasiya Bukhala

NETTSIDE «ALT OM MAT» Nettsiden «Alt om mat» er et resultat av

Nettsiden ble laget i Dreamweaver CC,

prosjektoppgaven

enkle elementer ble laget i Notepad++.

Web

–

informasjonsdesign emne i vår 2015. Nettsiden presenterer seg som en samling av matoppskrifter og små artikler om matopplevelser. Den har hierarkisk struktur hvor alle hoved underkategoriene (middag, frokost, lunsj, desser) ligger på hovedsida. For å forbedre brukervennligheten

på

siden

ble

navigasjon meny plassert både på toppen til høyre og nederst på siden. Det er tilgang til alle lenker i hovedmeny fra alle sider. Fargevalg er enkelt og ryddig: hvit bakgrunn, svart/grå skrift, noen elementer i gråtoner. Hvit bakgrunn skaper følelse av «luft», bidrar til bedre brukeropplevelse,

F IGUR 1 E KSEMPEL PÅ OPPSKRIFT - SIDE

Hovedmålgrupper for nettside er personer som er interessert i matlaging, og personer som spiser på utested og vil gjerne ha tilbakemelding om matretter som er servert på de forskjellige utestedene.

og forbedrer brukervennlighet.

F IGUR 2 F RAMSIDE "A LT OM MAT "

24 Digital mediedesign, 8:2015

Om ei prosjektoppgåve i Web- og informasjonsdesign Av Ann Charlotte Ellingsen

For prosjektoppgåva mi valde eg å setja opp ein nettstad for Lotte media - eit fiktivt føretak. Nettstaden vart laga ved bruk av HTML og CSS i Adobe Dreamweaver. Føremålet med nettstaden var å promotera meg sjølv som mediedesignar og å få brukarane til å ta kontakt for nærare informasjon og eventuelt konkrete tenester. Målgruppa var mindre føretak og organisasjonar, gjerne innan kreative yrke. På siten vert det presentert eigne arbeid på undersidene Foto/Video/Web/Grafisk, saman med tekst om produkt og tenester. Her finst også ei Heim-side og Kontakt. Linkar til sosiale medier og faget Digital mediedesign kan gje utfyllande info. Prosessen med å laga sida var interessant. Frå litt for mange idéar på notisblokker og i Pinterest, via grid-skisser, lesing og googling til tolmodig steg-for-steg-bygging av sida. Her krevst tid, tolmodigheit og mengder med kaffi. Jakt på lukke-divar på avveie. Eit manglande semikolon stikk kjeppar i hjula. Oppturar når elementa fungerar slik dei skal. Det mest utfordrande var å få på plass eit bildegalleri side om side med tekst. Fekk også prøva meg på å bygga inn videoar frå YouTube og kart frå Google Maps. Artig var det å prøva seg på eit litt større prosjekt der alt skulle passa saman!

Digital mediedesign, 8:2015 25

Av: Stian Follaug

26 Digital mediedesign, 8:2015

Prosjektoppgave i web- og kommunikasjonsdesign

I denne prosjektoppgaven har jeg laget en side om grytebrød.

Jeg startet med å tegne og planlegge siden på papir. Det var vanskeligere enn jeg trodde å finne et Hensikten med nettsiden er oppsett og en god struktur for nettdels å forklare hva grytebrød er og siden, spesielt for selve oppskrifhvor lett det er å lage, men også tene! å dele oppskrifter og tipse om Siden er laget i Adobe Dreamhvordan man kan lage helt egne varianter med de ingrediensene weaver. Her har jeg måttet sette man tilfeldigvis har stående. Kon- meg inn i HTML og CSS for kunne taktinfo hører med. kontrollere designet, og jeg har også snust litt på PHP. Sistnevnte “Hvis brødet er dårlig, blir også tok mye tid og ga meg endel hodebry! Tilfredsstillelsen var stor livet dårlig.” Jan Kjærstad

da jeg endelig fikk det til. Arbeidet med prosjektoppgaven har absolutt gitt mersmak. Som vanlig når man jobber med litt større prosjekter, får man lyst til å starte på nytt når man er ferdig, med all den kunnskapen man har tilegnet underveis i verktøyboksen. Det er et tegn på at man har lært mye nytt! Helle Cathrine Gran

Digital mediedesign, 8:2015 27

28 Digital mediedesign, 8:2015

Av: Joakim Hovda

MAT Noe vi alle trenger

I denne oppgaven ville jeg jobbe med noe som opptar meg, nemlig matlaging. Matlaging er noe som har stått meg nær hele livet, og jeg har nå fått en mulighet til å vise andre det jeg har lært de siste årene. Mat er som sagt noe vi alle trenger, men det trenger ikke alltid være kjedelig og dyrt. En kan derfor legge til et siste finish når det kommer til produktet slik at det ser mer profesjonelt ut!

Digital mediedesign, 8:2015 29

I prosjektoppgaven i web- og informasjonsdesign har jeg jobbet med en nettside for å presentere og promotere egne bilder. Oppgaven ble en utfordring, men også nyttig. Siden er bygget opp ved bruk av Adobe-programmet Dreamweaver. Jeg har hatt egen hjemmeside noen år, men etter å ha jobbet meg gjennom dette faget, har jeg måtte prøve å se tingene fra flere sider, det å tenke grundig gjennom hva som fungerer, hva som er formålet, hvem som er målgruppen og hvordan brukerne kan finne det det de ønsker er alle viktige deler av prosessen i formidling på nett. Sammen med design- og fotofagene fra i høst har jeg fått faglig input som allerede er i bruk!

Det har vært et mål for meg at siden skal være enkel å bruke og lett å finne fram på. Et annet mål har vært å implementere farger og elementer fra mine visittkort, samt å lage, og ta i bruk, en ny logo, der sommerfuglen, som har vært med meg fra starten, skulle være et element. Gjenkjennelighet er et viktig element i profilering, og kanskje spesielt på nettet.

Siden jeg har laget er enkel, fokuset er på galleriene med visning av bildene mine, direkte kontaktmuligheter fra siden, lenker til sosiale medier og en kort beskrivelse av hva jeg gjør og kan tilby. Ved implementering av designelementer fra oppgaven til andre sosiale platformer og etterhvert også til min gamle hjemmeside håper jeg å oppnå et helhetlig uttrykk.

av Hege Vatland Hvidsten

♥♥♥♥

p r o s j e k t o p p g a v e w e b o g i n f o r m a s j o n s d e s i g n v å r e n 2 0 1 5

30 Digital mediedesign, 8:2015

Digital mediedesign, 8:2015 30

Prosjektoppgave i Web- og informasjonsdesign av Annette Ellingsrud Kibsgaard

Som prosjektoppgave i studiet Web- og informasjonsdesign hadde vi valget mellom å lage et nettsted med mat som tema, eller et nettsted der vi skulle promotere oss selv som kunstnere, designere, fotografer eller lignende. Jeg valgte temaet franske kaker og annet bakverk, og lagde et nettsted der jeg presenterte mine franske favoritter og litt om deres historie. Bakgrunnen for mitt valg er at jeg alltid har interessert meg for kakebaking. Etter at jeg flyttet til Frankrike oppdaget jeg det franske konditorkunsten, og vil gjerne dele min fasinasjon for

franske konditorkaker. Utvalget ved bakerier og konditorier i Parisområdet er rikt og mangfoldig, og mange av disse kakene er nesten å betrakte som kunstverk. Nettsiden har jeg bygget i Adobe Dreamweaver, og den består av en forside, og tre hovedsider som hver har tre undersider. På hver side presenteres en hovedgruppe, en kake eller et annet bakverk. Designet er det samme på alle sidene, men produktbildene varierer. Fargevalget i designet er basert på fargene i bildet i headeren.

Adobe dreamweaver er ettter min mening et brukervennlig program. Man trenger ikke være ekspert i programmering for å klare å lage en nettside med denne programvaren, og om man trenger hjelp finnes det mange opplæringsvideoer og lignende på internett. Det har vært en veldig inspirerende og interessant prosess å arbeide med dette nettstedet, og jeg har lært mye underveis. Likevel føler jeg at læringsprosessen så vidt har begynt, og at webdesign er et område der nye muligheter stadig dukker opp rundt neste sving.

Digital mediedesign, 8:2015 31

32 Digital mediedesign, 8:2015

Digital mediedesign, 8:2015 32

Digital mediedesign, 8:2015 33

Å lage en nettside Tekst og illustrasjon av: Jonar Kristensen

I denne oppgaven skulle jeg utforme en nettside, jeg kunne velge mellom to alternativer. Den ene gikk ut på å lage en oppskriftside for matretter og det andre alternativet skulle være en side for å promotere meg selv som kunstner. Siden skulle bestå av en forside (hjem/informasjon), ett galleri hvor jeg vise mine illustrasjoner, en butikk hvor jeg kunne vise prints eller T-skjorter for salg, samt en kontaktside. Jeg begynte med å skisse meg en ide i Adobe Illustrator, når jeg omsider var fornøyd med ideen begynte jeg det ordentlige arbeidet. Kodingen. Selve nettsiden ble laget i Adobe Dreamweaver, der kan

du sette opp nettsiden som du vil, og legge inn forskjellige design elementer. Høres kanskje lettere ut enn det faktisk er, dette programmet ga hjernen min juling. Kort sagt så er siden ett port-folio hvor jeg viser frem det jeg har laget, så venner eller interesserte kan ta en gikk og eventuelt Gi meg tilbakemeldinger. Nedenfor kan dere se resultatet fra da jeg ble ferdig med oppgaven.

1 34 Digital mediedesign, 8:2015

Digital mediedesign, 8:2015 34

Digital mediedesign, 8:2015 35

EN WORDPRESS SIDE OM DRONER!

- AV ROGER LARSEN

I mitt prosjekt har jeg valgt å bruke mitt nystartede firma for å promotere meg selv som en ekte dronefotograf. Firmaet heter Grenland Droneservice og er startet med en kamerat. Det har vært mange utfordringer på veien, men vi er godt i gang.

Nettsiden ble laget med publiseringsverktøyet Wordpress og temaet som ble brukt heter Vantage fra SiteOrigin.com. Mange spennende utfordringer og mye har blitt lært! Håpet er å fortsette å videreutvikle kunnskapene min innenfor webpublisering og videre utvikle nettsiden. Dette fører forhåpentligvis til at siden genererer flere kunder for mitt nye foretak.

36 Digital mediedesign, 8:2015

Det er sikkert manges mening at det er en enkel sak å lage en Wordpress side, og dette er til en viss grad også sant. Men når det kommer til å lage en GOD Wordpress side, kreves det mye tålmodighet og masse fikling med diverse innstillinger. Jeg mener selv at jeg klarte å mestre dette verktøyet til en såpass stor grad at jeg kan ve se på nettsiden min som god. Den er kanskje enkel, men ofte er det det som skal til for at kunden velger å bli på siden. Ikke noe fancy opplegg med popups eller lignende. Kun den informasjonen som trengs å gis, blir vist, og er enkelt tilg jengelig via toppmenyen.

Digital mediedesign, 8:2015 36

Digital Mediedesign

http://home.hit.no/~107708/Pickle/

Eksamen 15WEBINF

Denne sylteagurken var så stor at den ikke ﬁkk plass på arket, så vi så oss nødt til å dele den i to og putte den andre halvdelen i et annet magasin. Vi beklager om dette har skapt forvirring.

Hva skal vi spise? Et ganske enkelt spørsmål, men som ikke er like enkelt besvare. Hos «The Pickle» vet de råd. Tekst og foto Adrian Myhren Du slenger en frossenpizza i ovnen og setter på noen minutter på klokka på mobilen. Du slenger deg ned på sofaen og tar et pust i bakken før du skal hive i deg maten og deretter fortsette med alle de tusen tingene du skulle ha gjort i løpet av dagen. Du må lese ut den boka, pugge til eksamen, gå til butikken, ringe mamma, løfte vekter og støvsuge hele leiligheten. Uﬀ ja, har ikke tid til å lage noe annet enn ferdigpizza.

Kanskje er det ikke akkurat sånn for deg, men du kjenner deg likevel igjen. Det er ofte vi ikke tar oss tid til å spise ordentlig mat. Ekte, god mat som er bra for oss, miljøet og gir masse energi. Smake godt gjør den også. Hos The Big Pickle går de til forsvar for maten, tar opp matproblematikk og presenterer oppskrifter og artikler på enkel og forstålig måte. De tar standpunkt med forskning og tradisjoner, er matglade og engasjerte, for at mat skal være så så bra som mulig. «Vi må ha respekt for maten», sier redaktør

Franz Gurkeberget (37) står bak det kjøtt. Det er bra for både kroppen nye nettstedet. og for miljøet. Start med kjøttfri mandag, og ta der derfra. Store «Nordmenn, og alle andre i den endringer tar tid, og vi forventer vestlige verden, kjøper mengder ikke at noen snur helt om over kraftig foredlet mat. Vi vil at folk skal natten. Kan vi inspirere og motivere spise mer ekte, kortreist, økologisk folk til å gjøre bedre matvalg, og at mat. Spesielt er vi opptatt av Ny de blir mer bevisst på maten de Nordisk Mat, som er nordens svar spiser, er det stålende. Ta det ett på middelhavsdietten. Vi vil også at skritt om gangen» forteller Franz folk skal spise mer grønt, og mindre med et smil om munnen.

Fra venstre: Kalle Fritjofsen (27), Franz Gurkeberget (37), Johnny Olav Ødegaard (24) og Gottfred Johannes Pehrson (62)

Digital mediedesign, 8:2015 37

Digital Mediedesign

WEB- OG INFORMASJONSDESIGN Av Weronika K. Nitsch

Som min prosjektoppgave i Web- og informasjonsdesign valgte jeg å lage et nettsted som skulle promotere meg som regissør/produsent. I dette prosjektet har jeg jobbet mye med elementer som svart/hvitt fotografi, tegninger og sirkler. Jeg fokuserte på bilder og minimalistiske, litt morsomme tekster. Jeg begrenset fargepaletten min til et minimum for å gjøre siden ren og elegant. Jeg brukte to typer fonter for å stramme opp utrykket på siden. Fontene på filmstrimmelen med lange og tynne bokstaver, henviser direkte til fontene som blir brukt på filmplakater. Bildene er tatt fra filmen ”Bjarne begraver Lykke” - en dokumentar laget av meg som prosjektoppgave i Film og Digital Video faget. Referanse til filmverdenen har også hovedsiden med silhuett av en mann bak kamera. Sirkler som er plassert på film tape over kameraet er linker til seks undersider. På undersidene dukker det opp igjen en silhuett av en mann. Han går både forbi filmstrimmel på header - og passerer body og wrapper. Gjennom denne mannen og alle de andre elementene prøvde jeg å lage et enhetlig og samlede visuelt uttrykk for nettsiden min - som samtidig hadde tydelige referanser til filmverdenen. Obs! Prosjektet ble en meget stor utfordring for meg. Jeg hadde ingen kunnskaper om Dreamweaver r fra før. 38 Digital mediedesign, 8:2015

Velkommen til Skiens Restauranter Her finner du smakfulle restauranter bortgjemt i kriker og kroker av Skien sentrum. Har du lyst på Sushi, men vet ikke om en restaurant i nærheten? Eller har du lyst på en saftig biff, uten og måtte søke på nett? På våre nettsider finner du nyttig informasjon som adresse, meny, åpningstider og kontaktinformasjon til kjente restauranter i Skien. Du kan også lese om de enkelte spisestedene eller se andre som har tagget nettstedet på instagram. Ved å sjekke Skiens Restauranter vet du alltid hva du kan forvente deg av Skiens kulinariske liv.

Vi ønsker dere bon appétit og håper dere får god nytte av nettsiden.

Morten Ohren, Dette er en øvingsoppgave ved høgskolen i Telemark

Digital mediedesign, 8:2015 39

Web- og informasjonsdesign

Aksana Pakhadnia

I min prosjektoppgave i WEB- og informasjondesign valgte jeg å lage et nettsted som skal promotere meg selv som reisefotograf. Målsetting Misjonen med dette nettstedet er å bidra til å inspirere flere til å oppleve skjønnheten av vår planet, og å sette pris på de overveldende øyeblikkene som vi alle opplever.

Målgruppe - Mennesker som leter etter inspirasjon for reiser og fotografering. - Organisasjoner og private mennesker som trenger en reisefotograf som kan utføre konkrete oppdrag for dem (bilder for reklame, markedsføring, web-sider osv.).

Resultat Gjennom prosessen fra ide til det ferdige produkt gjorde jeg mange forandringer og justeringer, men ble fornøyd med resultatet til slutt: Jeg fikk inngående kunnskap og forståelse om hvordan HTML og CSS fungerer. Jeg lærte hvordan Dreamweaver fungerer og testet mange funksjoner som programmet tilbyr. Jeg fikk god forståelse om hva nettstedet skal hadle om. Jeg jobbet mye med hvordan innholdet skal strutureres og presenteres. Jeg fikk forståelse for søkermotoroptimalisering.

40 Digital mediedesign, 8:2015

Digital mediedesign, 8:2015 40

Av: Bjørn Helland Sanda

toMat - godt og lett

I dette prosjektet laget jeg ett nettsted med raske og enkle oppskrifter på matretter på det jeg mener er god mat. Designet landet på tomatrød farge siden de ﬂeste rettene kan en smelle på en dæsj med ketsjup.

Målgruppen var rettet mot yngre hankjønn som liker enkle og raske matretter. Jeg prøvde også å få med matretter der en får mye mat på kort tid, mat som holder seg bra i kjøleskapet og passer ﬁnt ved besøk

Nettstedet har en enkel, men ryddig stil og er lett å navigere seg i gjennom. Fargevalget ble en «crossover» av typiske nettfarger, en farge som innholder nok rødt for å trigge appetitten og en grønnfarge for å symbolisere sunnhet og balanse.

Digital mediedesign, 8:2015 41

42 Digital mediedesign, 8:2015

Digital mediedesign, 8:2015 42

Av: Joachim Eik Skaslien

Matkroken, lærte meg en ting. Uansett om du prøver, om du bruker Dreamweaver koding kan være dritt. Nødvending, og til og med nyttig. Til du har lært det, kan det være dritt. Men det er viktig å komme seg over humpen og få gjort det. Når du har klart å gjøre det, så er det så veldig givende. Så gi ikke opp. Og det kan være morsomt. Viss du liker det du driver med i hvert fall. Og ting kommer til å slå feil fra tid til tid, det skjer alle. Bare ikke gi opp. Og prioriter, hva er det som er viktig, nødvendig å få på plass, og hva er det som er ekstra. Dette er hva Matkroken, min oppgave, lærte meg.

Digital mediedesign, 8:2015 43

E V IGN S A E G SD

P JON P S A T O ORM

F K N I E J OG S B O EN KOMPLETT PORTFOLIO WE R P WORDPRESS NETTSIDE

Hei! Mitt navn er Jørgen Solli, og dette er min presentasjon for prosjektoppgaven i Web og Informasjonsdesign! Jeg valgte å lage et nettsted som promoterer meg selv som grafisk designer.

Det var utfordrende men lærerikt å lage en nettside i WordPress. Selv om mye av brukergrensesnittet er enkelt og det hovedsakelig er en enkel prosess å sette opp en WordPress side, er det mye tidskrevende arbeid å lage en GOD nettside. Mesteparten av tiden min gikk til å finne det riktige temaet som passet til det designet jeg ville ha. Jeg fant etter mye leting fram til et tema som heter Divi 2.0. Teamet har et utrolig stort omfang og utallige mange funksjoner som er veldig godt gjennomført. Jeg fikk muligheten til å jobbe litt med php, da det var noen ting jeg ville endre som temaet ikke hadde programmert inn i GUIen. (Guided User Interfae er alt som består

ENLEERT MED D I S T T E N UT VIK

JELP AV

H OG VED

RE WORDP

WP DIVI 2.0

THEME

av knapper og tekstbokser) Nettsiden består av store slides og lite tekstlige bokser. “Det enkle er ofte det beste”, som Rema 1000 sier, passer også ofte godt til enkelte nettsiden. Hovedoppgaven til denne nettsiden er å fort skape interesse hos brukeren og få han/hun til å ville utforske siden mer. Mye kjedelig tekst vil fort skremme bort personer. Lyse og “friske” farger derimot er veldig tiltrekkende, og håpet er fa at dette blandet inn med essensiell informasjon om meg som grafisk designer er nok til at en potensiell kunde vill kontakte meg.

TA EN TITT: WWW.A9C.56C.MYFTPUPLOAD.COM 44 Digital mediedesign, 8:2015

Digital mediedesign, 8:2015 44

Martin Stanve

Portfolio

min prosjekt oppgave ve. Dette er da altså min prosjekt oppa det er en fin liten portfolio side. ke denne oppgaven har vi jobbet gans ye så lenge. jeg har brukt ganske m tid på den, de siste dagene før innleveringsfristen.

Galleriet

På denne siden kan du nemmerlig se de siste verkene som har blitt lagt til på “nylige”. Den har også en flott meny!

til skype Den har også direkte link book, appen, og link til både face twitter og deviant art! :) Den har også en slide zoom galleri, på den måten får du fram flotte bilder, i slow motion zoom. Det er såklart også kontakt info :D!

Digital mediedesign, 8:2015 45

EN PROSJEKTOPPGAVE I WEB- OG INFORMASJONSDESIGN VED HØGSKOLEN I TELEMARK

I denne oppgaven valgte jeg å lage en nettside som presenterer meg som kunstner/fotograf. Jeg har svært lite erfaring med webdesign fra før, og lærte mye gjennom dette semesteret. Nettsiden har to gallerier, hvor det eneviser fotografier jeg har tatt. I dette galleriet finner man portrettfotografier av hundene Lego (Rotweiler) og Muni (Pomeranian). Bildene er i både sort-hvitt og farge. e I galleriet som inneholder tegninger finnes bilder av tidligere tegninger jeg har tegnet. Her er det for det meste digitale tegninger, da det er dette mediet jeg bruker mest. Tradisjonelle tegninger tar litt lenger tid, og er derfor skjeldnere vare. Bilde som er forstørret over er den tradisjonelle tegningen jeg har valgt å ta med. e

Ønsker du å ta en titt på siden min, ﬁnnes den på linken under: e http://home.hit.no/~122144/Prosjektoppgave/prosjekt.html

SKREVET AV KJERSTI STUVIK

46 Digital mediedesign, 8:2015

Jeg heter Tarald Syvertsen, 22 år gammel og suderer informatikk ved høyskolen i Telemark. På fritiden driver jeg med fotografering. Her kan du se noen av blidene mine. Jeg tar for det meste landskapsfoto. Dersom du vil se mer må du gjerne besøke min hjemmeside som du kan finne her: http://home.hit.no/~131736/sem esteroppgave/index.html Eller Du kan bruke QR-koden under!

Digital mediedesign, 8:2015 47

48 Digital mediedesign, 8:2015

PROSJEKTOPPGAVE I WEB- OG INFORMASJONSDESIGN AV THOMAS VEDVIK I min prosjektoppgave valgte jeg å lage en informasjonsside om Fredagsklubben, en ungdomsklubb hvor jeg står som leder. Nettstedet skulle gi en enkel og oversiktlig presentasjon av ungdomsklubben, med kart, bilder og mulighet til å ta kontakt via nettsiden. Nettstedet skulle lages med programmet Adobe Dreamweaver, og for å ha mest fokus på å lære meg funksjonene i programmet, valgte jeg å gjøre alt selv inne i programmet. Jeg valgte altså ikke å kopiere inn koder og andre elementer fra andre nettsteder. Selv om Dreamweaver i utgangspunktet ikke ser så veldig stort og komplisert ut, så oppdaget jeg etter hvert hvor stort og komplekst som også dette programmet er. Igjen har man en hel verden å oppdage, og helt klart et ”helt liv” for den sultne og lærevillige. Elementene du ser på denne siden er fra oppgaven, hvor man da kan se på forskjellige bilder i mobilen ved å føre musepekeren over ikonene.

Før jeg gikk igang med oppgaven søkte jeg på internett for å finne de seneste trendene innen web-design, og det var flere elementer som her utmerket seg. En av disse elementene, som du helt sikkert har lagt merke til, er såkalte ”ghost buttons”, ”spøkelsesknapper. Dette er de gjennomsiktige navigeringsknappene, med en enkel firant rundt ordet for den siden man skal navigere til. I tillegg finner man mange sider som benytter seg av ”parrallax scrolling”, da med flere bilder som skiftes i bakgrunnen, som da står stille i bakgrunnen når man ”scroller” nedover siden. Disse elementene, og flere ”trendy” elementer, jobbet jeg med for å få inn i oppgaven. Veldig spennende å jobbe med Dreamweaver! .. og tidkrevende! :)

Digital mediedesign, 8:2015 49

Av: Emily Linn Wallace

Mat for STUDENTEN I denne oppgaven valgte jeg ĂĽ lage et produkt som skal videreformidle til studenter at det er mulig ĂĽ lage god og spennende mat, selv uten mye penger og begrenset med kjĂ¸kkenredskaper.

50 Digital mediedesign, 8:2015

av Beate Kregnes Winge Flere forbrukere blir mer bevisst på å velge økologiske produkter, når de handler. Denne nettsiden er en informasjonskanal for økologiske produkter. Her vil du finne økologiske og enkle oppskrifter, tips, lenker til nettsider og butikker med et økologisk fokus.

Lag din egen økologiske kjøkkenhage med jord godkjent for økologisk produksjon!

På nettsiden vil du finne inspirasjon til hvordan du kan lage din egne økologiske kjøkkenhage. Lag blomsterpotter med gjenbruk av yoghurtbokser og spraymaling!

Digital mediedesign, 8:2015 51

Prosjektoppgave våren 2015.

I denne oppgaven oppg har jeg laget en webside som har som hensikt å promotere meg selv som en fotograf. Dette er gjort ved hjelp av bilder jeg selv har tatt og en side som er kodet fra bunnen av med nettopp det formålet å sette fokus på bildene som siden inneholder. Jeg har valgt å presentere noen utvalgte bilder i 5 kategorier. Fjell, Vann, Makro, Dyr og Bakgrunner Fjel

Siden er kodet i ren HTML og CSS for å holde seg innenfor det vi har lært i dette faget men har ikke brukt DreamWeaver. Planen med siden er at den skal være enkel å navigere, og man skal fort nne frem til det man er ute etter. Jeg har derfor valgt å holde forsiden ganske ren, med 4 elementer som man ganske fort får oversikt over. Tittelen, menyen, hovedbildet og kategoriene.

Ole Christian Østlyng

52 Digital mediedesign, 8:2015

Prosjektoppgave våren 2015.

I denne oppgave skulle eg lage en webside med mat som tema. Eg valgte og gå for en oppskrifts og informasjonsside som er minimalistisk og oversiktlig. Formålet er og vise folk at en trenger ikke gå for frossenmat eller hurtigmat for og få seg et raskt måltid, men at det finnest hjemmelaga alternativer som er sunne, raske og lage og ikke minst veldig gode. Siden promoterer også youtube matkanaler av høy kvalitet for folk som er intressert i og sette seg mer inn i matlaging. Siden er laget fra bunn av i HTML5 og CSS og er responsiv og mobilvennlig. Dette er viktig for og nå ut til flest mulig og for optimalisering mot søkemotorer. Dette er et prosjekt eg har kost meg veldig med og i prosessen har eg lært meg et par nye ting, som og bruke @media regelen hvor man kan sette flere styles i samme stylesheet. Alt i alt meget fornøyd med sluttproduktet.

Glenn Eric Øvrebø Digital mediedesign, 8:2015 53

Studentblogger 2014-2015 Robin Hareide Andersen: http://digitalhurlumhei.wordpress.com/ Jens Emil Asp: http://kulturogslikt.blogspot.no/ Gudrun Elisabet Bløndal: http://lekestuen.wordpress.com/ Anne Carine Dahl Borkamo: http://fratil.blogspot.no/ Ann Charlotte Ellingsen: http://lotteblogg.wordpress.com/ Liv Engholm: http://livengholm.wordpress.com/ Mattis Adar Ohana Goksøyr: http://mattisgok.wordpress.com/ Helle Cathrine Gran: https://hellemelle.wordpress.com/ Trude Hagen: http://trudehagen.blogspot.no/ Ranveig Halseth: https://rannveighalseth.wordpress.com/ Hege Vatland Hvidsten: http://hegehs.wordpress.com/ Marius Johansen: http://mariuswallin.com/et-tre/ Kine Margrethe Baarli Johnsen: http://kunstiskole.blogspot.no/ Annette Ellingsrud Kibsgaard: http://madamekibsgaard.blogspot.fr/ Asta Helen Kjeilen: http://astahel1.wordpress.com/ Hilde Klausen: http://hildeklausen.wordpress.com/ Tove Knutsen: https://tovetilt.wordpress.com/ Jonar Nikolay Kristensen: http://www.kristensendesign.com/#!projects-and-updates/c194p/ Grethe Lekven: http://kreahender.blogg.no/ Sandra Leschbrandt: http://www.sandraleschbrandt.com/ Weronika Kinga Nitsch: https://weronikanitsch.wordpress.com/ Aksana Pakhadnia: http://aksanasverden.wordpress.com/ Benedikte Pettersen: http://dm-benny.blogspot.no/ Magne Riseng: https://utsiktsvartdalen.wordpress.com/ Hanne Mette Råberg: http://hannemet.wordpress.com/ Gro Birgitte Røiland: http://groroiland.wordpress.com/ Kari Schibevaag: http://karischibevaag.wordpress.com/ Joachim Eik Skaslien: https://jdigitalmediedesign.wordpress.com/ Ann Elin Solheimsnes: https://pixelogpunkt.wordpress.com/ Audhild Henden Strandtun: https://astrandtun.wordpress.com Kjersti Stuvik: http://mediedesignblogg2014.blogg.no/ Rune Mikal Synnes: https://runemikal.wordpress.com/ Aud K. Kjørseng Sæthern: http://audkks.wordpress.com/ Tuva Viktoria Odden Tiller: https://tuvadigitalmediedesign.wordpress.com/ Thomas Vedvik: http://aliveadventures.wordpress.com/ Beate Kregnes Winge: http://design.lykksalig.com/ Olov Øgren: http://hansolovogren.wordpress.com/ Anastasiya Bukhala, : https://webdesignblogg.wordpress.com/ Robert Danielsen, : http://robertdanielsen.blogspot.no/ Øystein Mattias Flatebø, : http://oflaweb.blogspot.no/ Stian Follaug, : https://itstian.wordpress.com/ Aleksander Fredriksen, : http://alecoblogg.blogspot.no/ Joakim Hovda, : http://131734.blogspot.no/ Kenneth Kristensen, : http://kennethkris.blogspot.no/ Christina Kvalheim, : http://christinakvalheim.blogg.no/ Roger Larsen, : http://rogerlarsen.blogspot.no/ Adrian Myhren, : https://myhren.wordpress.com/ Kim Hieu Thi Nguyen, : http://detvarengangda.blogspot.no/ Morten Ohren, : http://student121621.blogspot.no/ Martin Hovemoen Ophaug, : http://mhoweb.blogspot.no/ Bjørn Helland Sanda, : https://jesuissanda.wordpress.com/ Jørgen Solli, : http://jorgensolli.blogspot.no/ Martin George Aslak Stavne, : https://martinstavne.wordpress.com/ Jeanette Sundal, : https://jeanettesundal.wordpress.com/ Tarald Mikal Syvertsen, : http://131736.blogspot.no/ Espen Adrian Thomassen, : http://15webinf112705.blogspot.no/ Emily Linn Wallace, : http://emilylinnwallace.blogspot.no/ Ole Christian W Østlyng, : http://woi.olechros.com/ Glenn Eric Øvrebø, : http://blogg.geovrebo.com/#home 54 Digital mediedesign, 8:2015

Tidligere numre på ISSUU Les tidligere numre av Digital mediedesign-magasinet på din mobil eller iPad. Alt du trenger å gjøre er å laste ned og installere appen ISSUU (gratis) i App Store eller Google Paly til din mobil eller iPad og søk på Digital mediedesign. http://issuu.com/digitalmediedesign

Digital mediedesign, 8:2015 55

Masterstudier og Ph.d. Formgiving, kunst og håndverk Formgiving, kunst og håndverk, nettbasert Ph.d. i kulturstudier

Bachelorstudier

Faglærer i formgiving, kunst og håndverk Visuelle kunstfag og design

Grunnstudier

Digital mediedesign 1 (n) (o) Kunst og håndverk årsstudium Kunst og håndverk 1, 1-7 (o) Leire - kunst og design 1 Tegning - bilde Tekstil 1 Tre m/metall-kunst, håndverk, design 1

Påbyggingsstudier

Digital mediedesign 2 (n) (o) Environmental Arts Kunst og håndverk 2, 1-7 (n) Kunst og håndverk 2, 5-10 (n) Leire - kunst og design 2 Tegning og bildekommunikasjon Tekstil 2 Tre m/metall - kunst, håndverk, design 2 Tre m/metall-kunst, håndverk, design 1 (n=nettbasert, o=ordinært) Andre studietilbud på www.hit.no/ Telefon: 35026200

Søknadsfrist: 15. april For spesiell vurdering, forhåndsløfte og realkompetanse er fristen 1. mars.