1. No category

GRUNDFORLØBSPRØVE
MEDIEGRAFIKER
JUNI 2015
DOKUMENTATION
Anne K. Johnsen
MG5
1
ANNE K. JOHNSEN / MG5
Indholdsfortegnelse
2
Tidsplan
s. 3
Brainstorm
s. 4
Firma / Navn / Logo
s. 5
Brochure
s. 8
Plakat
s. 13
Website
s. 18
Merchandise
s. 24
Slutresultat
s. 26
ANNE K. JOHNSEN / MG5
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
ANNE K. JOHNSEN / MG5
Håb
Handling
Budskab
Nemt
Aktivere læseren
Hjælpsomhed
Solidaritet
Medier
Logistik
Dokumentation
Realistiske mål
Finanser
Forventninger
Behov
Drikkevand
Fødevarer
Lægehjælp
Medicin
Sanitet
4
BRAINSTORM
Facts
Information
Vidensdeling
Blikfang
Keywords
Citat
Opmærksomhed
Ghana
Symbolik
Renhed
Kontrast (losseplads)
Farvevalg
Jordklode
Planter
Overforbrug
“Vesten”
Cyklus
Konsekvenser
Manglende information
Indtjening frem for
menneskeliv
Desperation
Udnyttelse
Løsning
Lovgivning
Opstramning
ANNE K. JOHNSEN / MG5
Logo / Navn / Firma
5
ANNE K. JOHNSEN / MG5
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
ANNE K. JOHNSEN / MG5
Font: Roboto CondensedMyriad 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
7
FIRMA / NAVN / LOGO
CHOICE
CHOICE
ANNE K. JOHNSEN / MG5
Brochure / Proces / Resultat
8
ANNE K. JOHNSEN / MG5
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
ANNE K. JOHNSEN / MG5
Close-up af i-testen.
Font: Roboto Condensed + Condensed Bold +
Condensed Italic (Rubrikker, mellemrubrikker,
manchetter)
Myriad Pro Regular
(Brødtekst)
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
ANNE K. JOHNSEN / MG5
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
ANNE K. JOHNSEN / MG5
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
ANNE K. JOHNSEN / MG5
Plakat / Proces / Resultat
13
ANNE K. JOHNSEN / MG5
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
ANNE K. JOHNSEN / MG5
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
ANNE K. JOHNSEN / MG5
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
ANNE K. JOHNSEN / MG5
Plakaten som den kunne se ud i et tilfældigt bybillede eller i
et butiksvindue.
17
PLAKAT / RESULTAT
ANNE K. JOHNSEN / MG5
Website / Proces / Resultat
18
ANNE K. JOHNSEN / MG5
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
ANNE K. JOHNSEN / MG5
Flowchart
Forside
Brochure (Link)
Information
Merchandise
Galleri
Aktive Projekter
Evt. tredje underside
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.
Kontaktinfo.
20
WEBSITE / PROCES
ANNE K. JOHNSEN / MG5
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
ANNE K. JOHNSEN / MG5
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
ANNE K. JOHNSEN / MG5
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
ANNE K. JOHNSEN / MG5
Merchandise / Resultat
24
ANNE K. JOHNSEN / MG5
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
ANNE K. JOHNSEN / MG5
Samlede Produkter
26
ANNE K. JOHNSEN / MG5
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
ANNE K. JOHNSEN / MG5