3. semester F&A, 2014 Jump Rope Production

Transkript

1 Designmanual 3. semester F&A, 2014 Jump Rope Production

2 Introduktion På 3. semester på Film & Animationslinjen 2014 har vi i Jump Rope Production arbejdet sammen med vores kunde Climb n Win, som er et klatreland placeret centralt i Odense C. Klatrelandet henvender sig til alle aldersgrupper over 3 år. Til kunden har vi udviklet en helsides avisannonce til Odense Ugeavis, som blev bragt i uge Avisannoncen skulle skabe opmærksomhed op til skolernes efterårsferie i uge 42. Derudover har vi udviklet et informationssite, som står i direkte forbindelse med kundens eget udviklede bookingsite. Vores ide har hele tiden været at holde alt design og produktion i en stil, således at det hele har henvendt sig både til børn og voksne. Logoet som er udviklet til Jump Rope Production er tegnet af Victoria Løvfold Grønfeldt og afspejler medlemmerne i gruppen. Fra Venstre ses: Maria Sanne Vilhelmsen, Wencke Luise Andresen og Jonas Hedegaard Christoffersen. Igen har ideen bag været, at det skule tiltale både børn og voksne. Websitet som vi har udviklet til Jump Rope Production afspejler igen os, det vi kan samt det vi har produceret til vores kunde Climb n Win. 2

3 Logodesign Originaltegningen af det tegnede logo af Victoria Løvfold Grønfeldt. Det færdige logo. 3

4 Da vi skulle udvikle et logo til vores designbureau, blev vi hurtigt enige om, at vi ville have et logo som var simpelt og samtidig let genkendeligt. Ligeledes var det vigtigt for os, at vores logo var personligt og skildrede os, både som personer og som designere. Vi valgte derfor at udvikle ét samlet logo, som både indeholder en tegning og typografi. Vi fandt senere ud af, at vores logo kun fungerer i stort format, som for eksempel på bannere, hjemmesider og lignende. Derfor er vi klar over, at vores logo ikke vil kunne bestå kuglepens-testen. Til den tegnede del af logoet fandt vi inspiration via Google Billeder og bad efterfølgende Victoria Løvfold Grønfeldt om at udvikle en skitse til os, som vi efterfølgende har tegnet op og farvelagt i Adobe Illustrator ved hjælp af vektorgrafik. Vi valgte at ændre skrifttypen fra håndskrevet til Hazelnut Water udviklet af Brittney Murphy Design, som vi har fundet på hjemmesiden Vi valgte netop denne font, fordi vi synes den var letlæselig, men samtidig anderledes og spændende at kigge på. I forhold til farver har vi valgt at gå all-in på børnestilen. Forstået på den måde, at vi har farvelagt tegningen således at det ligner noget som et barn har farvelagt i en børnemalerbog. Vi har forsøgt at bruge de farver, som vi synes afspejler os bedst muligt og har derfor valgt at bruge vores yndlingsfarver på vores tøj og samtidig er farven på karakternes hår, den samme farve som vores nuværende hårfarve. Vi har brugt følgende hexkdecimal koder: Sortbrun (Marias hår): 49342a Pink (Marias kjole): #FF0083 Rød (Wenckes hår): #FF0000 Gul (Wenckes kjole): #FFFC00 Brun (Jonas hår): #4C3827 Grøn (Jonas bluse): #00FF7C 4

5 Blå (Jonas bukser): #0003FF Webdesign Den grundlæggende ide bag vores webdesign var igen at holde det i børnehøjde og samtidig skildre vores designbureau og de ting vi har produceret på en professionel og informativ måde. Vi har valgt at udvikle en centreret kasse, med en default content på 900 pixels. Vi har ikke tilhøjet en højde på kassen, da den på denne måde selv tilpasser sig, i forhold til indholdet på den pågældende side. Derudover har vi valgt at gøre på denne måde, for at holde et simpelt og let overskueligt deisgn. Vi har valgt at holde baggrunden i en afdæmpet hvid (hexdicimal #f4f4f5), for at bevare en simpel baggrund, således at teksten står klart frem og er let at læse. Banneret i vores header måler 900x200 pixels. Størrelsen på knapperne i menulinjen har målene 160x70 pixels. Vi har derudover valgt at bibeholde fonten Hazelnut Water på både bannere og menulinjen, for at skabe et gennemgående tema på alle undersiderne. Footeren har ligeledes en bredde på 900 pixels og her har vi valgt en grøn farve (hexdicimal #85b348), som også befinder sig i græsplænen på vores banner og knapper. Fonten i footeren er defualt. 5

6 Index Overstående billede er et screen dump fra vores forside for Jump Rope Production. Vi har valgt at holde stilen meget simpel, for at skabe overblik og brugervenlighed. Vi har valgt at holde hele vores content på 900 px, uden en defineret højde, således sørger koden nemlig selv for at tilpasse sig til browseren. Vores banner, knapper og footer på alle undersider er holdt i samme størrelsesforhold. Banneret er 900 px bredt. Knapperne måler 160x70 px. Footeren er 900 px bred. Vores logo som er placeret på forsiden er placeret på en gennemsigtig baggrund og derfor er der ikke nogen definition på størrelsen af dette. 6

7 Produktion Overstående billede er et screen dump fra vores underside Projekter for Jump Rope Production. Vi har valgt at holde stilen meget simpel, for at skabe overblik og brugervenlighed. Vi har valgt at holde hele vores content på 900 px, uden en defineret højde, således sørger koden nemlig selv for at tilpasse sig til browseren. Vores banner, knapper og footer på alle undersider er holdt i samme størrelsesforhold. Banneret er 900 px. bredt. Knapperne måler 160x70 px. Footeren er 900 px bred. 7

8 På denne side er der tilføjet nogle små thumbnails, som via et enkelt tryk åbnes op og vises i stort format. Denne thumbnail måler 100x100 px Teori Overstående billede er et screen dump fra vores underside Teori for Jump Rope Production. Vi har valgt at holde stilen meget simpel, for at skabe overblik og brugervenlighed. Vi har valgt at holde hele vores content på 900 px, uden en defineret højde, således sørger koden nemlig selv for at tilpasse sig til browseren. Vores banner, knapper og footer på alle undersider er holdt i samme størrelsesforhold. Banneret er 900 px bredt. Knapperne måler 160x70 px. Footeren er 900 px bred. 8

9 Om os Overstående billede er et screen dump fra vores underside Om os for Jump Rope Production. Vi har valgt at holde stilen meget simpel, for at skabe overblik og brugervenlighed. 9

10 Vi har valgt at holde hele vores content på 900 px, uden en defineret højde, således sørger koden nemlig selv for at tilpasse sig til browseren. Vores banner, knapper og footer på alle undersider er holdt i samme størrelsesforhold. Banneret er 900 px bredt. Knapperne måler 160x70 px. Footeren er 900 px bred. Kontakt Overstående billede er et screen dump fra vores underside Kontakt for Jump Rope Production. Vi har valgt at holde stilen meget simpel, for at skabe overblik og brugervenlighed. 10

11 Vi har valgt at holde hele vores content på 900 px, uden en defineret højde, således sørger koden nemlig selv for at tilpasse sig til browseren. Vores banner, knapper og footer på alle undersider er holdt i samme størrelsesforhold. Banneret er 900 px bredt. Knapperne måler 160x70 px. Footeren er 900 px bred. På denne underside er der ligeledes tilføjet nogle profilbilleder. Disse måler 200x200 px. 11

12 Graphics På vores website har vi taget og anvendt nogle profilbilleder til vores kontaktside. Her ses hver af medlemmer af Jump Rope Production forfra. Disse billeder er taget for at vise hvem vi er og hvordan vi ser ud på nuværende tidspunkt. Vi har valgt at have samme billede på både banner og knapper, for at holde en gennemgående stil på hele vores website. Vi har valgt græsplænen, fordi vi synes den udtrykker glæde, på grund af de lyse grønne farver. For vores kunde, Climb n Win, har vi ligeledes produceret en helsides avisannonce, som blev bragt i Odense Ugeavis i uge 41. Her var opgaven en simpel og informativ avisannonce, som også skildrede hvad Climb n Win i bund og grund er og hvem de henvender sig til. Her er stilen meget anderledes fra vores webdesign. Her har vi holdt farverne i blålige nuancer, men ideen om henvendelse til både børn og voksne er stadig den samme og skildres her særligt igennem billederne. Avisannoncen er udviklet i Adobe Photoshop. 12

13 Den færdige avisannonce, som blev bragt i Odense Ugeavis i uge

14 Video I Jump Rope Production har vi ikke produceret noget video for vores designbureau. Vi har derimod produceret en corporate video til vores kunde Climb n Win. Vores corporrate video er basseret på speak og videooptagelse fra Climb nwin. Den fortæller kort og giver et indblik i hvad Climb n Win er. Vi har optaget med håndholdt kamera, kamera på stativ og GoPro kamera. Her er stilen dog en hel anden, end den vi har for vores designbureau. Videoen er stadig holdt i børnehøjde og henvender sig særligt til familien som helhed, men samtidig er den meget informativ, hvilket også er grunden for valg af speaker, som er Christian Rathje fra Sønderjylland der til dagligt er historiefortæller. 14

15 Ligeledes har vi anvendt Motion Design som outro i vores corporate video, som mest af alt fungerer som en lille information. Her har vi igen holdt baggrunden i den dæmpede hvide farve. Derodover har vi tiltøjet nogle sorte kanter, som danner rammen for billedet. Denne Motion Design frekvens er udviklet i Adobe After Effects. 15