MMD_Miniprosjekt_Line Ellingsen_RPRT01_10032011_001
Obligatorisk oppgave Miniprosjekt
Dette skulle i utgangspunktet være et samarbeidsprosjekt, men siden jeg er den eneste i klassen min, ble det en individuell oppgave. Jeg har så vidt sett et e-kort, så for meg ble dette en utfordring. Oppgaven var at jeg skulle lage et skjermbasert postkort med tema: ”Tegn i årstiden”. Presentasjonsteknikk og teknisk løsning var valgfritt, men kortet skulle være skjermbasert. Her kunne jeg ta i bruk gammel lærdom og garantert ville jeg være nødt til å lære nye ting.
Research
Det var bare å starte på scratch å finne ut hva et e-kort var, sjekke forskjellige nettsteder for å se på ulike løsninger. For å bidra til å definere problemet stilte jeg følgende spørsmål:
• Hvordan ser et e-kort ut?
• Hva er formålet med e-kortet?
• Hva er budskapet?
• Hvem er budskapet beregnet på (målgruppe)?
• Hva ønsker jeg at målgruppen skal få vite?
Under ideutviklingsprosessen brukte jeg tankekart.
E-kort:
Budskapet for kortet var at det skulle vise ”tegn i årstiden”. Målet ville være at det skulle være et kort som kunne sendes som e post. Målgruppen for kortet var familie, venner og bekjente. Målgruppen skulle få en hyggelig vinterhilsen. Kortet skulle bestå av to sider, ha minimum to bevegende elementer og minimum en interaktiv løsning. Jeg har lagt et kort med en for og en bakside..
Jeg valgte å ha et design der jeg mener å få vist flere tegn i årstiden. Bakgrunnen var en akvarell av et snø/fjell landskap. Det samme landskapet går igjen på side to for å binde det hele sammen. Kortet er en blanding av symmetri og assymetri fordi jeg synes det gir mer liv og samtidig orden.
Forsiden
På forsiden har jeg lagt inn en animasjon av en skiløper som kjører over scenen, dette fordi vinter og ski naturlig hører sammen(i hvert fall her nord). Animasjonen av snø som daler er med på å forsterke det vinterlige preget. Det hopper inn en vinterkledd hare i scenen. Jeg har lagt inn to lydfiler. Den ene er når skiløperen kommer og den andre er haren som kommer hoppende i snøen. Begge filene fades inn og ut samtidig som jeg har dempet lyden, jeg har også prøvd å synce lyden til hoppene til haren.Tilslutt har jeg lagd to knapper (interaksjoner ) Disse har jeg valgt å lage formet som store snøfnugg. På scenen ser knappen hvit ut, når du trykker på den blir sirkelen der skrifta/tegnet står på blå; denne fargen er hentet fra det blå i akvarell bakgrunnen igjen for å binde sammen. Når en trykker på knappen blir denne sirkelen sort(sort fordi den ikke trenger å være iøynefallende) og interaktiviteten skjer. Den ene knappen viser scenen med animasjonene engang til, men knappen” snu” lar oss se neste side, som er skrivesiden på kortet.
Baksiden:
Her er det lagt inn static tekst og felt for input tekst. Disse har jeg valgt å ha hvite for å illustrere fargen på vanlige papirkort; for å skape gjenkjennelse. Jeg har delt selve skrivedelen opp på en måte som en forbinder med vanlige postkort. Jeg valgte fonten Raavi, sans-seriff. Bruk av sans-seriff fordi W3C anbefaler å bruke sans-seriffskrift i tekster i skjermbaserte medier. Teksten er i sort for at det skal være lettlest. På denne siden er animasjonen en hare som hopper inn på scenen, den hopper inn bak skrivefeltet og kommer hoppende ut på andre siden av feltet og hopper ut på scenen, denne gjentar seg så lenge man har denne siden fremme, som om det kommer flere harer hoppende. Her hadde jeg tenkt å legge inn lyd der haren hopper, men fikk dette ikke til selv med hjelp fra veileder. Det som skjedde var at denne lyden kom inn på scene 1 også og vi greide ikke å finne ut av det(var det virus på fila? Eller var det noe i A.S som ble feil tro?). Synd egentlig for det fungerte bra på denne siden. Jeg har satt inn et snøfall også på denne siden for å få frem det vinterlige preget. Jeg har lagd en knapp her som det ikke ligger noen function bak. Siden vi ikke har lært hvordan en sender et slikt kort har jeg bare lagd knappen for at man skal se at man har ”sendt” kortet. Knappen er et bilde av et norsk frimerke(for å illustrere et vanlig frimerke på et vanlig postkort). Har laget ett rødt felt på knappen der teksten send står; for at det skal tydeliggjøre for brukeren at her er en knapp man må trykke på for å få sendt kortet. Denne siden har også fått en knapp for å snu kortet.Det er også laget input tekstfelt for navn og e-post adresser siden dette skal være et e-kort. Alle input tekstfelt har en left alignment, fordi det er vanlig på slik tekst.
Produksjon/teknisk løsning,
Adobe Flash: jeg brukte verktøyene her og tegnet inn de ulike elementene, jobbet med timeline for å få animasjon på de ulike figurene og A.S 3.0 for å lage interaktivitetene.
Adobe Photoshop: brukte jeg til å tilpasse, justere og manipulere fotoene som skulle inn.
Konklusjon:
Jeg har gjennom arbeidet med oppgaven fått lekt meg litt med både design, animasjon og interaktivitet og samtidig fokusere på oppgavens innhold for å komme frem til produktet. Jeg har fått mer kunnskap om både animasjon og interaktivitet samtidig som jeg har fått repetert andre felt ved design som vi har vært gjennom. Likte ikke helt at jeg ikke fikk bruke lyden av harehopp der jeg hadde tenkt, hadde vært fint å fått lære det. Morsomt å se at skjermbaserte medier kan brukes til mer en bare flashbanner og web-sider. Jeg ble jo som sagt alene om denne oppgaven, men jeg vil bare si at jeg ser verdien i det å ha noen å samarbeide med både av lærings, motivasjon, kreativitet og arbeidsfordelings – hensyn. Og at denne oppgaven sikkert har blitt helt annerledes dersom jeg hadde hatt noen å samarbeide med. I det store og hele syntes jeg dette var en lærerik oppgave.
Referanser:
http://en.wikipedia.org/wiki/E-card
http://www.digoo.info/internett/2010/12/Hva-er-E-kort.html
http://www.123greetings.com/
http://www.freesound.org/
http://www.findsounds.com/ISAPI/search.dll
Linker:
Her er e-kortet:
