GRAFISK M A N U A L SVAB

Transkript

1 GRAFISK MANUAL SVAB

2

3 Ver Vår grafiska profil... 4 Logotyp... 6 Logotyp - Frizon... 8 Logotyp - Korrekt användande Logotyp - Felaktigt användande Färger Typografi Layout Papper... 26

4 Vår grafiska profil Det sätt vi väljer att profilera oss på, tillsammans med vårt agerande och våra produkter, påverkar vår image och hur omvärlden uppfattar oss. En konsekvent och samstämmig profil ger ett professionellt och tydligt intryck och gör att vi blir lättare att känna igen. Grundstenen i vår grafiska profil är vår logotyp samt vår blåa och gråa färg, vilka är de centrala elementen för vår identitet. Den grå färgen har en speciell betydelse då GP och RT Controller, SVAB:s mest sålda produkter, haft en liknande färg, dock i en annan färgrymd (RAL 7043) sedan början på talet. Manualen är ett verktyg för alla medarbetare och ska användas som stöd och inspiration i det dagliga arbetet. Vår grafiska profil ska följas överallt där vi syns i text och bild, både internt och externt. Det är vi själva som har ansvaret för att vår grafiska profil hanteras på rätt sätt. Logotyper, mallar och en pdf-version av den grafiska manualen finner du på vår hemsida och på vår gemensamma disk. Har du frågor kring tolkning och användning av den grafiska manualen, kontakta informationsansvarig. 4

5 Urval från Lennarts anagram: "Hydrauliken" -> "Har du i kylen" 5

6 Logotyp Logotypen är en viktig del i en stark profil och ett verktyg för kommunikation. Genom att använda vår logotyp konsekvent stärker vi vår identitet både internt och mot omvärlden. Det är viktigt att rätt variant av logotypen används vid rätt tillfälle så att logotypen kommuniceras tydligt. Den färgade logotypen bör i huvudsak användas mot vit eller ljust färgad bakgrund. Undvik att placera den färgade logotypen mot bildbakgrund, starkt färgad eller likfärgad bakgrund. Om logotypen ska placeras på bilder eller starkt färgade bakgrunder används den grå eller negativa (vita) symbolen, allmänt kallad swoschloggan. 6

7 Färglogotyp Grå logotyp swoschloggan Vit negativ logotyp mot färgad bakgrund Logotyp 7

8 Logotyp - Frizon Runt logotypen finns ett frizonsutrymme. Det innebär att det inom det markerade området inte får förekomma andra störande element såsom text eller bild. Frizonsutrymmet är till för att framhäva logotypen och för att undvika en felaktig användning. Frizonsutrymmet bestäms av storleken på bokstaven S i logotypen (se bild sid 9) och kan således komma att ändras beroende på logotypens storlek. Med swoschloggan uppstår lätt en synvilla. Detta beror på att den högra kanten av swoschen inte har något slut. Man kan då uppleva att logotypen inte ser centrerad ut. Utgå dock alltid från det avstånd som visas till höger och justera eventuellt i efterhand mot vad som för ögat, ser naturligt ut. 8

9 Frizon för den färgade logotypen. Frizon för den gråa swoschlogotypen. Logotyp 9

10 Logotyp - Korrekt användande Logotypen är här korrekt placerad med hänsyn till frizon och bakgrundsfärg. Användarmanual GP Controller Till kläder, speciellt starkt färgade eller mörka plagg, bör helst swoschloggan användas. Till kläder kan det vara svårt att mäta korrekta och exakta avstånd mellan logotyp och kanter. I detta exempel ser vi en bra placering av logotypen samt ett bra färgval (silver) mot svart bakgrund. 10

11 Urval från Lennarts anagram: "Sauer danfoss" -> "Sonas, sa Freud" 11

12 Logotyp - Felaktigt användande Man får inte på något sätt lägga till, eller förändra något i logotypen. Som man här gjort genom att lägga in adressuppgifter. Den blåa logotypen får ej användas mot en starkt färgad bakgrund. Som i detta fall mot en röd t-shirt. Välj då istället den gråa eller negativa swoschloggan. 12

13 Rotera eller förvräng inte logotypen på något sätt. Använd inte logotypen för att skapa mönster. Använd inte namnet utan symbolen eller symbolen utan namnet. Beskär inte logotypen på något sätt. Använd inte skuggor eller andra effekter för logotypen. Undantag får göras i särskilda fall då bakgrunden kräver detta. Den äldre versionen av logotypen där Hydraulik, projekt eller avdelningsnamn står med utgår och ska därför inte användas. Logotyp 13

14 Färger Eftersom färger har en starkt associativ effekt har vi valt ett fåtal färger som ska användas i vår grafiska profil. SVAB:s primärfärger är blått och grått. Komplementfärgerna, som är samma färger men i svagare färgtoner, är till för att användas som kompletterande färger för bakgrund i exempelvis trycksaker. Olika underlag och material framhäver färger på olika sätt. För att vara säker på att nyansen blir den rätta bör ett färgprov med SVAB:s färger skickas till tryckaren. Färgprover ska finnas tillgängliga. Tänk på att färger kan variera mycket i olika ljusförhållanden, på olika papperstyper och skrivare. Färgblindhet är också en faktor att ta med i beräkningen. I exempelvis en beskrivande text, som en manual, bör informationen inte enbart förmedlas med färg utan endast som ett komplement till texten. 14

15 Primärfärger Blå R: 0 G: 101 B: 189 C : 99 M: 51 Y:0 K: 0 HTML: 0065BD PMS: 300 C 300 U RAL: 5005 NCS: 3070-R90B Grå R: 57 G: 58 B: 65 C: 44 M: 34 Y: 22 K: 78 Hex: #393A41 PMS: Cool Gray 11 C Cool Gray 11 U RAL: 7043 NCS: S 7500-N (Jotun) Färger 15

16 Komplementfärger Blå 80% 60% 40% 20% R: 0 G: 101 B: 189 C : 99 M: 51 Y:0 K: 0 HTML: 0065BD PMS: 300 C 300 U RAL: 5005 NCS: 3070-R90B Grå 80% 60% 40% 20% R: 57 G: 58 B: 65 RAL: 7043 C: 44 M: 34 Y: 22 K: 78 Hex: #393A41 NCS: S 7500-N (Jotun) PMS: Cool Gray 11 C Cool Gray 11 U 16 Färger

17 Urval från Lennarts anagram: "Strömregulator" -> "Sött lurar er gom" 17

18 Typografi Precis som våra färger är det typsnitt vi använder en del av vår profil och det vi förknippas med. Också här är det viktigt att kommunicera konsekvent med väl anpassade typsnitt. Olika typsnitt är framtagna för att användas på olika sätt och i olika kontexter. Vissa typsnitt är framtagna för att passa för rubriker, andra för brödtext. Det finns även typsnitt speciellt framtagna för att passa för webben (webbtypsnitt). Våra två typsnitt heter Verdana och Times New Roman. Verdana är ett teckensnitt som lämpar sig bra för webben, för kortare texter och för ingresser. Times New Roman lämpar sig främst för längre texter. Times New Roman är ett vanligt teckensnitt som genom tester visat sig ha hög läsbarhet. Hög läsbarhet bör alltid prioriteras i manualer så tänk på att använda tillräckligt stor teckenstorlek. En text bör kunna läsas av en person med synnedsättning samt i dåliga ljusförhållanden. Detta gäller självklart övriga trycksaker också, men inte till lika hög grad. 18

19 Verdana regular abcdefgh ABCDEFGH 0123 Verdana italic abcdefgh ABCDEFGH 0123 Verdana bold abcdefgh ABCDEFGH 0123 Verdana bold italic abcdefgh ABCDEFGH 0123 Typografi 19

20 Times New Roman abcdefgh ABCDEFGH 0123 Times New Roman italic abcdefgh ABCDEFGH 0123 Times New Roman bold abcdefgh ABCDEFGH 0123 Times New Roman bold italic abcdefgh ABCDEFGH Typografi

21 Typografiska grundregler Hur man formsätter orden i en text har betydelse för hur det man läser uppfattas och hur pass läsbar texten är. Undvik exempelvis längre texter som är centrerade eller högerställda. Använd normala radavstånd och teckenbredder. En längre text bör delas upp i flera spalter samt marginaljusteras. Storleken på teckensnitten kan du variera från trycksak till trycksak men en bra tumregel är att använda sig av gyllene snittet, det vill säga att de olika storlekarna varierar med 1,6. Exempelvis en brödtext som har 10 punkters storlek vars rubrik har 16 punkters storlek. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse et elit. Nam placerat egestas nisl. Nam vulputate suscipit est. Proin libero. Sed a elit. Duis aliquam, nisi vitae commodo vehicula, dolor mi iaculis lorem, in facilisis sapien ipsum non quam. Aliquam nec nibh. Donec tempus, felis vel varius condimentum, libero erat tempor nisl, sed tincidunt enim metus id eros. Sed eleifend dolor vitae est. Maecenas mauris. In purus. Proin massa. Sed commodo ultrices tellus. Praesent diam enim, tempor ut, semper non, aliquet in, diam. Nullam quis massa rhoncus metus tristique volutpat. Donec dignissim sapien at diam. Aenean ut mauris non est aliquet euismod. Nulla auctor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin pretium, ligula quis sagittis laoreet, nunc turpis interdum justo, et porta urna justo sed augue. Nulla facilisi. Phasellus tincidunt turpis vel elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse et elit. Nam placerat egestas nisl. Nam vulputate suscipit est. Proin libero. Sed a elit. Duis aliquam, nisi vitae commodo vehicula, dolor mi iaculis lorem, in facilisis sapien ipsum non quam. Aliquam nec nibh. Donec tempus, felis vel varius condimentum, libero erat tempor nisl, sed tincidunt enim metus id eros. Sed eleifend dolor vitae est. Maecenas mauris. In purus. Proin massa. Sed commodo ultrices tellus. Praesent diam enim, tempor ut, semper non, aliquet in, diam. Nullam quis massa rhoncus metus tristique volutpat. Donec dignissim sapien at diam. Aenean ut mauris non est aliquet euismod. Nulla auctor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin pretium, ligula quis sagittis laoreet, nunc turpis interdum justo, et porta urna justo sed augue. Nulla facilisi. Phasellus tincidunt turpis vel elit. Maecenas sodales risus a mi aliquam molestie. Praesent at nisi in nisl condimentum varius. Phasellus posuere est sit amet tellus. Phasellus mattis sapien vitae eros. Aenean faucibus nibh in arcu. Cras posuere, dui sed vehicula scelerisque, ipsum libero hendrerit erat, ac accumsan quam arcu quis lectus. Duis eu ligula posuere dolor sodales hendrerit. Nullam dui mi, suscipit ac, dictum tempor, fringilla in, lectus. Pel Typografi 21

22 Layout En typisk layout för SVAB:s trycksaker är den som återfinns i GP Controllermanualen med en blå bård i botten och en svagt färgad grå platta som bakgrund. SVAB är ett föränderligt företag som inte är sent att ta till sig nya idéer eller koncept, vilket bör återspeglas i offentliga layoter i form av variation, dock inom givna ramar såsom exempelvis logotyp och färger. Grundprincipen med SVAB:s layout mot omvärlden är enkelhet, där för många färger och former ej bör blandas. I trycksaker, främst i manualer är lättförståelighet en mycket viktig faktor. Manualerna bör innehålla exempel och bilder som visar hur olika moment utförs. Symboliken är en viktig faktor bland SVAB:s trycksaker och symboler som härmar funktioner och föremål bör förekomma ofta, främst när det gäller manualer. Det gyllene snittet är en väl beprövad och enkel metod för att få harmoni i en layout eller en bild samt att göra denna tilltalande för ögat. Detta snitt bör användas i den mån det går. Läs mer om detta på wikipedia.se 22

23 B = H x 1,6 Ett mycket enkelt sätt att få fram det gyllene snittet i en rektangel, den s.k. gyllene rektangeln är att ta ena sidan, låt oss säga höjden (H), och multiplicera denna med 1,6. Detta nya värde blir nu bredden (B). Den omvända processen blir såklart att dela bredden (B) med 1,6. H Ett A5 -format som detta t.v. har inte den gyllene rektangelns proportioner. Detta kan avhjälpas genom att använda sig av den blåa bården så att den ljusgråa bakgrundsplattan får den gyllene rektangelns proportioner. Gemensamma linjer Användarmanual GP Controller Gemensamma avstånd En bra metod för att skapa harmoni i layouten är att se till att man hittar ett gemensamt avstånd som man försöker rätta så många element i layoten till som möjligt. Även gemensamma linjer i layoutens former bör hittas och användas i den mån det går. Samtidigt kan det vara mycket effektfullt att bryta mot harmonin. Ett exempel på detta är framsidan på denna manual. Se det som att man bör bemästra regeln eller metoden för att besitta kunskap nog att bryta den. Layout 23

24 Layoutexempel: Signatur för e-post Verdana Bold, 7,5 pt Verdana, 7,5 pt Förnamn Efternamn Titel/Title SVAB Hydraulik AB Ulvsättersgatan 2 SE HALLSBERG Tel Mob namn@svab.se 24 Layout

25 Layoutexempel: Profilering av fordon Layout 25

26 Papper Valet av papper påverkar hur mottagaren upplever trycksaken. Ett matt obestruket papper ger högre läsbarhet och ett blankt bestruket papper minskar läsbarheten men ger ett extra lyft till bilderna. Givetvis finns det många olika grader av blankhet och matthet i papper så det första du bör göra vid val av papper är att begära provtryck från tryckeriet på några utvalda papper. Ofta är det en kompromiss mellan läsbarhet och skönhet. Tryckeriet bör vara experter när det gäller att välja ut rätt papper för ditt ändamål. Med beskrivande text bör läsbarheten och hållbarhet alltid prioriteras då förhållandena där manualen läses kan variera mycket. I direkt solljus kan det vara svårt att läsa texter på ett blankt papper. 26

27 Obestruket matt papper i direkt solljus Bestruket blankt papper i direkt solljus Papper 27

28 Frågor Kontakta informationsansvaring på SVAB om du har frågor eller om du vill ha tips eller råd kring trycksaker, manualer och övrig profilering. Välkommen att ringa Papper

29 Papper 29

30 SVAB Hydraulik AB Ulvsättersgatan Hallsberg Tel epost@svab.se