Grafisk design 03/12. Typografi & ombrydning 13/24. Grafik & billeder 25/31. Produktion og workflow 32/ Grafisk design

Transkript

1 Grafisk design 03/12 Typografi & ombrydning 13/24 Grafik & billeder 25/31 Produktion og workflow 32/ Grafisk design 2 3

2 Aarhus Cykelbane Aarhus cykelbane har igennem længere tid haft en uddateret grafisk profil, det er synd, for cykelbanen har en god, lang historie som fortjener en stærk profil. Der er massere af potentiale i cykelbanen og derfor skal de også have en grafisk profil der matcher dertil. Derfor har jeg valgt at komme med mit bud på en opdatering af deres nuværende logo. Aarhus Cykelbane er en seriøs afsender med store ambitioner. Deres målgruppe er cykel interesserede mennesker i alle aldre lige fra de årige. Budskabet skal igennem den grafisk opdatering være med til, at gøre den måske lidt glemte cykelbane og sporten mere attraktiv i Aarhus og omegn. Da cykelbanen allerede har nogle gode farver i deres nuværende logo, som passer med de forskellige kørestriber der er på banen. Har jeg valgt at fortsætte med dem. Den nuværende skrifttype er også god, men jeg syntes at den skulle stå lidt stærkere, så den har jeg ændret til en skrifttype der er mere kraftig og en smule mere moderne, som passer bedre til afsenderen. Begge to en Sans Serif. symbolisere en cykelbane på bedst mulige vis, så man kan genkende logoet, når man ser det. På forhånd havde jeg besluttet at køre videre med cykelbanens farver, dog med en ændring, at pifte farverne lidt op. Efter research delen og valg af farver, begyndte jeg at skitserer mine idéer med tanke på, hvad jeg havde fundet ud af i research processen. Jeg havde en meget klar idé fra start, som jeg næsten har fulgt gennem hele processen. Det er ikke altid det bedste at gå med den første idé, men det gjorde jeg og blev godt tilfreds med resultatet. Jeg er umiddelbart meget godt tilfreds med min slutprodukt, det kunne godt være endt bedre. Jeg synes det var lidt svært at arbejde med en fiktiv opgave. Det samme gælder for design processen, den kan gøres bedre og strammes mere op. Jeg ved at processen er vigtig for, at få et godt og gennemarbejdet resultat. Jeg har ofte tendens til at glemme processen. Det er noget jeg skal arbejde på at få inkorporeret i mit workflow. Kontrasterne ligger i farverne på symbolet. Symbolet har form som cykelbanen hvor de 4 ringe, som udgøre kørestriberne, danner den ovale bane form. Derved ved man nemt, hvad det drejer sig om for beskueren. Logotypen har jeg givet mere plads og i samme vægt for at det skal stå stærkere. Jeg startede med at lave research omkring Aarhus Cykelbane og andre cykelbaner i Danmark samt i udlandet. Jeg kiggede efter, hvad der kunne 4 5

3 Cirkel Hjul Halvcirkel Orginal logo skitse til Aarhus Cykelbane #1 Oval Cykelbane Orginal logo skitse til Aarhus Cykelbane #2 Skitser 6 Symbol 7

4 Symbol 8 Logotype 9

5 The quick brown fox jumps over the lazy dog A B C D E F G H I J K L M N O P Q R S T U V W X Y Z Æ Ø Å a b c d e f g h i j k l m n o p q r s t u v w x y z æ ø å Logo 10 Skrifttype Sofia Pro 11

6 Pantone Blue 072 U Pantone Black 6 U Pantone Bright Red U Pantone 7460 U Typografi og ombrydning Farver 12 13

7 Cykelbanen Jeg ville lave et medlemsblad for folk der er medlem af Aarhus Cykelbane/ Aarhus cykelklub, lige præcis dette blad er en særudgave, der omhandler banens historie gennem årene. Det er tænkt således, at det er første udgave af 3 særudgaver. Jeg har prøvet at gøre læseoplevelsen så god som muligt ved at bryde teksten med store og små billeder, som læseren kan kigge på og derved få ro til øjet mellem siderne. Teksten er sat i to kolonner for igen, at gøre linjerne korte og nemme at læse. Så bliver man ikke så træt igennem teksten. Jeg har brugt den samme skrifttype, Sofia Pro, som i logoet for at skabe en rød tråd og genkendelighed. Den bruges primært til overskrifter, men også nogle enkelte tekst moduler. I brødteksten har jeg anvendt skrifttypen Helvetica, da jeg synes det matcher godt til Sofia Pro. Brødteksten skal også være læsevenlig og det synes jeg, at den bliver med Helvetica. Kvaliteten af dette produkt er jeg meget tilfreds med efter mine evner på dette område (typografi og ombrydning). Da det ikke er min stærke side. Men jeg synes det er blevet godt. Der er plads til forbedring mange steder i produktet rent teknisk. Selve indholdet er med en punktstørrelse 10, 14 i skydning og med en Light i vægt, for at gøre det lidt let for øjet, fordi at det er historie materiale, hvilket godt kan blive tungt i sig selv at læse. Derfor prøver at jeg bløde det lidt op i teksten på denne måde. For at skabe noget kontrast i teksten har jeg valgt, at nogle kapitler starter med en stor og kraftig størrelse. Disse moduler er i farven rød, igen for at forøge kontrasten. Det har en god virkning og bryder mønsteret. Teksten er sat op med Baseline Grid. Interval på 14, så det matcher skydningen. Teksten starter 15 mm. nede på dokumentet, da min margin også er 15 mm. Alt tekst (overskrifter, brødtekst osv.) er sat op med afsnitsformater. Så man nemt og hurtigt kan være sikker på, at man altid får den rigtige størrelse på sin tekst i dokumentet. Sidetal er sat op med masterpages

8 Skitser Layout skitse til Cykelbanen #1 Layout skitse til Cykelbanen #3 Layout skitse til Cykelbanen #2 Layout skitse til Cykelbanen #4 16 skitser

9 Produkt 18 Produkt 19

10 Produkt 20 Produkt 21

11 #1 Dokument opsætning #2 Masterpages #3 Sidetal Produkt 22 Programindstillinger 23

12 #4 Opsætning af Baseline Grid #5 Opsætning af Brødtekst Grafik og billeder Programindstillinger 24 25

13 Aarhus Cykelbane Eftersom at jeg har lavet et magasin der hedder Cykelbanen, tænkte jeg, at det vil være oplagt at tage nogle billeder ude på Aarhus Cykelbane, som jeg kunne bruge til magasinet. Så jeg planlagde, hvilke billeder jeg skulle bruge og fik så taget dem. Tanken var at billederne også kunne bruges til denne kernekompetence (grafik og billeder). Til redigering har jeg benyttede mig af Photoshop CC, da det selvsagt er mest åbenlyse og korrekte, at redigere sine billeder i. Der findes selvfølgelig også mange andre gode redigeringsprogrammer. Jeg fortrækker dog Adobes Photoshop. Her kan jeg redigere og justere mine billeder som jeg vil have. Jeg brugte mit GoPro 4 kamera til at tage billederne, i mangel på bedre. Da det er forholdsvist nyt for mig at bruge sker der en fejl med indstillingerne, så billederne bliver dårlige i redigeringsfasen. Så jeg må en tur derud igen for at gøre det om. Dette lykkes ikke da cykelbanen åbenbart er lukket på grund af sommerferie og jeg kan derfor ikke komme ind og gøre det om. Så jeg må nøjes med et enkelt billede af indgangen. Dette har gjort, at kvaliteten på alle mine billeder, udover et enkelt, ikke er tilfredsstillende. Næste gang skal jeg i gang noget før, så jeg ikke ender i sådan en situation. Kvaliteten på det billede jeg har brugt til opgaven er jeg dog rigtig godt tilfreds med

14 28 29

15 #1 Det første jeg gjorde var at justere Levels fikspunkterne ind. #2 Tilføjning af farveforløbskort så billedet fik en sort/hvid effekt. Jeg fortrækker denne måde at gøre det på. Da jeg godt kan lide de muligheder man har. #3 Herefter gjorde jeg billedet en smule mere skarp. #4 Jeg vil fremhæve nogle områder ved at gøre dem mørke. I dette tilfælde var det skyerne. Det gjorde jeg med Levels. Hvor jeg kørte den mørke del op og malede det frem via en maske på laget. Programinstillinger 30 Før Efter 31

16 Rosenfelt & West Rosenfelt & West Engineering er en virksomhed der laver sikkerhedsudstyr og overkørsler til jernbaneoverskæringer i hele Norden. De er en stor spiller på det marked. Deres problem før de kom til os var, at de ikke havde fået opdateret deres visuelle identitet i 10 år og lignede et levn fra 90 erne. De vil gerne op på højde med COWI og det følte de ikke at de kunne komme, uden et friskt pust på den grafiske front Forståelse for grafisk produktion og workflow Jeg skulle skabe deres nye online univers. En blandt mange andre ting der skulle laves. Kundekontakten forgik oftest mellem Rune og kunden og så videre til mig på mail. Dette fungerede rigtig godt indtil kunden begyndte at blande for mange af deres egene medarbejdere ind i projektet og ikke mindst ind i vores mail korrespondance. Så vi gik fra 3 personer til 10 forskellige personer da det var højest, hvilket resulteret i mange problemstillinger mht. beslutninger omkring design. Hele processen startede med en briefing sammen med Rune omkring, hvad kunden havde af ønsker og hvad vi selv mente der skulle til for, at vi kunne skabe et godt resultat og succes for kunden. Herefter påbegyndte jeg research fasen. Jeg undersøgte mange andre ingeniører og deres hjemmesider for at se, hvad og hvordan de gjorde. Derefter begyndte jeg at skitsere de forskellige sider op, så vi havde et udgangspunkt at gå videre med til designfasen. Siden er bygget meget enkelt op. Store billeder og let overskuelig tekst for brugeren.det er meningen, at der skal være fokus på billeder. Forsiden er delt op i store boksen med fokus på nyheder, viden og hvad de tilbyder. Siden virker i de forskellige browsere og er også responsiv

17 Igennem dette projekt er der sket mange ændringer i layoutet, som jeg nævnte tidligere havde de valgt at have for mange af deres medarbejdere med indover. De kunne ikke tage en beslutning og når beslutningen var taget, var der en anden der var uenig alligevel. Det gjorde selv godkendelsesprocessen til en langvarig og udmattende proce, men vi kom i mål til sidst og begge parter var glade. Kvaliteten af dette projekt er endt meget godt. Det var min første store opgave, hvor jeg havde meget kundekontakt. Det var sjovt at være med inde over det. Det hjalp også meget med forståelsen af kunden og de problemer de havde. Der har været mange kameler at sluge igennem projektet, fra sortering af vores gennemtænkte idéer til at kunden trumfer igennem og vil have det på hans måde lige meget hvad. Da vi afleverede projektet havde jeg en god mavefornemmelse og er tilfreds med resultatet

18 Layout skitse 36 Layout skitse 37

19 Layout skitse 38 Responsivt 39

20 40 41

21 42 43