rprt SILJE 22.04.2012 obligatorisk oppgave 08 aug 11 WOLD
rprt
SILJE22.04.2012
obligatorisk oppgave 08
aug 11
WOLD
Ettersom jeg ikke leser vel-dig mye, så var den en bok som jeg fikk til 3-års dagen jeg hadde veldig lyst til å illustrere. Den heter “Siljes morgen”.
Hele boken handler om lille Silje og en nydelig vårdag ute og eventyrene det bringer, også Mons treffer vi på i boken som da er katten til Silje.
Spørsmål jeg stilte meg selv under researhen var:Litt informasjon om tidligere vignetter/interak-tive nettsider alla Super barnetv sin?Hva kan man forvente seg av en slik vignett/nettside?Hvordan er ting satt opp?Hva vil man som bruker/seer føle under og etter besøket.
Det finnes flere ulike tv-vignetter og interaktive nettsider der ute til inspirasjon. Jeg satte meg selv veldig høye mål til hva jeg egentlig ville få til, men jeg så fort at dette ikke var mulig for meg å få til uten å bruke enda mer tid og ressurser på det, noe jeg ikke hadde.
inspirasjon/skisser
Søket etter inspirasjon foregikk blant annet på internett, i tegneserier
og blader. Det er finnes
mye bra og en del mindre bra der ute.
Synes det var krevende, men veldig morsomt å jobbe i et helt nytt program, selv om det satte meg litt på vent før jeg fant ut av de største vanskelighetene og synes slutt resultatet ble mye bedre enn først antatt.
De visuelle virkemidlene jeg har valgt å bruke er å beholde enkelte elementer på nettsiden og vignetten for å gjøre et inntrykk.
Jeg har funnet min inspirasjon hos andre vignetter og interaktive nettsider. Det som er tilfelles med de jeg har sett på er et morsomt uttrykk og et klart budskap.
Målet med tv-serien er å gjøre barn mer oppmerksomme på det rundt oss, både på godt og vondt.
Det er blitt brukt 10mm margin, 4 columns med 5 mm gutter og baseline grid. I tillegg er det lagt til 10 em mellom alle bokstaver i brødteksten for å gjøre det lettere for leseren
inspirasjon/skisser
Målgruppen er forbeholdt barn i alderen 2-7 år. Ettersom aldersgruppen er lav, er det ekstremt viktig å treffe riktig på alle punkter å legge seg til et nivå hvor målgruppen forstår alt.
Aktiviteter og lignende må være forbehold en yngre garde og bli designet deretter.
målgruppe
Målgruppe etter alder er helt elementært her
i denne oppgaven og derfor er gruppen definert utifra hvem som er typisk
lesere av denne boken, ettersom det er en
barnebok.Det er viktig at designet treffer brukeren og at det er å gjenkjenne. Det er nødvendig å gjøre ting visuelt enklere, bruke mye farger, former og enkle ord.
Mitt konsept vil trekke til seg barn helt ned fra 2 års alderen og opp til 7 år.
utvikling/konsept
utvikling/konsept
Det er så utrolig mange like produkter i dagens
samfunn. Konkurransen er stor og det er veldig
vanskelig å skille seg ut. Det er derfor viktig å
utvikle konsepter som er unike og enda mer
relevante for brukerne eller kundene.
Et konsept skal inneholde en gjennomtenkt struktur som skaper en større ramme rundt et produkt. En ramme som får frem nytten og gleden av produktet og overbeviser/informerer om hvorfor akkurat du har behov for dette produktet.
Det var veldig viktig for meg å komme opp med ett unikt og spesielt konsept som skilte seg ut fra andre barne tv konsept.
Jeg kom frem til et konsept som ikke bare handlet om selve boken (Siljes morgen) og innholdet i den.
Konseptet går ut på at samtidig som barna får se boken i tv-serien vil de også ha muligheten til å “treffe” karakterene på nett også. Her vil man kunne høre kjennings melodi til tv-serien i bakgrunnen, mens de kan klikke seg gjennom sider med forskjellig informasjon og elementer.
Dette kan da også bli tatt i bruk blant annet av barnehager og barneskoler på de laveste trinnene.
Ettersom tv-serien er en barne tv-serie for barn mellom 2-7 år og er et program om Siljes morgen og hva hun ser, møter og gjør om morgenen.
Siden dette er et enkelt “læringsprogram” vil det kunne bli benyttet som øving av lese ferdighetene til yngre barn.
nettside/flash
For å markedsføre tv-serien mer, er det blitt
laget en interaktiv nettside. Den vil fungere
som en base med all informasjon rundt
“Siljes morgen”. Denne interaktive nettsiden inneholder lyd, og 5 interaktive løsninger.
Siden det er en stund siden jeg har jobbet i Flash måtte jeg gå igjennom diverse gamle notater for i det hele tatt å huske de ulike kodene, nå etter at jeg har lest de såpass mange ganger bør de sitte til neste gang.
Det første du vil komme til på nettstedet er et velkomst vindu med en melding.
Man klikker seg deretter videre til hoved basen for nettstedet, her vises all informasjon og man kan igjen klikke seg videre til forskjellige sider med info på nettstedet.
Jeg har laget begge karakterene Silje og Mons i AI, her sørget jeg også for at alle de ulike delene kom på forskjellige layers slik at jeg senere kunne animere de i AE og AI.
På nettstedet valgte jeg å holde meg til etfargepalett som inneholdt gul, flere nyanser av orange og hvit.
Disse fargene gjentar seg i vignetten og videre utover i nettstedet.
Isteden for å bruke veldig mye farger har jeg valgt å tone det ned å heller jobbe med noen utvalgte farger. Dette gjorde jeg for å lage et særpreg over min tolkning av boken.
Nettsiden:http://elevarbeid.webstu-dent.no/mmd_webstudent/silje_wold/siljesmorgen/16.swf
Spillet:http://elevarbeid.webstu-dent.no/mmd_webstudent/silje_wold/siljesmorgen/spill.html
Planen var hele veien å lage ulike karakterer fra boken og en melodi som var lett gjenkjennelig, tv-vignetten skal gi en god markedsføring for den kommende barne tv serien “Siljes morgen”.
Utsnitt, farger og ikke minst en logo som fanger interessen var veldig viktig for at markedsføringen også skulle fungere.
De to karakterene i boken er det veldig viktig å få tydelig frem, men også hva meningen med tv-serien er.
Det er så klart knyttet opp mot barn, men på hvilket plan. Er det en lære platform, visuell platform ell.
Det er også viktig at produktet som skal markedsføre kommer skikkelig frem uten og overdrive.
Når flatene ble utformet var det viktig å tenke på hvem som skulle lese/se det (målgruppen) og hvilken beskjed tv-serien ville utgi seg som.
tv-vignett/AE
For å lage vignetten var det AE vi skulle jobbe i,
ettersom dette er et helt nytt program for meg ble
det en smule vanskelig i starten, men
dette jevnet seg ut.
I tv-vignetten valgte jeg å holde meg til den fargepaletten jeg allerede hadde kommet frem til nemlig gul, ulike nynser av orange og hvit.
I vignetten ville jeg vise boken “Siljes morgen” i en litt oppdatert utgave, litt annerledes utgave.
Vignetten i seg selv er veldig enkel ettersom dette er første gang.
Det er de samme fargene som er blitt brukt gjennomgående.
Typografien som ble valgt og som blir brukt på alle flater er Delicious, den ble brukt i alle varianter.
Den har runde, lekne bokstaver, noe som assosieres med harmoni, glede, lek og barn. . Grunnen til at de samme fontene og fargene blir brukt gjennom både tv-vignetten og den interaktive nettsiden og spillet er kun for å skape en base hvor en spesiell målgruppe vil kjenne oss igjen.
Det første jeg gjorde var å lage et storybord, dette var ikke like lett som det jeg hadde trodd (å tenke på sekunder men tegne i eks ant. ruter var vanskelig).
Men etter litt prøving og feiling fant jeg ut av hva jeg ville gå for.
Det ble en versjon hvor det kommer inn tekst etter beaten på melodien, Silje kommer gående over skjermen og skriften Siljes morgen kommer til syne etter henne.
http://www.youtube.com/watch?v=QSYjM_ywQkU&feature=youtu.be
spill/flash
For å markedsføre tv-serien mer, har jeg
laget et interaktivt spill. Det handler om katten
Mons fra “Siljes morgen” som vil ta edderkoppene
som kryper ned. Dette spillet har 3 forskjel-lige scener.
En start scene hvor du får informasjon om spillet.
En spill scene hvor det kommer edderkopper krypende nedover.
En slutt scene eller tapende scene.
Man har tilsammen 5 liv, for hver gang en edderkopp treffer deg dør du. For hver edderkopp du treffer får man 10 poeng, hvis en edderkopp unnslipper mister du 5 poeng.
I tillegg til at det kommer flere edderkopper av gangen vil også spillet øke hastighet etterhvert som tiden går.
Ganske morsomt og vanskelig spill man gjerne prøver igjen for å sla gammel score.
Spillet er kun laget i en scene, det er 3 frames med ulike elementer og actionsscripts.
På nettstedet valgte jeg å holde meg til etfargepalett som inneholdt gul, flere nyanser av orange og hvit.
Disse fargene gjentar seg i vignetten og videre utover i nettstedet.
Istedet for å bruke veldig mye farger har jeg valgt å tone det ned å heller jobbe med noen utvalgte farger. Dette gjorde jeg for å lage et særpreg over min tolkning av boken.
http://elevarbeid.webstu-dent.no/mmd_webstudent/silje_wold/siljesmorgen/spill.html
storyboard/flash-sideStoryboardet korter ned
hva som skjer med interaktivitetene ved hjelp
av piler og tekst.
storyboard/tv-vignettStoryboardet ser ikke så
veldig profesjonelt ut, men likevel. Jeg forstår utifra
bildene hva videoen går ut på og det er jo også litt av poenget og korte ned mest mulig og ta i bruk hjelp av
piler etc, for å vise plassering osv av
elementer.
evaluering/arbeid
En evaluering av min egen
arbeidsprosess. Her vil jeg si litt om hva
som kunne blitt gjort annerledes altså hvordan
jeg kunne brukt tiden bedre, tatt bedre valg
designvalg ol.
Skulle gjerne brukt tiden bedre i AE, det er et program jeg aldri har prøvd før.
Synes det var ganske annerledes fra de andre programmene, tok en stund å sette seg inn i og så ganske mange videoer på youtube, for å skjønne hva de forskjellige knappene gjør.
Om tiden hadde vært der ville jeg laget flere figurer og klart å animere de også på hjemmesiden.
Ville også gjerne ha klart å ordne feilen i spillet, er ikke snakk om store feil, men fikk ikke tid til å ordne den.
Feilen er at når du dør går det mellom 2-3sek før et nytt liv begynner, imens detter det fortsatt edderkopper. Vil egentlig at livet skal komme med engang eller at edderkoppene også venter i 2-3sek før de kommer ned.
kilder/blogg
Her er en samling over kilder som ble tatt i bruk under research
og utarbeiding av oppgaven. I tillegg en link
direkte til bloggen.
TV-VIGNETT:
http://nrksuper.no/super-store/flashfiles/btv/#/TV
http://nrksuper.no/super-store/flashfiles/btv/#/
http://www.youtube.com/watch?v=1MS48VPkWGo
http://www.youtube.com/watch?v=dLrUzi0SITU
INTERAKTIVE SIDER:
http://www.2advanced.com/#/home
http://rcw.2a-archive.com/
http://www.govacation-game.com/
http://www.badjuju.com/
http://nrksuper.no/barne-tv/
http://nrksuper.no/super-store/flashfiles/btv/
www.buster2401.wordpress.com (blogg)
LINKER TIL HJELP VED OPPBYGGING AV SPILLET:
http://www.adobepress.com/articles/article.asp?p=1578506
Slik fikk jeg linket spillet og nettsiden.
http://www.youtube.com/watch?v=ekZiCYfDGEo&feature=related
Bakgrunnsmusikk som man kan skru av og på etter ønske.
http://www.youtube.com/watch?v=r_QFlwRsOco
Hvordan lage underlag og figur/animasjon i Flash til spillet.
http://www.youtube.com/watch?v=j9Gqa3MrOQk
Hvordan ma lager fiender.
BLOGG:
http://buster2401.word-press.com/