REKLAMEBANNER FOR MEDINA

Transkript

1 REKLAMEBANNER FOR MEDINA Et projekt af gruppe 8, multimediedesign B, Cphbusiness 2013 CHRISTIAN SONNE ROSENDAHL, KAREN LISE KRAGELUND, RIKKE CARLSEN, Undervisere: Ditlev Skaderby, Frederik Tang, Ian Wisler-Poulsen, Jesper Hinchely, Merete Geldermann Lützen, Morten Rold & Thomas Hartmann

2 GRUPPENS LÆRINGSMÅL TEKNIK Vi skal gennem projektet lære at udarbejde et landingpage med HMTL- og CSS-kodning. Vi skal lære at bruge simple teknikker til vektorgrafik i Illustrator, og integrere disse i et banner, som også indeholder animationer, som vi arbejder med i Edge Animate, samt bitmapgrafik fra fx Photoshop. Vi skal kunne integrere fonte, som vi har hentet på nettet. TEORI Vi skal arbejde teoretisk med målgrupper, og arbejde på at ramme en specifik målgruppe med vores produkter. Vi skal udarbejde et design vha. designprincipper til bannere og landingpage, som giver genkendelighed og som stemmer overens med målgruppen. GRUPPEARBEJDE Alle skal have en hånd på alle emner, værktøjer og overvejelser, så vi får opfyldt læringsmålene og dette er en udfordring i sig selv. Derfor skal vi benytte teamwork-værktøjer til at lære at få det bedst mulige samarbejde. INDIVIDUELLE REFLEKSIONER OVER LÆRING CHRISTIAN SONNE ROSENDAHL Da vi allerede havde lært grundstrukturen i HTML og CSS var det ikke sværere en som sådan at sætte et standard website op, igennem ugerne har vi dog lært at indsætte Edge Animate filer ind på vores website som vi skulle bruge da vores bannere var GIFS. Der har været mange udfordringer som har krævet en større research, et stort problem vi havde var at indramme vores bannere på vores website så de ville placeres rigtigt. Men hvad jeg føler jeg virkelig har lært er at for at forstå HTML/CSS, er der ikke meget andet for end at prøve sig frem med de forskellige muligheder. Som f. eks hvilken position et billede skal gives. Absolute, Relative eller Fixed. Alle disse ting står som nærmest skåret ud i pap på internettet, men min erfaring er dog stadig det virker ikke altid lige som man vil have det, og det skal siges det gjorde det hellere ikke for alle vores lærere. I Edge Animate har jeg fået en meget bedre bekendtskab til Pin-toolet og brugen af keyframes og gruppering af billeder under Stage. Jeg har lært at så snart man kan finde ud af at bruge pin-toolet, og keyframes rigtigt er det ellers bare om at prøve sig frem med diverse effekter. En ting som jeg også lærte var at bruge effekten Easing. Det er dog ikke brugt i det færdige produkt, men under udviklingen af bannerne prøvede jeg mig frem med diverse ting for at finde den effekt som passede mig og mit publikum bedst. Dog blev det uden Easing. Under projektet har jeg lært hvordan man kan redigere sine overskrifter i Illustrator ved at ungroupe f.eks MEDINA og derefter side og redigere hvert bogstav, jeg kunne f. eks rykke M tættere på E. jeg har også lært at bruge The direct selection tool mere. Her har jeg lært hvordan jeg kan få bogstaverne til at fade ind i hinanden ved at trække i anchor toolet på f. eks bogstavet M i MEDINA. Jeg har lært at lave et hjemme lavet hjerte i Illustrator ved at bruge Elipse toolet og derefter igen bruge Direct selection toolet for at redigere i det så det endelige resultat vil ligne et hjerte. I vores banner havde vi brug for et slags slør i hvor vores tekst skulle stå. Her forklarede Rikke mig meget

3 fint hvordan man bruger Pen toolet til at få nogle flotte linjer og hvordan man redigere kurverne præcist som man ville have dem. Ikke at jeg er mester i det endnu, da jeg synes det var meget svært først, men blev lovet at det bare krævede øvelse og tid. (Som alt andet man vil være god til). Det var ikke meget bitmap vi skulle have ind i dette projekt. Men automatisk ved at rode mere og mere med Photoshop følte jeg at jeg stadig lærte noget. Vores design var meget simpelt. Sort, hvid og grå, så det var bare om at lege med contrast/saturation. Jeg arbejdede også med at gruppere objekter, f. eks skulle jeg sætte en tekst ind under vores logo og dernæst gruppere det. Jeg fik også lært noget som er ekstremt basalt, men åbenbart bare havde gået forbi min næse. At fjerne baggrunden på et billede, også ændre baggrundsfarven. Det har klart været en fordel, men også en udfordring at arbejde i grupper. Vi kender stadig ikke hinanden 100% og hvilke styrker og svagheder ens gruppemedlemmer har, men det har jeg da lært nu kan jeg da sige. Men jeg har lært at fordeling af opgaver er essentielt så der ikke er nogen der føler sig uden for, det er også vigtigt at lytte til hinandens ideer og forslag. Jeg har lært at hvis man mødes samlet og laver et mind-map over hvilke punkter man gerne vil fokusere på, øges overblikket og ens produktion sig meget. Og det var netop det vi gjorde, og jeg følte hurtigt at vi fik et kvikt overblik over opgaven. KAREN LISE KRAGELUND Gennem dette projekt har jeg arbejdet med forskellige programmer fra Adobe. Heriblandt Edge Animate og Illustrator, som jeg ikke har arbejdet med før, og Photoshop som jeg har et lille bekendtskab med. Da vi startede med at arbejde med Edge Animate, fandt jeg hurtigt teknikken, og havde derfor ikke så store problemer med det, da jeg skulle arbejde med det hjemme. Illustrator er straks lidt mere kompliceret efter min mening, da der er så mange muligheder og værktøjer man skal lære at bruge. Her har jeg dog lært at formatere teksten og arbejde med pen tool. Det er begrænset hvor meget jeg har lært i Photoshop i løbet af dette projekt, da det er noget jeg har arbejdet med før. Dog har jeg arbejdet med Content Aware Move og Clone Stamp Tool, som er nogle værktøjer, jeg ikke har brugt så meget før i tiden. Med hensyn til HTML og CSS, har jeg arbejdet med det før, og kendte derfor til det der skulle gøres, da landingpaget skulle laves. Dog lærte jeg også nogle ting, da jeg kodede hjemmesiden, da jeg altid gerne vil tilføje en ny ting at lære, hver gang jeg arbejder med hjemmesider, og på den måde udfordre mig selv. Derudover har jeg lært at indsætte bannerne i HTML, så de kan blive publiceret på et website. Mit mål i dette projekt med hensyn til kodning, har været at udvikle mig yderligere, da det er dét jeg godt kan lide at arbejde med. Under forløbet har vi arbejdet med forskellige designprincipper, heriblandt lukkethed, nærhed og genkendelighed. De mål jeg satte i starten af projektet, var at lære at arbejde med Edge Animate og Illustrator. Derudover ville jeg gerne lære hvordan man bygger sådan et projekt op, og hvordan vi i gruppen, ville dele opgaverne ud. Jeg mener selv, at jeg har styr på det vi har lært i Edge Animate, og kan sidde og arbejde med det selv. Dog vil jeg gerne have kunne arbejde mere med Illustrator, og måske have haft lidt mere undervisning i det, da jeg ikke mener jeg har rykket mig særlig langt indenfor dette program. Dog synes jeg forløbet er gået godt, selvom det har været lidt udfordrende at arbejde med nogle, jeg slet ikke kender. Det har dog været nemmere end jeg troede, og vi har kunne fordele opgaverne nogenlunde lige. Hvis jeg skal sige noget, jeg ikke synes har været så godt, så er det, at vi engang imellem har lavet lidt

4 dobbeltarbejde. Der er ting vi godt kunne have gjort anderledes, og fordelt bedre, så det man laver, ikke er spildt arbejde i sidste ende. På den anden side, så får man arbejdet med det hele, og derved lærer man lidt mere. Hvis der er noget jeg gerne ville have arbejdet mere med, ville det være Adobe Illustrator. Dog synes jeg det har været begrænset hvor meget man har kunne arbejdet med det i dette projekt, og jeg håber derfor der kommer flere muligheder for at lære at bruge programmet, og derefter selv arbejde med det. Dog er jeg selv tilfreds med projektet, og jeg er tilfreds med det jeg har præsteret indenfor banner-design og landingpage. RIKKE CARLSEN Der er mange nye teorier og programmer at lære her på 1. semester, og derfor har min største udfordring været, at holde tungen lige i munden og huske alle de mange nye metoder. Jeg synes jeg har fået godt styr på HTML og CSS gennem dette projekt. Men det har ikke kun været en dans på roser. Da vi skulle til at kode vores landingpage, var det længe siden, vi sidst havde haft undervisning med Morten, og jeg var overrasket over, at meget af det, jeg havde lært, ikke havde sat sig lige så stærkt fast, som jeg troede. Men learning-by-doing er nu engang den bedste måde at lære på for mig, så jeg kastede mig ud i det, benyttede mine noter fra undervisningen, spurgte min gruppe og andre studerende til råds og søgte viden på nettet særligt w3schools.com har været hjælpsom. Særligt afleveringssitet har drillet. Af ukendte årsager, kunne vi ikke få bannerne til at lægge sig på sitet, der hvor vi bad dem om det. Vi har alle i gruppen forsøgt at løse problemet og vi har spurgt flere af vores undervisere og medstuderende til råds, men uden at det ændrede noget. Det lykkes dog til sidst at finde en løsning ved hjælp af en wrapper i css, som var bred nok til at alle bannere kunne ligge inden for rammen, bannerne fik en absolute position og float på, og hjemmesidescreendumpet blev lagt på som baggrund. Simpelt og godt. Der er stadig meget at lære, men jeg synes, jeg har fået en god, grundlæggende forståelse for kodning og styling og jeg er i stand til at bygge et simpelt website op fra bunden og designe det. Hvor HTML har drillet mig, har Edge Animate til gengæld brilleret. Jeg har erfaring med Flash fra et andet studieforløb, og derfor er animering ikke noget nyt for mig. Så jeg er hurtigt blevet dus med EA, og glæder mig kun til at dykke dybere ned i programmets værktøjer. Jeg har haft lidt svært ved at se, hvordan og hvorfor vektorgrafik partout skulle indgå i opgaven særligt fordi vi ikke har fået ret meget undervisning i Illustrator. Jeg fandt dog på at bruge tekstbokse med bløde kurver på, lavet i Illustrator som i øvrigt afhjalp en designmæssig udfordring: at teksten blev tydelig og læsbar på bannerne. Jeg har lært at bruge pen-tool et i Ai og derudover har jeg prøvet mig lidt frem, og jeg kan forestille mig, at jeg i fremtiden vil komme til at bruge programmet meget (særligt i forbindelse med animationer, som jeg selv kan tegne i Ai og senere animere i EA). Jeg har i forvejen stor erfaring med at definere og analysere målgrupper, samt at udarbejde produkter til en specifik målgruppe. Så på det rent teoretiske område har jeg måske ikke lært så meget men jeg har kunne bidrage med viden og argumenter til projektet. Generelt har jeg nok fungeret lidt som projektlederen i gruppen, uden at vi har påtaget os udtalte roller. Jeg har forsøgt at få en føling med de andre i teamet deres niveau og gejst, og forsøgt at få alle med, spurgt

5 om deres mening og fordelt arbejdet på en måde så alle fik en mulighed for at øve sig i alle projektets facetter. Gruppen har været udfordret af, at vi alle har travlt ved siden af studiet, Christian har misset en del undervisning, og vi kendte egentlig ikke hinanden så godt på forhånd. Så det har været lidt svært at få et egentligt sam -arbejde op at køre. Jeg er vandt til at arbejde sammen med mennesker, som måske er lidt mere højtråbende og vandt til at give og modtage kritik, så det har været en omvæltning, at skulle tage den mere med ro, og måske hive svarene lidt mere ud af mine kolleger. Så jeg har lært på en diplomatisk måde at kommunikere med nye mennesker om et større projekt med en deadline men det har været op til den enkelte at lære noget af projektet. Vi har alle sammen hver for sig arbejdet med at lave animationer i EA, tegnet i Ia, kodet HTML og CSS, og vi har samlet op på vores arbejde undervejs, så vi har fået et fælles og sammenhængende produkt ud af det. Samarbejdet blev dog bedre og bedre, jo længere vi kom i projektet. Undervejs har vi brugt Facebook til at dele idéer, tanker, filer, m.m., når vi ikke har siddet fysisk sammen. Og det har fungeret rigtig godt.