WorkFlow. Svendeprøve Emil Momsen. BeskrivelseN ****** BeskrivelseN ******

Transkript

1 Workflow Svendeprøve Emil Momsen BeskrivelseN WorkFlow BeskrivelseN

2 Side - 2 / 8 Arktis Brief Fra kunde Opgave / Indhold Kunden var WWF og opgaven gik ud på at få folk til at blive klar over, hvor alvorligt og seriøst et problem det er, med den globale opvarmning og olieboringerne i Arktis, og få dem til at støtte WWF s arbejde for at bevare isbjørnen og dens levesteder. De ville gerne køre deres kampagne både på det digitale og trykte medie. Workflow Website Hjemmesiden skulle fungere sammen med de sociale medier, nærmere bestemt facebook, instagram og twitter. Samtidigt havde jeg nedskrevet hvilke punkter, de gerne ville have med på hjemmesiden. En forside der flot præsenterer hvad kampagnen går ud på. En støtte side hvor man kan udfylde en kontaktformular, bestille en kop eller en plakat samt donere penge til det gode formål. ANALYSE Analyserede deres nuværende hjemmeside, andre støtteorganisationers hjemmeside og kiggede på deres svagheder og styrker, for så efterfølgende at skrive begge dele ned. Sitemap tegnede et sitemap udfra de punkter kunden nævnte under mødet. Sitemappet er for at gøre rede for hvilke menuer, jeg skulle have med og hvad der evt. skulle være under disse. Skitsering Skitseret det grafiske webdesign op på papir. Det skulle være meget overskueligt fordi min målgruppe var så bred, og på samme tid skulle den hverken ligge for langt fra mit trykte materiale eller deres nuværende hjemmeside. Og da hjemmesiden er blot er en del af en større kampagne var det vigtigt at bevare den røde tråd. Gaven Ved donationer over et vist beløb ville WWF gerne vise deres taknemmlighed og samtidigt øge folks lyst til større donationener ved hjælp af en lille»gullerod/gave«. Plakaten skulle være rørende og samtidig flot visuelt, så man som virksomhed eller privatperson ville kunne hænge den op og vise»vi/jeg støtter isbjørnen og Arktis«. Plakaten skulle illustere et skrøbeligt Arktis og nogle Isbjørne, der kunne bruge noget hjælp. Koppen skulle være mere rå i udtrykket og være noget som alt lige fra en pædagog til en tømrer ville drikke sin kaffe af. Den skulle ikke vise Isbjørnen som et skrøbeligt dyr, men mere som Arktis konge. Layouts Jeg havde følgende med til 2. kundemøde: Layoutet hjemmeside Layoutet plakat og krus Indstikket layoutet Aflevering til kunde Indvendinger / rettelser Kunden havde ikke de store rettelser og var meget tilfreds med både layoutet og ideerne/tankerne bag. Efter mødet var kampagnen godkendt, og jeg kunne gå igang med rentegningen. Da det er en fiktiv opgave har jeg sprunget korrekturgangene over. En hvad/hvorfor side, som kort opridser hvad pengene går til og mulighed for at downloade indstikket og læse mere uddybende om hvad WWF s arbejde er. En kontakt side. Selvom det er layouts jeg har med er det hele sat flot op på kraftigt karton og finpudset, så det ser færdigt ud. Det er kun en grafiker, der skal kunne se at, det er layout. Jeg gør dog kunden opmærksom på at, det er et layout. Grunden til at layoutet ser tæt på så færdigt ud, trods det blot er et layout, er for at vise kunden, at jeg har styr på tingene, og at det de kan forvente i sidste ende er 100% gennemført, og lidt til. Workflow

3 Side - 4 / 8 Arktis Rentegning (Webdesign) Rentegning i photoshop af webdesign kunne efter kundens godkendelse begynde. Jeg valgte at lave designet meget lyst og luftigt, for at gøre det overskueligt, at finde rundt på sitet, og samtidigt være lækkert og behageligt at se på. Den blå isgrafik var et af elementerne, jeg ville have til at gå igen i det grafiske udtryk fra trykt til digitalt medie, da den fungerer godt på begge platforme og er let genkendelig. Det samme gør sig gældende for de små isbjørne på isflagen. Når jeg arbejder i photoshop så gør jeg altid mig selv og mine kollegaer den tjeneste, at navngive og mappeindele lagene, og sørge for, at de ligger i den korrekte rækkefølge oppefra og ned, så det der ligger i mappen header er det, som på websitet er headeren (toppen). På den måde er det let både for mig og mine kollegaer at finde rundt i filen og på den måde spare tid. Det er vigtigt at gøre ved alle opgaver og særlig vigtigt ved webdesigns, da det typisk er noget man skal ind og have fat i mange gange. Hvis man som i den virksomhed, jeg arbejder for, har nogle eksterne programmører til at kode siden op, så er det utroligt vigtigt at programmøren kan finde rundt i photoshopfilen.

4 Side - 6 / 8 Arktis Rentegning (Webdesign) Kunden havde en masse store flotte billeder. Som de er meget stolte af. For at udnytte dem bedst muligt ville jeg gerne have hjemmesiden til at have et stort baggrundsbillede som bærende element. På den måde kunne jeg også på en flot måde få den røde tråd i form af de to små isbjørne på isflagen. Jeg valgte også at give alle kasser en smule gennemsigtighed, for at bevare det lette og luftige udtryk. Selvom jeg havde valgt en Serif font (Gulliver) til mellemrubrikker og rubrikker i min typografiopgave, så fungerer det sjældent godt med en Serif font på det digitale, hvilket også gjorde sig gældende i dette tilfælde. Det er oftes Grotesk fonte (fonte uden fødder) der tager sig bedst ud på det digitale medie. Derfor valgte jeg også en grotesk font til rubrikker og mellemrubrikker på hjemmesiden. Univers condensed som jeg havde brugt til min typografi opgave, ville være oplagt, men fandtes ikke som web font, så valgte fonten Oswald som ligner meget. Jeg lavede topmenuen fixed så den altid er i toppen af sitet og det kun er resten af sitet, der rykker sig når man scroller. På den måde har man altid menuen i toppen og kan lynhurtigt navigere videre til en af de andre undersider.

5 Side - 8 / 8 Arktis Farvejustering (Billeder til Web) Alle billeder skulle også have den samme»tone of voice«. Normalt er en isbjørn hvid/gul, men jeg ville have den klar hvid hele vejen igennem for at få den til at se mere ikonisk og ren ud. Derfor har jeg haft samtlige billeder igennem»bridge Raw«for fremhæve detaljer og få et ensartet udtryk i det grafiske materiale. Ved dette billede har jeg skruet op for»exposure«for at lysne billedet og op for»clarity«for at fremhæve pelsen og texturen i billedet. Efterfølgende har jeg skruet lidt ned for kontrasten, for når man skruer op for klarheden i et billede, vil den automatisk give noget mere kontrast. Efterfølgende justerede jeg også»highlight«,»shadows«og 'Whites' så det passede til det gennemgående udtyk. Det handler om at prøve sig frem, særligt når det er en hvid bjørn på hvid baggrund, for den skal jo helst ikke brænde ud i sneen. kunsten er at få den så hvid som muligt, bevare detaljerne og undgå udbrænding. En utrolig vigtig ting når man laver billeder til web, er at sikre sig at de ligger i RGB og ikke CMYK, da CMYK billeder tager sig forskelligt ud fra browser til browser og CMYK altid kun er til tryk.»saturation«inde i»bridge Raw«er et super værktøj til at hive bestemte farver ud af billedet med, her har jeg skruet helt ned for den gule og orange. Efterfølgende har jeg i»luminance«skruet ned for lyset i de gule og orange toner.

6 Side - 10 / 8 Arktis Responsive Websitet for WWF er ikke responsive (tilpasser sig mobildevices), men jeg har fra begyndelsen af tænkt det ind i designet og optimeret det, så det let ville kunne blive overført til en responsive løsning af en programmør. Jeg har dog et layout med til kunden således kunden selv kan se, hvordan det ville tage sig ud, hvis det blev en del af løsningen.

7 Svendeprøve mediegrafiker 2014 Workflow Dette er en fiktiv opgave for WWF som omhandler isbjørnen og Arktis. Grunden til at jeg netop har valgt dette emne er, at det i stigende grad er og bliver et voksende problem ikke blot for Arktis og isbjørnen, men også for dig og mig, på grund af den globale opvarmning og de aggressive olieboringer i og omkring det skrøbelige Arktis. Noget vi i min optik som mennesker på jorden skal tage stilling til. Emil Momsen