GRUNDFORLØBSPRØVE MEDIEGRAFIKER JUNI 2015 DOKUMENTATION Anne K. Johnsen MG5 1
Indholdsfortegnelse Tidsplan Brainstorm Firma / Navn / Logo Brochure Plakat Website Merchandise Slutresultat s. 3 s. 4 s. 5 s. 8 s. 13 s. 18 s. 24 s. 26 2
28/5 Logo, navn, brainstorm, forberedelse/planlægning. 29/5 Synopsis (Start), brochure (Udregne margin + start), gennemgå billeder. 1/6 Brochure (Fortsat), Kontaktinformation, QR-kode, Website (Start) 2/6 Website (Fortsat), Plakat (Start) 3/6 Website (Færdig), Synopsis (Færdig), Brochure (Færdig) 4/6 Aflevere synopsis, Plakat (Færdig), Placere plakat på f.eks. skilte. 8/6 Evt. tid til justeringer på plakat. Læse korrektur. 9/6 Tage billeder af skitser, noter og andet relevant. Dokumentation. 10/6 Rettelser, justeringer, dobbelt-tjekke for fejl, Dokumentation, Website (Redigering). 11/6 Dokumentation, sortere filer/dokumenter. Printning og tilskæring af produkter. 12/6 Klargøring/Aflevering kl 12.00. 3 TIDSPLAN
Håb Handling Budskab Nemt Aktivere læseren Hjælpsomhed Solidaritet Facts Information Vidensdeling Blikfang Keywords Citat Opmærksomhed Symbolik Renhed Kontrast (losseplads) Farvevalg Jordklode Planter Medier Logistik Dokumentation Realistiske mål Finanser Forventninger Ghana Overforbrug Vesten Cyklus Konsekvenser Manglende information Indtjening frem for menneskeliv Behov Drikkevand Fødevarer Lægehjælp Medicin Sanitet Desperation Udnyttelse Løsning Lovgivning Opstramning 4 BRAINSTORM
Logo / Navn / Firma 5
Navn: Navnet skulle være direkte og opfordre til handling. Navnet skulle samtidig kunne fungere internationalt. Mine overvejelser omfattede bl.a. diverse forkortelser og lign. Endte til sidst med Choice for at lægge fokus på det valg, man har om at hjælpe udsatte børn, i dette specifikke tilfælde. Det har været min intention at lægge valget/ansvaret over til læseren. Samtidig ville jeg ikke vælge noget, der mindede mig om noget der i forvejen eksisterede. ChildAid var et af de andre navne jeg kom på, men det er der en række organisationer der allerede hedder (Eller variationer deraf). Jeg ville desuden gerne vælge et navn, der kunne udfordre mig til at lege med selve bogtaverne frem for et egentligt billede som selve logoet. Roboto Condensed er i øvrigt brugt til logo-typen, for at bibeholde den som gennemgående design-element. Den røde farve der er gennemgående for hele projektet har jeg til dels valgt pga. de associationer den giver, og til dels da den står i en god kontrast med billedmaterialerne og den sorte og hvide, der er brugt. Skitser og overvejelser i forbindelse med valg af navn og design af logo. Som det kan ses bragte mine overvejelser mig vidt omkring. 6 FIRMA / NAVN / LOGO
Font: Roboto Condensed Myriad Pro Regular Roboto Bold Condensed Myriad Pro Bold Roboto Bold Condensed Italic Myriad Pro Italic Roboto Condensed Italic Roboto Regular Farve: R: 176 G: 25 B: 37 R: 0 G: 0 B: 0 R: 255 G: 255 B: 255 C: 29 M: 100 Y: 90 K: 35 C: 100 (0) M: 100 (0) Y: 100 (0) K: 100 C: 0 M: 0 Y: 0 K: 0 #b01925 #000 #fff På websitet er der desuden brugt forskellige grå nuancer udover de tre ovenstående farver. F.eks. RGB 20 / 20 / 20 som en transparent baggrund. Se mere under punktet Website. CHOICE CHOICE CHOICE 7 FIRMA / NAVN / LOGO
Brochure / Proces / Resultat 8
Udregning af margin + skitser til layout af brochuren. Format: A6. Desuden noteret diverse overvejelser i forbindelse med font, farve og layout/detaljer. I højre side har jeg lavet forskellige udkast specifikt til for- og bagside. 9 BROCHURE / PROCES
Font: Roboto Condensed + Condensed Bold + Condensed Italic (Rubrikker, mellemrubrikker, manchetter) Myriad Pro Regular (Brødtekst) Close-up af i-testen. Kontrol af billedkvalitet. Jeg har valgt at lægge fokus på et moderne og rent udtryk, for således at give plads til billederne og for at lade dem tale for sig selv. A6 størrelsen er valgt for at gøre den transportabel, men samtidig have plads til indhold, som billeder og tekst. Jeg har lavet i-testen på brødteksten. Der er paragraph styles til de forskellige typer tekst (brødtekst, mm.). Der er auto-pagina på hele brochuren, men der er kun pagina på hveranden side. Til dels pga. billeder der fylder, til dels pga. at det er en kort brochure og der er ikke så mange sider i den at det er nødvendigt med pagina på dem alle. Et udpluk af de paragraph styles der er brugt i mit arbejde med brochuren. Jeg har valgt at sætte en QR-kode på bagsiden af brochuren, så folk kan scanne den og blive ledt videre til hjemmesiden. Det er dog bare et eksempel jeg har valgt at bruge og den leder ikke til hjemmesiden, da den ikke er online. Jeg har forsøgt at skabe en kontrast imellem de meget stilrene kasser og lige linjer, og billederne af skrald, skrod og bål. 10 BROCHURE / PROCES
Billeder af grid og noget af min paragraph style til brødtekst uden indryk. Herunder kan man se at den er låst til grid. Screenshot af justification på brødteksten, som jeg er nået frem til vha. i-testen. 11 BROCHURE / PROCES
Gør en stor forskel - Hjælp børnene i Agbogbloshie Agbogbloshie er et slumområde i udkanten af byen Accra, i Ghana. Området fungerer som en gigantisk levende losseplads for elektronisk skrot. Børn og unge leder her efter kobber de kan sælge, for at overleve. Vi er taget til byen Agbogbloshie udenfor Accra i Ghana for at se på forholdene på lossepladsen for elektronik. Efter kun 5 minutter på stedet står det klart, at en stor del af det elektroniske skrot stammer fra Vesten, herunder Danmark. Der går ikke længe før vi finder brugte PC er med teksten Tyverisikret. Mike Anane understreger at det ikke er usædvanligt at finde skrot fra Danmark, tidligere er der 2 bl.a. dokumenteret fund af PC er fra det danske forsvar, gymnasier og endda Danske Bank. Der er således tale om en gentagende problematik i forbindelse med dumpning af e-skrot. Mike Anane mener, at det er beskæmmende for Danmark at bidrage til denne giftige forretning, ved at udnytte reglerne for dumping af elektronik. Den forretning han henviser til er let at få øje på og umulig ikke at indånde.»agbogbloshie er sidste udvej og stedet for folk, der ingen andre muligheder har overhovedet«- Kewesi Owusu STØT NU! Det handler om at tage ansvar CHOICE / WWW.CHOICE.COM CHOICE 1 12 BROCHURE / RESULTAT CHOICE / WWW.CHOICE.COM VÆLG CHOICE Nødhjælpsorganisation C. F. Tietgensvej 2, 6000 Kolding Telefonnr. +45 7070 5455 www.choice.com Hjælp børnene i Agbogbloshie til et bedre liv
Plakat / Proces / Resultat 13
Jeg lavede et par udkast som var meget anderledes end min indledende idé, men de blev ikke så vellykkede, så jeg fortsatte med min oprindelige tanke. Jeg har valgt at fokusere på plakatens midte som det, jeg ville have til at stå frem, med de to drenge og røgen i fokus. Jeg har måtte sætte flere billeder sammen ved brug af lag-masker, for at sikre at plakatens ppi var høj nok. Ppi en er endt på 295ppi, hvor kravet i opgaven er på min. 200ppi. Jeg har gået efter at komme så tæt på 300ppi som muligt, for at være helt sikker på, at billedkvaliteten er optimal. Endvidere har jeg valgt at lægge en skygge rundt om i kanten, på plakaten, for at fremhæve det centrale motiv og gøre plads til tekst nederst, uden at det skulle forstyrre selve motivet for meget. Jeg har ville undgå at drage fokus for meget væk fra billederne, hvilket er hvorfor logoet også er placeret udenfor det centrale motiv (øverst til venstre). Jeg har fritlagt den forreste dreng samt den røg der er på billedet, vha. Pen tool, brushes og så har jeg til sidst brugt stamp-tool for at give røgen en bedre kant/overgang. Desuden har jeg brugt stamp-tool flere steder på jorden, for at sikre en bedre overgang imellem de to billeder. Desuden har jeg justeret farver en smule, bl.a. ved at bruge selective color til at skrue op for farven på de bål der er ved siden af drengene. Se mere af processen på næste side, hvor jeg viser nogle af de enkelte lag jeg har arbejdet med. 14 PLAKAT / PROCES
De to billeder der udgør størstedelen af den færdige plakat. Herunder kan ses de dele af de to billeder, der er brugt og det sammenlagte resultat. Samtidig kan man se den skygge der er lagt ovenpå til sidst, for at fremhæve det centrale motiv på plakaten. Desuden kan man se lag-strukturen til højre, med nogle af de justeringer der er brugt. 15 PLAKAT / PROCES
2 plakat udkast - På plakaten til venstre har jeg lagt 3 billeder sammen (2 primære og et, hvor der kun er brugt lidt jord fra) ved brug af lag-masker. Derudover har jeg brugt content-aware fill på begge plakater for at udvide baggrunden. Billederne der er brugt på plakaterne går i øvrigt igen på både webdesignet og i brochuren, for at skabe en form for konsistens og en følelse af genkendelighed for læseren. På næste side er plakaten sat ind på hhv. et skilt og i et butiksvindue, for at illustrere, hvordan det kunne se ud, hvis den hang ude i et bybillede. Det var vigtigt for mig at få røgen med på plakaten, da det understreger det giftige miljø drengene befinder sig i og hvad de indånder dagligt. Plakaten til venstre er mere omfattende i det jeg har brugt masker til at fritlægge røg, stamp-tool til at få en bedre overgang imellem for- og baggrund, samt til at få en sammenhæng mellem jorden drengene står på, samt diverse justeringer. CHOICE CHOICE Tekst og logo er lagt på billedet i InDesign. Det endelige resultat er blevet plakaten til venstre. HJÆLP BØRNENE I AGBOGBLOSHIE DET HANDLER OM AT TAGE ANSVAR HJÆLP MED AT STOPPE DUMPING AF E-SKROT www.choice.com - C. F.Tietgensvej 2 6000 Kolding - +45 7070 5455 16 PLAKAT / RESULTAT HJÆLP BØRNENE I AGBOGBLOSHIE DET HANDLER OM AT TAGE ANSVAR HJÆLP MED AT STOPPE DUMPING AF E-SKROT www.choice.com - C. F.Tietgensvej 2 6000 Kolding - +45 7070 5455
Plakaten som den kunne se ud i et tilfældigt bybillede eller i et butiksvindue. 17 PLAKAT / RESULTAT
Website / Proces / Resultat 18
Diverse skitser til layout af website. Der er desuden flowchart øverst på skitsen. Alle billeder brugt på websitet er komprimerede inden brug. De billeder, hvorpå der er lagt skygge i Photoshop eller har andet der skal være transparent, er lavet som.png filer. Resten er.jpeg. 19 WEBSITE / PROCES
Flowchart Forside Brochure (Link) Information Aktive Projekter Evt. tredje underside Merchandise Galleri Kontaktinfo. Jeg har valgt at inkludere en underside til Aktive projekter, da det giver læseren mulighed for at se, hvilke projekter en eventuel donation ville bidrage til. Endvidere bidrager det også til at gøre situationen mere virkelig, ved at gå mere i dybden med de enkelte specifikke behov, som drengene på Agbogbloshie har, udover helt at komme væk fra stedet. (Sanitering, lægehjælp, etc.) Den sidste underside kunne indeholde informationer om afsluttede projekter og deres effekt på situationen i Agbogbloshie. 20 WEBSITE / PROCES
Jeg startede med at lave skitser og flowchart over hjemmesiden og hvordan, jeg gerne ville have strukturen skulle være. Herefter er jeg gået i gang med at lege med layoutet og det er blevet ændret lidt, siden mine oprindelige skitser. Jeg er sluttet med at have en forside, som leder videre til en længere landingpage, hvor der er flere informationer på og som kører i forlængelse af sig selv. Siden er forsøgt valideret (som HTML5) men der er 2 fejl pga. Google font linket. Der er i øvrigt taget højde for browsere der ikke kan læse fonten Roboto, ved istedet at inkludere Arial. Websitet er responsivt, men ikke optimeret ift. tablet og mobile. Alle billedfiler er navngivet efter motiv, thumbnails af billeder har et t sidst i navnet. Jeg har lavet thumbnails for at gøre siden mindre tung når den skal indlæses. Ligesom ved de andre produkter, blev jeg enig med mig selv om, at billederne skulle være i fokus. Jeg har derfor valgt at lægge dem ind som baggrunde, med forskellige farver transparente bokse ind over. Det er her de forskellige grå nuancer jeg har brugt, kommer i spil. Den røde farve går igen på hhv. Logo, overskrift, menu, overskrifter på de enkelte underdele af siden, samt i bunden af siden som overskrift for kontakt-informationer og lignende. 21 WEBSITE / PROCES
Screenshots af den færdige hjemmeside. Den ene af drengene fra plakaten fungere her som baggrund. Den anden dreng er fjernet i photoshop, da skæringen af billedet ville betyde at kun hans ben kom med. Der er desuden sat en hover-effekt på menuen, som endvidere har en fast position på siden, så brugeren hele tiden kan navigere nemt rundt. 22 WEBSITE / RESULTAT
Screenshots af landingpagen, som man kommer ind på efter forsiden. Her findes der link til brochure, galleri, mm. Her kan man se hvordan baggrundsfarven går fra en lysere til en mørkere grå. Alle baggrundsbillederne er som minimum 1920px brede. 23 WEBSITE / RESULTAT
Merchandise / Resultat 24
Mit mål for merchandise var at lave noget, der var enkelt nok til, at folk kan bruge det i hverdagen, samtidig med at have nogle mindre ting med, som folk nemt kan transportere rundt. Jeg valgte desuden et indkøbsnet for at bruge samme taktik som diverse butikker, der også har deres logo på poser og lign. 25 MERCHANDISE
Samlede Produkter 26
CHOICE STØT N U! Det h an at tag dler om e a ns var CHOI CE 1 CHOIC C. F. T E Nødhjæ lpso ietg Telefo ensvej 2, rganisatio 6000 n nnr. + K www 45 7070 olding.choic 5 e.com 455 CHOIC E/W WW.C HOIC E.CO M VÆLG Samlet plakat, brochure (forside) og website (forside). Den røde tråd består primært i brugen af billeder, der går igen, Roboto-fonten og brugen af den røde farve på bl.a. tekst. En variant af billedet der er brugt til plakaten fungerer her som baggrund. Hjælp i Agb børnene o til et gbloshie bedre liv Desuden er Choice logoet på alle produkterne. Dog ses det ikke her på brochuren, da det er på bagsiden. 27 ENDELIGT RESULTAT LOSHIE B G O B G A RNENE I Ø B P ANSVAR L E G A HJÆ T T A LER OM DUMPING AF E-SKROT D N A H DET TOPPE D AT S ME HJÆLP e.com - oic www.ch C. F. g - +45 0 Koldin ej 2 600 Tietgensv 55 7070 54