Indhold. Grafisk design

Transkript

1 Grafisk design Indhold.. Moodboard udgangspunktet Idéer /skitser Typografi Farver Billedstil Grafisk element Ikoner Færdigt produkt i brug

2 DESIGNGUIDE Det er et oplæg, der er lavet til godkendelse. Specifikation Format : A4 16 sider Oplag : 10 stk Tryk : Digital print Farveprofil : ISO coated v2 Opløsning : 300 ppi Beskæring : 3 mm Produktionstid : 2 uger december 2013 Papirvalg : 160 g /m 2

3 GRAFISK DESIGN Design til Metal Ungdom Designguide fysisk produkt Design, layout og tekst : Marie Jakobsen Tekst : Journalist Anne Goosemann Hove FARVER Der har været et par udfordringer i forbindelse med visning af de blå farver på skærme. Research Idéer /skitser Valg af fonte Valg af farver Farvekoder test af farver på medier Billedstil Udarbejdelse af grafi sk element Idéer til ikoner og rentegning Test af design /mockups Udarbejdelse af designguide BRIEF Metal Ungdoms visuelle identitet skal samles i en designguide. Designet skal være stramt med elementer, der skaber hurtig genkendelse. Designet skal kunne bruges internt og eksternt. Metal Ungdoms nye design skal koordineres med den sideløbende proces om Dansk Metals design. FORMÅL Metal Ungdom skal have en stærk visuel identitet, som lærlinge og elever i Dansk Metal hurtigt og nemt kan genkende. MODTAGER Modtagere er lærlinge og elever mellem år på metaluddannelser inden for it, teknik, mekanik og produktion. AFSENDER Metal Ungdom er den del af Dansk Metal, der tager sig af lærlinge og elever. FORARBEJDE Jeg har vurderet, hvilke produkter der var vigtigst at redesigne, og hvordan disse bedst muligt kunne skabe genkendelighed. I den forbindelse har jeg gennemset de senere års produktion. KRAV Designet skal kunne benyttes af lokale Metalafdelinger og nemt integreres i f x Word. I designet skal der indgå ikoner, fonten skal være let at læse, de primære farver skal være blå, designet skal være fleksibelt og logoet skal bibeholdes. AFSLUTNING Ikonerne er rentegnet i Illustrator i lag, så de kan hentes ind i Photoshop. Jeg oprettede et InDesign bibliotek til de grafiske elementer og ikonerne. AFLEVERING Guiden laves i A4-format, så den kan sendes rundt som pdf og printes af alle og også ligge på hjemmesiden. Der trykkes i første omgang 10 stk i vores inhouse trykkeri, som bruges i godkendelsesprocessen. UDFORDRINGER Farvestyring i pdf er på forskellige medier var en udfordring, som jeg løste ved at vedhæfte en RGB-profil på pdf en eller ved altid at åbne i Adobe Reader. Der skal senere købes en True-type version af fontene, da man ikke kan embedde en Opentype font i f x Powerpoint. KVALITETSVURDERING Jeg er blevet ganske tilfreds med oplægget til det nye design for Metal Ungdom. Mulighederne er mange, og designet kan bruges af flere personer. Polygonet kan nemt integreres med Word og Powerpoint, og fonten kan let bruges sammen med Dansk Metals font, Museo. MARIE JAKOBSENS MEDIGRAFIKER SVENDEPRØVE 2014 GRAFISK DESIGN 5

4 MOODBOARD UDGANGSPUNKTET Metal Ungdom har altid haft et meget blandet udseende præget af kampagne-design. per hjæl Den lille Det lokale ungdomsarbejde Hvad f... er det? Hvordan fungerer en ungdomsbestyrelse? Det har været holdt sammen af logoet, farverne blå og orange og fonten Cracked Regular. Den nuværende Metal-blå er meget grumset, den mangler noget friskhed og ungdommelighed. Hvor kan ungdommen gøre en forskel, og ikke mindst hvordan? FÅR DU NOK?. Tidspunkt: Uge 16 d april 2013 Antal: 20 deltagere i alt Tilmeld dig kurset her Stem JA FIU nummer: Metaluddannelsespostkort:Layout 1 16/12/09 15:33 Side 1 til en stærk overenskomst Scan koden og tjek, hvad Metals overenskomst giver dig ret til. 1. MARTS skal din lærlingeløn stige Tjek løngrisen på Metal Ungdoms Facebook-side og se, hvor meget din løn stiger. Der er ingen grænser for, hvad en metaluddannelse kan føre til Er du i tvivl, om du får den rigtige løn, så skriv til: [email protected] eller ring på Vi kan altid hjælpe dig med et løntjek! Bliv klogere på metalungdom.dk Forvirret? Ret til kørekort kt Kontra Overarbej dsbetaling Pension Grykatmedissmør e odtgørelse Transportg dtgøre lse BLIV MEDLEM Forsikrin g ungdom_ok_kuglepen_vektoriseret.indd 1 26/06/ Voksenlærling OM Arbejd DET HER FÅR AF METAL UNGD M DU: DANSKMETAL.DK/UNGDO GRATIS RÅD OG VEJLEDNING RABATTER PÅ MOBILER OG MEGET MERE CV-BOOSTENDE KURSER Metal Ungdom sikrer dig: ADGANG TIL SPEEDWAY OG lper lle hjæ Den li til masser af motorsports Desuden får du adgang nger, rabatter og gratis events, årlige gokarttuneri og League og VIP-indgang indgang til Speedway koncerter til DHB. Få styr på dine rettigheder og meget andet med Den lille hjælper - find den på metalungdom.dk eller scan koden. dsu_ann_aug_2012_danskmetal.indd 1 23/08/ anik fagforen ik og mek din løn, dine del af er tekn Vi er en jder med it, Metal. Vi sikr der arbe mer af Dansk annelse. medlem der og din udd orløbet. grundf rettighe lem på e med at bliv gratis Det er DANSKMETAL.DK/BLIVMEDLEM Om at bo på kollegium/skolehjem Hvis du går i skole langt væk hjemmefra og pludselig står helt alene i en fremmed by, kan kollegium eller skolehjem være en god måde at lære andre unge at kende. HOVEDFORLØ B Skolehjem fungerer som indkvartering for dig, som har over 5 kvarters transport mellem hjem og skole. Ofte ligger skolehjemmene tæt på uddannelsesinstitutioner, så det er nemt at komme til og fra skole. For at bo på skolehjem betales der et ugentligt beløb, som dækker både kost og logi. Kollegier består typisk af en række mindre værelser, hvor beboerne deler køkken og i nogle tilfælde også bad/toilet. Ofte er der mulighed for at lave madklubber, hvor I skiftes til at lave mad og dermed også skiftes til at handle ind og betale. rundst e bagsiden #s indmeld_folder_hovedforloeb.indd 1 Tjek Håndbog for Løn- og arbejdsforhold Gratis Metal A-k asse Medlemskurser Gode medlemsrabatter Gratis rådgivning og juridisk bistand 15/08/ DHB Ungdom? Metal. Alle, d er Metal ingen Dansk kan blive Hva dk/tilbud Se flere deals på danskmetal. Vi har også en af Danmarks stærkeste A-kasser, en aktiv ungdomsafdeling og en række medlemstilbud, der er målrettet danske metalarbejdere. Vi er din stærke partner i hele dit arbejdsliv. DANSK METAL PRÆSENTERER arbejd BILLIG FORSIKRING Dansk Metal er fagforeningen for mennesker med mekanisk, teknisk, elektronisk eller informationsteknologisk uddannelse. Vi er specialister i dit fag, og det gør vi en dyd ud af. Vi har eksisteret i mere end 100 år, og har i hele vores historie arbejdet for at forbedre danske metalarbejderes løn- og arbejdsvilkår. Det er os, der forhandler overenskomsten på industriens område med arbejdsgiverne, og det er os, der fører sager på alt lige fra manglende løn til alvorlige arbejdsulykker. Sygdom Feriego Akkord smiljø mst Overensko Dansk Metal er til for dig Tillæg Løn A-kasse Transportgodtgørelse Webintegratorelever har ret til rabat på offentlig transport gennem et HyperCard eller et Uddannelseskort. I særlige tilfælde kan du få kilometerpenge. Du kan læse mere på og A-kassen Udlært husk a-kassen! Som medlem af Dansk Metal kan du blive gratis medlem af Metal A-kasse, hvis du er under 30 år og i gang med en erhvervsuddannelse. Det er gratis, så længe du er under uddannelse. Er du over 30 år, er prisen ca. 440,00 kroner om måneden. Tjek priser eller meld dig ind på Fordele ved a-kassen Et medlemskab af a-kassen sikrer dig dagpenge i tilfælde af, at du ikke har et job, når du er udlært. Hvis du melder dig ind, senest 12 måneder før du er udlært, har du ret til dagpenge fra første ledighedsdag. Hvis du først melder dig ind i a-kassen, når du er udlært (dimitterer), kan du kun få den såkaldte dimittendsats. Det er kroner mindre om måneden end maksimum dagpenge, og du kan først få pengene udbetalt, en måned efter du er udlært. Et medlemskab i Metal A-kasse giver dig også ret til seks ugers selvvalgt uddannelse, så du kan dygtiggøre dig i en ledighedsperiode. Derudover får du adgang til Danmarks bedste jobformidler. Metal JobService er nemlig den bedste til at formidle job inden for metalindustrien. Gå i krig med Metal og skyl sårene væk bagefter Kom med ud og spil paintball i Hee Fiske og Familiepark West. Rundvisning, ølsmagning og spisning på bryghuset i Ringkøbing. Programmet for dagen modtager du ved tilmeldingen. Et medlem af Metal Ungdom Skjern-Ringkøbing må tage en kammerat/veninde med, selv om han/hun ikke er medlem. Tilmelding og indbetaling skal ske senest mandag den 20. juni 2011 til xxxx. Egenbetaling for hele arrangementet: Medlemmer betaler 50 kr. og kammerat/veninde 200 kr. Afholdelse: Den 25. juni 2011 fra kl til cirka kl SKJERN-RINGKØBING 6 Kerneprodukter 6 Facebook-siden Lille Hjælper (folder ) Løngrisen (beregner ) Ungdomskurser Nyhedsbrev Cracked Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ ØÅ abcdefghijklmnopqrstuvwxyzæøå !"# %&/()=?@ I 2012 kom Metal Ungdoms logo til at ligne Dansk Metals. GRAFISK DESIGN MARIE JAKOBSENS MEDIEGRAFIKER SVENDEPRØVE 2014

5 IDÉER /SKITSER Jeg ville gerne bruge en møtrik som Metal Ungdoms nye grafiske element, da jeg synes, der lå en god symbolik i den. BOMÆRKET Det har fået mere fylde på siderne og runde kanter, så det er mere harmonisk at se på og bedre komplimenterer de runde former i logotypen. Rund inderside / Bløde værdier Flere flader / Flere uddannelser Hårde yderkanter / Stærke fag Funktion / Holder ting sammen Redesign af logo Det er reklamebureauet Fireball, der står for redesignet af Dansk Metals logo, som Metal Ungdom også er underlagt. Museo Sans Rounded 900 ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ NYT M M et i Museo Sans Rounded er ændret så det er mere Metal-agtigt lige og robust. NY LOGOTYPE Fonten er ændret fra Meta til Museo Sans Rounded og logoet er blevet ensfarvet. MARIE JAKOBSENS MEDIEGRAFIKER SVENDEPRØVE 2014 GRAFISK DESIGN 7

6 WIDE THIN NORMAL BLACK COMPRESSED MEDIUM CONDENSED BLACK NARROW LIGHT WIDE MEDIUM SKYLINE REGULAR EXTENDED BLACK AvAILABLE from font BUREAU AND ITS DISTRIBUTORS condensed bold thin condensed regular italic black italic bold extra light condensed black regular condensed light italic bold available from font bureau and its distributors LIGHT ITALIC CONDENSED REGULAR MEDIUM ITALIC CONDENSED SEMIBOLD CONDENSED LIGHT CONDENSED BOLD (WITH STYLISTIC ALTERNATES) LIGHT (WITH STYLISTIC ALTERNATES) CONDENSED BOLD ITALIC (WITH STYLISTIC ALTERNATES) REGULAR AVAILABLE FROM FONT BUREAU AND ITS DISTRIBUTORS TYPOGRAFI Det endelige valg af primærfont til Metal Ungdom faldt på Rebublic. REPUBLIC God læsbarhed. Moderat stor x-højde. Robuste linjer. Velkendte proportioner. Mange snit. Dansk Metal er en traditionel organisation, der er i gang med at opdatere sig selv og følge med udviklingen. Det kræver en nutidig dansk-designet font, der sender gode signaler til arbejdsmarkedet om dansk-produceret kvalitet. Inspiration fra nettet på forskellige fonte, der var mandige og /eller condensed. fb TITLING GOTHIC INTRIGUE REACHING TO THE CORNERS OF THE GLOBE SKYLINE MEDIUM Rendezvous TRAFFICKING IN ILLICIT INFORMATION NORMAL STANDARD INGREDIENT If I told you, it would no longer be a secret 81 UNIQUE HERBS & SPICES SAUCE EXTENDED STANDARD Industrial espionage suspected Labels switched on thyme and oregano Chives NORMAL BOLD BALSAMIC VINEGAR & EXTRA VIRGIN OLIVE OIL PROSCIUTTO FB Titling Gothic is an immense series of nearly fifty coherent styles inspired by that century-old favorite ATF Railroad Gothic. Led by the LA Times and Gentleman s Quarterly, US publications are using David Berlow s new series to unify the structure of headlines from its wide spectrum of options. FB Titling Gothic started as a relative of Berlow s Rhode family, but took its own direction ten years ago; fb STYLES: THIN, LIGHT, REGULAR, STANDARD, MEDIUM, BOLD, AND BLACK IN SKYLINE, COMPRESSED, CONDENSED, NARROW, NORMAL, WIDE, AND EXTENDED WIDTHS raku fired Vase scout Ceramic Insurrection 913,405 all-purpose glazes blended by educated scandinavian craftswomen it S fragile! Pioneering slip n slide vase NEW URNS Please don t call them pots though Damp Earth Artist Kiln s temperature measured at pyrometric cone 13 SAGGAR Cyrus Highsmith drew Scout and related logotype for Geraldine Hessler s redesign of Entertainment Weekly. The large family marks the magazine s first significant typographic update in a decade. Captions and sidebars are set in Regular and Bold; Light, Black, and Condensed styles form the backbone of the display. Scout s form derives structural elements from both new & old: DIN, Venus, and Cairoli; fb StyleS: thin, extra light, light, regular, bold, and black with italics in normal and condensed widths HERON SANS BODYBUILDING ROUTINE SEMIBOLD Pumping Cadmium Electrolytes infused with heavy metals BOLD (WITH STYLISTIC ALTERNATES) BENCH PRESS Going for 3,256 straight repetitions Pectoralis 514 KILOGRAMS OF IRON Wuh? Yo, I don t speak no metric Nice Dumbbell You wanna step outside and try saying that? BETTER PREPARE SOME ICE PACKS Steadfast and no-nonsense, Heron is always ready to go to work. It began with a Joe Heroun commission for Men s Health inspired by industrial, machine-made letters. Unlike other type with mechanical influences, Heron is a refined, versatile family, capable of doing the job in both headlines and small text. Heron Sans and Serif are born of hard iron and steel, but galvanized with Cyrus Highsmith warmth and energy; fb STYLES: LIGHT, REGULAR, MEDIUM, SEMIBOLD, AND BOLD, ALL WITH ITALICS, IN NORMAL AND CONDENSED WIDTHS Vertikal tværstreg PRIMÆR FONT Republic er en Opentype font, der findes i mange snit og med alle de karakterer, Metal Ungdom skal bruge. Accentlinje Overlinje Majuskellinje Hovedlinje Grundlinje Underlinje Republic Ég kpxh Velkendte geometriske proportioner Skråt udløb Robuste linjer Stor inderform Moderat stor x-højde SEKUNDÆR FONT Tekton er valgt som kontrast til Republic. Den er designet til bemærkninger på tekniske tegninger. Accentlinje Overlinje Majuskellinje Hovedlinje Grundlinje Underlinje Tekton Pro Ég kpxh Velkendte geometriske proportioner Rundt udløb som en pen Robuste linjer Stor inderform Moderat x-højde 8 GRAFISK DESIGN MARIE JAKOBSENS MEDIEGRAFIKER SVENDEPRØVE 2014

7 FARVER Farverne er valgt så de kan bruges på flere medier. Der er også nok, til at de kan bruges illustrativt i grafer og illustrationer. BLÅ De er alle sammen varme, friske farver, som er indbydende og signalerer tryghed og ungdommelighed. Der dannes kontraster komplimentærfarverne imellem. Farven blå associeres tit med kedeldragter, faglærte og erhvervsuddannelser. Engageret Troværdig Farveprøver er vedlagt fysisk portfolio. Pålidelig TIC Den totale farvemængde i en farve bør ligge mellem % for at optimere trykprocessen. Grafisk Kogebog. PROFIL De blålige farver vises ikke rigtigt i pdf er på Apples mobile enheder uden en vedhæftet RGB profil. MARIE JAKOBSENS MEDIEGRAFIKER SVENDEPRØVE 2014 GRAFISK DESIGN = 251 % TIC Der er ikke mere end 250 % i nogle af farverne. Pantone : 7477 CP Cmyk : 86, 29, 21, 67 RGB : 28, 65, 83 HEXA : 1c4153 Pantone : 326 CP Cmyk : 81, 0 39, 0 RGB : 79, 169, 168 HEXA : 4fa9a8 Pantone : 7696 CP Cmyk : 56, 9, 9, 21 RGB : 118, 159, 184 HEXA : 769fb8 Pantone : 1665 CP Cmyk : 0, 79, 100, 0 RGB : 203, 80, 21 HEXA : cb5015 Pantone : 144 CP Cmyk : 0, 51, 100, 0 RGB : 219, 142, 21 HEXA : db8e15 Pantone : 7408 CP Cmyk : 0, 29, 100, 0 RGB : 235, 186, 14 HEXA : ebba0e Pantone : 364 CP Cmyk : 71, 4, 100, 45 RGB : 75, 112, 41 HEXA : 4b7029 Pantone : 377 CP Cmyk : 50, 1, 100, 20 RGB : 137, 162, 46 HEXA : 89a22e Pantone : 383 CP Cmyk : 29, 1, 100, 18 RGB : 175, 181, 34 HEXA : afb522 Pantone : 483 CP Cmyk : 21, 80, 81, 69 RGB : 79, 37, 20 HEXA : 4f2514 Pantone : 7530 CP Cmyk : 10, 18, 25, 32 RGB : 170, 161, 148 HEXA : aaa194 Pantone : 7500 CP Cmyk : 3, 5, 26, 2 RGB : 243, 235, 201 HEXA : f3ebc9 Pantone : Black Cmyk : 0, 0, 0, 100 RGB : 0, 0, 0 HEXA : Pantone : 425 CP Cmyk : 48, 29, 26, 76 RGB : 59, 65, 68 HEXA : 3b4144 Pantone : P 1-1 C Cmyk : 0, 0, 0, 0 RGB : 255, 255, 255 HEXA : ff ff ff 9

8 BILLEDSTIL Lærlingene skal kunne genkende sig selv i billederne, hvor de fremstår stærke og stolte over deres fag. Detaljebillederne skal være nemme at afkode som it, teknik, mekanik eller produktion. Men skabe genkendelse hos dem, der arbejder med det. Der skal være kontrast i billederne og blå /grålige tone må meget gerne være repræsenteret. Komplimentærfarver skal skabe blikfang. Det skal være kraftfulde billeder, hvor personen trækker folk ind med øjenkontakt eller placering. Det gyldne snit En figur der er opdelt efter det gyldne snit, vil opleves mere æstetisk og spændingsfyldt.#2 20 Designprincipper. Close-up billede med detaljer, som samtidig er illustrativt /abstrakt. 10 No go -colourbox billeder. GRAFISK DESIGN MARIE JAKOBSENS MEDIEGRAFIKER SVENDEPRØVE 2014

9 GRAFISK ELEMENT Et polygon er en af de mere simple geometriske figurer og er derfor nemt at afkode som et genkendeligt element. Der opbygges en formkontrast mellem det grafiske elements hårde kanter og de runde hjørner i bomærket. 1 Fleksibilitet Et polygon kan tegnes i Word og Powerpoint, og det kan derfor bruges af folk, der ikke har InDesign, såsom lokale Metalafdelinger. 1 2 Møtrik forenkles til en 6-sidet polygon. Trekanten drager også paraleller til det negative rum i bomærket. MARIE JAKOBSENS MEDIEGRAFIKER SVENDEPRØVE 2014 GRAFISK DESIGN 2 RESPEKTAFSTAND Minimum ¼ af højden på trekanten. 11

10 IKONER Der er forskel på, hvordan mennesker tolker symboler, som ofte skal ses i en bestemt sammenhæng. Piktogrammer opfattes som regel ens på tværs af køn, lande og alder. Alle ikonerne er tegnet i en 6-sidet polygon for at skabe sammenhold mellem ikonerne og genkendelighed i forhold til resten af designet. Jeg lavede en del skitser for at se, hvad der var nemmest at afkode. KEEP IT SUPER SIMPLE Piktogram kan afkodes af alle. Symbol kræver en bestemt viden Genkendelighed Brugbarheden optimeres, når ensartede elementer opleves på en genkendelig måde. #8 20 Designprincipper. 12 GRAFISK DESIGN MARIE JAKOBSENS MEDIEGRAFIKER SVENDEPRØVE 2014

11 FÆRDIGT PRODUKT I BRUG Jeg er ganske tilfreds med resultatet. Især ikonerne, der bidrager til genkendeligheden i designet og hjælper med at lette kommunikationen. Det bliver spændende at se det i brug. Vi har længe manglet et fast visuelt udtryk til Metal Ungdom, der kunne skabe genkendelighed hos medlemmerne. Designguiden er blevet flot, og vi glæder os til at bruge det på vores forskellige produkter. JONAS BAKKENDRUP LARSEN, UNGDOMSKONSULENT I DANSK METAL. God kommunikation Tydelig Call To Action. Flere indegange til teksten. AIDA. Optimal læsbarhed. MARIE JAKOBSENS MEDIEGRAFIKER SVENDEPRØVE 2014 GRAFISK DESIGN 13