11-3-2016 Designmanual
Om Designmanualen På disse sider er Man-Freds beskrevet. Manualen her kan bruges til at finde standarden til designet af hele Man-Freds identitet på tværs af alle deres mediekanaler. Det overordnede formål med en er at kunne sammensætte et udtryk som er varieret men samtidig giver et konsistent look. Man-Fred skal udstråle personlighed og tæthed på brugerne. 2 Man-fred
Indholdsfortegnelse Om Designmanualen 2 Hieraki 5 Logo 6 Respektafstand 7 Placering 8 Størrelse 11 Logo på billeder 12 Logo på farvet baggrund 13 Farver 14 Løvgrøn 15 Lyseblå 16 Farver i Typografi 17 3 Man-fred
Billedstil 19 Tone of Voice 21 Typografi 23 Tekstjustering 26 Tekst på billeder 27 4 Man-fred
Hieraki Der er blevet udarbejdet et hierarki som pointerer hvad der er vigtigst i Man-Freds visuelle identitet. Logoet er i fokus og først derefter kommer de andre elementer udenpå som lag. De forskellige lag udtrykker sig således: Logoet er det vigtigste i identitet mens farverne skaber en ro og håb for fremtiden for brugerne. Billdestilen der bruges skal gøre Man-Fred mere personlig og imødekommende. Tone of voice på Man-Fred skal være personligt, omsorgsfuldt og forståeligt. R.P.B elementerne skal bruges til at forme en helhed i designet samt gøre det konsistent i valget af grafiske elementer og placeringer. Typografien er også vigtig da den forudsætter læselighed og hvordan teksten skal se ud. 5 Man-fred
Logo Logoet er hjørnestenen i Man-freds visuelle identitet. Det er det der skal være øjeblikkeligt genkendeligt når man ser det. 6 Man-fred
Respektafstand Respektafstanden defineres efter størrelsen på M et i logoet. M et er kvadratisk og derfor kan man ved placering af dette på siderne af logoet visualisere respektafstanden på fornuftig vis. 7 Man-fred
Placering Placering på hjemmeside eller andet digitalt medie Med udgangspunkt i logoets placering på hjemmesiden bliver samme placering anvendt i normal print. På flyers og andre trykte medier kan logoet centreres på forsiden hvis kompositionen understøtter det. På bagsiden af flyers placeres logoet gerne i nederste højre hjørne for at skabe øget synlighed. 8 Man-fred
9 Man-fred Placering på standard print
Placering på flyer, forside Placering på flyer,bagside 10 Man-fred
Størrelse Logoets størrelse er afhængigt af formatets størrelse. Størrelsen defineres til maksimalt at være halvdelen af sidens bredde, respektafstand inkluderet. eksempel på A4 med guidelines. 11 Man-fred
Logo på billeder logoet placeres således på billeder at det ikke står i forbindelse med forstyrrende elementer i baggrunden. Baggrunden må heller ikke gå i ét med logoet i forhold til farve sådan at det forstyrrer opfattelsen. 12 Man-fred
Logo på farvet baggrund Ved brug af logoet på farvet baggrund anvendes logoet med tekst i sort version. Logoet anvendes ikke på tunge farvede baggrunde, og i særdeleshed ikke på grå der er mørkere end 50% (CMYK 0,0,0,50). 13 Man-fred
Farver De primære og sekundære farver hos Man-Fred er henholdsvis blå og grøn. Både den primære og sekundære farve kan gradueres for at opnå variation i designet. Der gradueres i farverne i skridt af 20% fra 100% ned til 20%. Farvepaletten her skal bruges til at opnå variation i identitetens udtryk. 14 Man-fred
Løvgrøn CMYK - 75, 0, 100, 0 RGB - 58, 170, 53 HEX - #3AAA35 15 Man-fred
Lyseblå CMYK 80, 42, 0, 0 RGB 42, 127, 194 Hex #2A7FC 16 Man-fred
Farver i Typografi Hos Man-fred har typografien farven 0,0,0,90 for at bløde teksten op på en lys baggrund samt gøre den mere læsbar. Herunder ses forskellen mellem de to farver. Til højre ses farven 0,0,0,100 som er mere mørk og derfor hård for øjnene at læse på lys baggrund. Den mørkere farve kan dog anvendes på farvede baggrunde. Ved meget mørk baggrund ændres skriftfarven til hvid. Står du midt i en skilsmisse? Har du brug for juridisk rådgivning, eller bare en hjælpende hånd? Så er du kommet til det helt rigtige sted. Man-fred er en organisation, som yder støtte og hjælp i forbindelse med en skilsmisse eller opløsning af et parforhold. Der sigtes efter at du kommer bedst muligt ud af sitautionen, og stadig bibeholder arbejde og relationer. 17 Man-fred
Eksempel på tekst på mørk baggrund. Står du midt i en skilsmisse? Har du brug for juridisk rådgivning, eller bare en hjælpende hånd? Så er du kommet til det helt rigtige sted. Man-fred er en organisation, som yder støtte og hjælp i forbindelse med en skilsmisse eller opløsning af et parforhold. Der sigtes efter at du kommer bedst muligt ud af sitautionen, og stadig bibeholder arbejde og relationer. Står du midt i en skilsmisse? Har du brug for juridisk rådgivning, eller bare en hjælpende hånd? Så er du kommet til det helt rigtige sted. Man-fred er en organisation, som yder støtte og hjælp i forbindelse med en skilsmisse eller opløsning af et parforhold. Der sigtes efter at du kommer bedst muligt ud af sitautionen, og stadig bibeholder arbejde og relationer. Står du midt i en skilsmisse? Har du brug for juridisk rådgivning, eller bare en hjælpende hånd? Så er du kommet til det helt rigtige sted. Man-fred er en organisation, som yder støtte og hjælp i forbindelse med en skilsmisse eller opløsning af et parforhold. Der sigtes efter at du kommer bedst muligt ud af sitautionen, og stadig bibeholder arbejde og relationer. 18 Man-fred
Billedstil Billedstilen på Man-fred skal udtrykke naturlige omgivelser så det ikke ser opstillet ud. De Brugere som kommer i kontakt med nogle af Manfreds medier skal få følelsen af personlige situationer som de selv kan sætte sig ind i. De skal kunne mærke det store engagement som Man- Freds frivillige lægger i organisationen. Billedstilen skal derudover også udstråle et professionelt look og det fællesskab man kan blive en del af hos Man-fred. 19 Man-fred
20 Man-fred
Tone of Voice Sproget på Man-Fred skal være personligt, omsorgsfuldt og forståeligt. Tænk på hvis du skulle skrive til en som virkelig betød noget for dig. Så vil du behandle dem med respekt, og få dem til at stole på dig. De skal vide at du vil det bedste for dem. Alle som besøger Man-Freds hjemmeside er en person, som har brug for hjælp så det er vigtigt at man bliver mødt med åbne arme. Derfor skal tonen i sproget være indbydende og forståeligt så brugerne ikke bliver stødt. 21 Man-fred
Dont s Man-fred imødekommer samfundets ønske for rådgivning til mænd og fædre, der har brug for støtte og hjælp i forbindelse med en skilsmisse eller opløsning af et parforhold. Hjælpen og støtten sigter primært mod at styre udenom social deroute, udbygge det sociale netværk, styrke samlivet med børnene, fastholde arbejde og relationer. Do s Så er du kommet til det helt rigtige sted. Man-fred er en organisation, som yder støtte og hjælp i forbindelse med en skilsmisse eller opløsning af et parforhold. Der sigtes efter at du kommer bedst muligt ud af sitautionen, og stadig bibeholder arbejde og relationer. 22 Man-fred
Typografi Her vises hvor og hvordan typografien skal bruges. Font-familien Ubuntu er valgt da den giver en god helhed til vores design, til brødtekst bruges Medium 500 da den har en god spacing mellem anslagene og er tydelig at læse. Til overskrifter bruges Ubuntu Bold 700 da dette tydeligører overskriften. 23 Man-fred
Light 300 Står du midt i en skilsmisse? Har du brug for juridisk rådgivning, eller bare en hjælpende hånd? Normal 400 Står du midt i en skilsmisse? Har du brug for juridisk rådgivning, eller bare en hjælpende hånd? Medium 500 Står du midt i en skilsmisse? Har du brug for juridisk rådgivning, eller bare en hjælpende hånd? Bold 700 Står du midt i en skilsmisse? Har du brug for juridisk rådgivning, eller bare en hjælpende hånd? 24 Man-fred
Da der er mulighed for at der skal citater, og udtalelser fra brugere, ind på Man-Freds hjemmeside, vises her hvordan italic versionen af fonten ser ud. Light 300 Står du midt i en skilsmisse? Har du brug for juridisk rådgivning, eller bare en hjælpende hånd? Normal 400 Står du midt i en skilsmisse? Har du brug for juridisk rådgivning, eller bare en hjælpende hånd? Medium 500 Står du midt i en skilsmisse? Har du brug for juridisk rådgivning, eller bare en hjælpende hånd? Bold 700 Står du midt i en skilsmisse? Har du brug for juridisk rådgivning, eller bare en hjælpende hånd? 25 Man-fred
Tekstjustering Den tekst som bliver brugt på alle medier skal være venstrestillet, da det giver det mest professionelle look. Eksempel Står du midt i en skilsmisse? Har du brug for juridisk rådgivning, eller bare en hjælpende hånd? Så er du kommet til det helt rigtige sted. Man-fred er en organisation, som yder støtte og hjælp i forbindelse med en skilsmisse eller opløsning af et parforhold. Der sigtes efter at du kommer bedst muligt ud af situationen, og stadig bibeholder arbejde og relationer. 26 Man-fred
Tekst på billeder Teksten der kan forekomme på billeder hos Man-fred skal være som andet tekst, venstrestillet og font-familien Ubuntu, den skal være kort og kontant. 27 Man-fred
28 Man-fred DO s
29 Man-fred Dont s