Grafisk Design. Mediegrafiker uddannelsen - Svendeprøve. Helena Schmidt

Transkript

1 Grafisk Design Mediegrafiker uddannelsen - vendeprøve Helena chmidt

2 Dokumentation Opgave beskrivelse: Opgaven er fiktiv. er et brand som sælger børneinterior. er en virksomhed som sælger business to business. Potentiel kunde for er f.eks. Babyam, Ønskebørn og Dansk upermarked. Målgruppe: Børn 0-4 år. Med henblik på, at det er forældrene som hovedsageligt vil købe produkterne. Tidslinje Afsender:. Mit bidrag til opgaven: At skabe en grafisk identitet for brandet. Følgende har jeg designet: Logo Brevlinje Website Interior materiale for drenge og piger Brainstorm og mindmap Konkurrenter Logotype Label Drenge og pige sortiement kitser Logo Valg af logo, logotype og font opsætning Brevlinje B2B website opsætning Program valg: Illustrator Indesign Dream Weaver Photoshop Kvalitetsvurdering: Resultatet er blevet tilfredsstillende. Processen har været meget bred og lærerig. Det var en fornøjelse at arbejde med og der er kommet et design ud af det, som jeg den dag i dag, stadig er meget tilfreds med. Digitale produkt:

3 01 Keywords, Værdier og kitsetegninger Mindmap grafisk design Mindmap opstart logotype, logo farvevalg Børn 0-4 Logotype Logoikon Farvevalg ammenhold Markant Figur Unisex Kvalitet Blød ammenhold Blikfangende Unisex Former Kærlighed Nuancer Frisk tærk Varme pændende Venligt Useriøst Farverig karp karpt Børnevenlig Varmt Blikfang Humor Moderne pændende Charme Figur ødme Dyr Ung Kendt 0-4

4 02 Konkurrenterne - hvordan skiller vi os ud? ebra er meget oppe i tiden og er et lækker enkelt logo. Men jeg savner farver. Det er ikke børnet nok. Jeg har undersøgt konkurrenterne, som er små og mellemstore virksomheder. Be Kids logo er mindre farverigt. Fonten er lækker og børnevenlig. I min konkurrent analyse har jeg fundet et udpluk frem, hvor jeg henholdsvis har fået positive og negative associationer. vil være konkurrence dygtig på prisen og få designet til at tiltale de fleste. må Børns logo og interior er super flot. Logoet udstråler måske lidt for meget økologi. Katvig er meget efterspurgt for deres flotte mønstre og farver. Logoet er enkelt og lækkert.

5 03 Påbegyndelse på ideprocess på logo Dette blev de 3 udvalgte logoer som der skulle vælges mellem. Endelige logovalg Værdier: Nutidigt Holbart Farverigt Unisex ammenhold Varme Blikfang Jeg hængte logoerne op nede i en børnehave og fik pædagoerne til at spørge ind til børnene, hvilke figur de bedst kunne lide. Dreng Disse farver inkombinere i det valgte logo. Hvorfor dette ikon? Enkelt Fladt Farveløst Kedeligt Hvorfor dette ikon? Gråt ødt Ensom Koldt Hvorfor dette likon? Blikfang Nutidigt Farverig Unisex Pige C: 7 M: 5 Y: 6 C: 0 M: 84 Y: 33 C: 66 M: 56 Y: 53 K: 57 C: 0 M: 94 Y: 91 C: 71 M: 32 Y: 0 C: 0 M: 75 Y: 30 C: 43 M: 14 Y: 20 C: 18 M: 54 Y: 0 C: 64 M: 37 Y: 38 K: 19 C: 2 M: 11 Y: 39 Farvernes CMYK værdier er vist.

6 04 Logotype og logoets betydning for form og opsætning Her ses de 3 typografier jeg har arbejdet med i min process omkring logotype. Learning Curve Always forever COMIX LOUD ammensætning af logotype og logoet resultat: Leraning Curve er en hentet font fra Dafont. com og er ikke en opentype. - Ungt - Charme - Personlighed Always forever er en hentet font fra Dafont. com og er en opentype. - ødme - Oldschool - Personlig COMIX LOUD er ikke en Opentype. Den er hentet på dafont.com. - Cartoon - prælsk - Blød Blikfangende God farvekombination tabilt Flot opsætning Denne font blev valgt af følgende årsager: Udstråler børn Bløde former Uro og detaljerig Cartoon prælsk Mindre elegant; klodset C 2% M 11% Y 39% K 0% C 0% M 84% Y 33% K 0% C 7% M 5% Y 6% K 0% C 0% M 94% Y 91% K 0% C 66% M 56% Y % K 0% C 0% M 75% Y 30% K 0%

7 05 Afprøvning af farvevalg til logoet. C 2% M 11% Y 39% K 0% C 7% M 5% Y 6% K 0% C 66% M 56% Y % K 0% C 71% M 32% Y 0% K 0% Der skal mindskes i farveantallet af CMYK farverne. å derfor skære vi fra 10 stk. CMYK C farver 42% M ned 14% til 6 Y 20% K 0% stk. Der blev sammensat et par forskellige farver og nuancer op imod hinanden. Ud fra det, valgte jeg 3 stk. ud som fungerede bedst. C 0% M 84% Y 33% K 0% C 0% M 94% Y 91% K 0% C 0% M 75% Y 30% K 0% C 18% M 54% Y 0% K 0% C 64% M 37% Y 38% K 19% KID KID KID KID Farvekombination tester Her afprøves og arbejdes der med farvekombinationerne. Der skal findes en top 3. Keywords pecielt farvekombination tærkt blikfang God kontrast Omsorg og varme Den røde farve tager meget af opmærksomheden, da den er stærkest. Fedder og næse C 2% M 11% Y 39% K 0% Øjne og mave C 7% M 5% Y 6% K 0% C 66% M 56% Y % K 0% Kontrast i øjne Detalje i mave Drengeugle og Kids World og pigeugle C 0% M 84% Y 33% K 0% C 71% M 32% Y 0% K 0% C 0% M 75% Y 30% K 0% C 2% M 11% Y 39% K 0% C 7% M 5% Y 6% K 0% KID C 66% M 56% Y % K 0% C 71% M 32% Y 0% K 0% C 42% M 14% Y 20% K 0% C 0% M 84% Y 33% K 0% C 0% M 94% Y 91% K 0% C 0% M 75% Y 30% K 0% C 18% M 54% Y 0% K 0% C 64% M 37% Y 38% K 19% Keywords Jordnær Naturlige farver Fornuftig unde omgivelser C: 2 M: 11 Y: 39 C: 7 M: 5 Y: 6 C: 66 M: 56 Y: 53 K: 57 C: 0 M: 84 Y: 33 C: 71 M: 32 Y: 0 C: 0 M: 75 Y: 30 Keywords Kliche Klassiker Almindelig et før C 2% M 11% Y 39% K 0% C 0% M 84% Y 33% K 0% C 7% M 5% Y 6% K 0% C 71% M 32% Y 0% K 0% C 66% M 56% Y % K 0% C 0% M 75% Y 30% K 0%

8 06 Færdige logo og logotype sammensat Resultat af logo farvekoder Logoets kvalifikationer: Nutidigt Holbart Farverigt Unisex ammenhold Varme Blikfang C: 2% M: 97% Y: 41% % C: 21% M: 39% Y: 45% % C: 25% M: 100% Y: 61% K: 22% C: 56% M: 17% Y: 100% K: 2% C: 56 M: 17% Y: 100% K: 2% C: 4% M: 2% Y: 3% % Overvejelser omkring logoets genkendelighed når det skaleres Her ses logoet i CMYK Her ses logoet i PANTONE PANTONE 7427 C PANTONE Rubine Red C PANTONE 432 C PANTONE 432 C 20% PANTONE 576 C Her ses logoet i Negativ

9 07 Visitkort og brevlinje arbejdsprocess Visitkort eksempel til både mand og kvinde. Et enkelt eksempel på et label til drenge kollektionen. Et enkelt eksempel på et label til pige kollektionen. v Kuvert nr. 2 valgte jeg. Its a girl Den grønne farve har ikke fået så meget opmærksomhed som den pinke, så derfor var dette en god kombination. For the perfect babygirl 2 Et enkelt eksempel på et label til unisex kollektionen.

10 08 weet dreams weet dreams Her ses 2 stk. sengetøj. Et til pige sortiement og et til drenge sortiement. engetøjet er metervare og laves med PANTONE farver. Mønstergrafikken arbejdes med i Illustrator. Front Her ses formatet af mønstret på front og back af sengetøjet. Grafikken er lavet i Illustrator med målene: 32 x 32 mm. Eksempel på 2 stk. mønstergrafik i pantonefarver Drenge sortiement weet dreams weet dreams Back Pige sortiement Her ses formatet af mønstret på front og back af sengetøjet. Grafikken er lavet i Illustrator med målene: 32 x 32 mm. Front Back

11 D LD KI OR W Time to sleep KI D W O RL D Babyboy 09 D D KI ORL W Hey Pige sortiement Dreng sortiement Time to sleep Babyboy KID RLD WO Babyboy Real lovepå et pige og Her er et eksempel drenge sortiement. What s your name I love my friends Her er et eksempel på et pige og drenge sortiement. KID LD WOR I love my friends Hey Hey Time to sleep Time to sleep Real love KID RLD WO Real love Real love I love my friends I love my friends D D KI ORL W LD ID K OR W D D RL KI WO D LD KI OR W Hey I need every single colour! Give me the rainbow on my shirt! KID LD WOR KID LD WOR What s your name What s your name For the perfect babygirl I love my friends LD ID K OR W Real love What s your name KID LD WOR I love my friends Babyboy

12 010 Mindmap website Opstart på B2B website for Barinstorm og mindmap til opstart af business to business websitet. Jeg fandt følgende inspiration. Web virkemidler og teknik Business to business Mine keyword Det tekniske overblik Rød tråd Bygges i html5 eriøst Korrekt billedbehandling til web Enkelt Overskueligt Dette site er super enkelt og brugervenligt. Mindmap teknisk uper fin og blikfangende opsætning. lider og menu fungere rigtig godt sammen. Jquery slider på forsiden Brug af C3 En formular Responsiv design / fleksibelt Basal EO. tærke farver og de sjove fonter på dette site. Logoets farver spejler sig i sitet. Opsætning af flowchart Et lille overblik over websitet på flowchart. De grå felter er de sites som er online. Index.html Velkommen.html hvem er vi.html contact.html Galleri2.html Galleri formular

13 011 killet til index.html, kontakt.html og galleri.html Wrapper: Bredden er 100% og højden er fleksibel Header med fast element: Logo Jquery slider er brugt fra valgfag avanceret webdesign og har fået koden uddelt. Content-wrapper holder samme på 3 elementer;, image, h1 og. kontakt-wrapper 1869 px 350px Logo: 334 px 148 px input.contactcolum 243px 25px Header: 960 px 180 px Menu: 700px 35 px form#contact 561px 303px input 541px 25px input 541px 25px input 541px 25px textarea 541px 38px buttom 541px 25px input.contactcolum 243px 25px kontakt-wrapper 1869 px 350px kontakt.html opbygning Teknisk overvejelse Teknisk overvejelse Logo: Header: Footer med faste elementer: og tekst Et skelet er en stor hjælp for programmøren, da det skaber et hurtigt overblik over afstande og størrelsesforhold. 46px 46px 46px column-content column-content column-content 334 px 148 px 960 px 180 px Menu: 700px 35 px Logo: 334 px 148 px Header: 960 px 180 px Footer: 1869px min-height: kasse2 padding-top: 10px padding-top: 10px Footer: 1869px min-height: 46px 46px 46px Menu: 700px 35 px column-content column-content column-content 46px lider show 1869 px min-heigh: 584 px 46px 46px column-content column-content column-content padding-top: kasse2 10px padding-top: 10px Index.html opbygning Teknisk overvejelse galleri + galleri2 opbygning Teknisk overvejelse Footer: 1869px min-height: 46px 46px 46px 46px column-content column-content column-content 46px kasse2 46px column-content column-content column-content Footer: 1869px min-height: Footer: 1869px min-height: Footer: 1869px min-height:

14 012 Html sites Business to business designudkast. 3 sites. Her ses alle 4 undersiders opsætning i en tilfældig browser. website Præsentation af websitet. Responsiv effekt! Websitet formåer at ramme firmaets røde tråd og afspejler sig godt i logoets farver. Websitet er responsivt og virker i følgende browsere; afari, Internet Explore, Chrome og Firefox. itet tilpasser sig til skærmen. Om du sidder på en computer, tablet eller smartfone. Favicon En lille detalje med logoets genkendelse ses her i søgefeltet. Logoet er skaleret ned og kan fx. ses uden logotype som favicon på website.

15