Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
<strong>GRAFISK</strong><br />
<strong>MANUAL</strong><br />
<strong>SVAB</strong>
Ver. 1 080801<br />
Vår grafiska profil ............................................. 4<br />
Logotyp ............................................................ 6<br />
Logotyp - Frizon................................................ 8<br />
Logotyp - Korrekt användande ....................... 10<br />
Logotyp - Felaktigt användande ...................... 12<br />
Färger ............................................................. 14<br />
Typografi ........................................................ 18<br />
Layout ............................................................ 22<br />
Papper ............................................................ 26
4<br />
Vår grafiska profil<br />
Det sätt vi väljer att profilera oss på, tillsammans<br />
med vårt agerande och våra produkter, påverkar<br />
vår image och hur omvärlden uppfattar oss. En<br />
konsekvent och samstämmig profil ger ett profess-<br />
ionellt och tydligt intryck och gör att vi blir lättare<br />
att känna igen.<br />
Grundstenen i vår grafiska profil är vår logotyp samt vår blåa<br />
och gråa färg, vilka är de centrala elementen för vår identitet.<br />
Den grå färgen har en speciell betydelse då GP och RT Controller,<br />
<strong>SVAB</strong>:s mest sålda produkter, haft en liknande färg, dock i en<br />
annan färgrymd (RAL 7043) sedan början på 2000 -talet.<br />
Manualen är ett verktyg för alla medarbetare och ska användas<br />
som stöd och inspiration i det dagliga arbetet. Vår grafiska profil<br />
ska följas överallt där vi syns i text och bild, både internt och<br />
externt. Det är vi själva som har ansvaret för att vår grafiska<br />
profil hanteras på rätt sätt.<br />
Logotyper, mallar och en pdf-version av den grafiska manualen<br />
finner du på vår hemsida och på vår gemensamma disk.<br />
Har du frågor kring tolkning och användning av den grafiska<br />
manualen, kontakta informationsansvarig.
Urval från Lennarts anagram:<br />
"<strong>Hydraulik</strong>en"”->”"Har du i kylen"<br />
5
6<br />
Logotyp<br />
Logotypen är en viktig del i en stark profil och ett<br />
verktyg för kommunikation. Genom att använda<br />
vår logotyp konsekvent stärker vi vår identitet<br />
både internt och mot omvärlden.<br />
Det är viktigt att rätt variant av logotypen används vid rätt tillfälle<br />
så att logotypen kommuniceras tydligt. Den färgade logo-<br />
typen bör i huvudsak användas mot vit eller ljust färgad bakgrund.<br />
Undvik att placera den färgade logotypen mot bildbakgrund,<br />
starkt färgad eller likfärgad bakgrund.<br />
Om logotypen ska placeras på bilder eller starkt färgade bakgrunder<br />
används den grå eller negativa (vita) symbolen, allmänt<br />
kallad ”swoschloggan”.
Logotyp<br />
Färglogotyp<br />
Grå logotyp<br />
”swoschloggan”<br />
Vit negativ logotyp<br />
mot färgad bakgrund<br />
7
8<br />
Logotyp - Frizon<br />
Runt logotypen finns ett frizonsutrymme. Det<br />
innebär att det inom det markerade området<br />
inte får förekomma andra störande element<br />
såsom text eller bild.<br />
Frizonsutrymmet är till för att framhäva logotypen och<br />
för att undvika en felaktig användning. Frizonsutrymmet<br />
bestäms av storleken på bokstaven S i logotypen (se<br />
bild sid 9) och kan således komma att ändras beroende på<br />
logotypens storlek.<br />
Med ”swoschloggan” uppstår lätt en synvilla. Detta<br />
beror på att den högra kanten av ”swoschen” inte har<br />
något slut. Man kan då uppleva att logotypen inte ser<br />
centrerad ut. Utgå dock alltid från det avstånd som visas<br />
till höger och justera eventuellt i efterhand mot vad som<br />
för ögat, ser naturligt ut.
Logotyp<br />
Frizon för den färgade logotypen.<br />
Frizon för den gråa ”swoschlogotypen”.<br />
9
10<br />
Logotyp - Korrekt användande<br />
Användarmanual<br />
GP Controller<br />
Till kläder, speciellt starkt färgade eller mörka plagg, bör helst ”swoschloggan”<br />
användas. Till kläder kan det vara svårt att mäta korrekta och exakta avstånd<br />
mellan logotyp och ”kanter”.<br />
I detta exempel ser vi en bra placering av logotypen samt ett bra färgval<br />
(silver) mot svart bakgrund.<br />
Logotypen är här korrekt placerad med hänsyn till frizon och bakgrundsfärg.
Urval från Lennarts anagram:<br />
"Sauer danfoss" -> "Sonas, sa Freud"<br />
11
12<br />
Logotyp - Felaktigt användande<br />
Den blåa logotypen får ej användas mot en starkt färgad bakgrund.<br />
Som i detta fall mot en röd t-shirt. Välj då istället den gråa<br />
eller negativa ”swoschloggan”.<br />
Man får inte på något sätt lägga till, eller förändra något i logo-<br />
typen. Som man här gjort genom att lägga in adressuppgifter.
Rotera eller förvräng inte logotypen<br />
på något sätt.<br />
Logotyp<br />
Använd inte logotypen för att skapa<br />
mönster.<br />
Beskär inte logotypen på något sätt. Använd inte skuggor eller andra effekter<br />
för logotypen. Undantag får göras i särskilda<br />
fall då bakgrunden kräver detta.<br />
Använd inte namnet utan symbolen<br />
eller symbolen utan namnet.<br />
Den äldre versionen av logotypen där<br />
<strong>Hydraulik</strong>, projekt eller avdelningsnamn<br />
står med utgår och ska därför<br />
inte användas.<br />
13
14<br />
Färger<br />
Eftersom färger har en starkt associativ effekt<br />
har vi valt ett fåtal färger som ska användas i vår<br />
grafiska profil.<br />
<strong>SVAB</strong>:s primärfärger är blått och grått. Komplementfärgerna,<br />
som är samma färger men i svagare färgtoner, är till för att<br />
användas som kompletterande färger för bakgrund i exempelvis<br />
trycksaker.<br />
Olika underlag och material framhäver färger på olika sätt. För<br />
att vara säker på att nyansen blir den rätta bör ett färgprov<br />
med <strong>SVAB</strong>:s färger skickas till tryckaren. Färgprover ska<br />
finnas tillgängliga.<br />
Tänk på att färger kan variera mycket i olika ljusförhållanden, på<br />
olika papperstyper och skrivare. Färgblindhet är också en faktor<br />
att ta med i beräkningen. I exempelvis en beskrivande text, som<br />
en manual, bör informationen inte enbart förmedlas med färg<br />
utan endast som ett komplement till texten.
Primärfärger<br />
Blå<br />
R: 0<br />
G: 101<br />
B: 189<br />
RAL:<br />
5005<br />
Grå<br />
R: 57<br />
G: 58<br />
B: 65<br />
RAL:<br />
7043<br />
Färger<br />
C : 99<br />
M: 51<br />
Y:0<br />
K: 0<br />
NCS:<br />
3070-R90B<br />
C: 44<br />
M: 34<br />
Y: 22<br />
K: 78<br />
HTML:<br />
0065BD<br />
Hex:<br />
#393A41<br />
NCS:<br />
S 7500-N (Jotun)<br />
PMS:<br />
300 C<br />
300 U<br />
PMS:<br />
Cool Gray 11 C<br />
Cool Gray 11 U<br />
15
Komplementfärger<br />
Blå<br />
Grå<br />
16<br />
80%<br />
R: 0<br />
G: 101<br />
B: 189<br />
RAL:<br />
5005<br />
80%<br />
R: 57<br />
G: 58<br />
B: 65<br />
RAL:<br />
7043<br />
60%<br />
C : 99<br />
M: 51<br />
Y:0<br />
K: 0<br />
NCS:<br />
3070-R90B<br />
60%<br />
C: 44<br />
M: 34<br />
Y: 22<br />
K: 78<br />
40%<br />
HTML:<br />
0065BD<br />
40%<br />
Hex:<br />
#393A41<br />
NCS:<br />
S 7500-N (Jotun)<br />
20%<br />
PMS:<br />
300 C<br />
300 U<br />
20%<br />
PMS:<br />
Cool Gray 11 C<br />
Cool Gray 11 U<br />
Färger
Urval från Lennarts anagram:<br />
"Strömregulator" -> "Sött lurar er gom"<br />
17
18<br />
Typografi<br />
Precis som våra färger är det typsnitt vi använder<br />
en del av vår profil och det vi förknippas med. Också<br />
här är det viktigt att kommunicera konsekvent<br />
med väl anpassade typsnitt.<br />
Olika typsnitt är framtagna för att användas på olika sätt och<br />
i olika kontexter. Vissa typsnitt är framtagna för att passa för<br />
rubriker, andra för brödtext. Det finns även typsnitt speciellt<br />
framtagna för att passa för webben (webbtypsnitt).<br />
Våra två typsnitt heter Verdana och Times New Roman. Verdana<br />
är ett teckensnitt som lämpar sig bra för webben, för kortare texter och<br />
för ingresser. Times New Roman lämpar sig främst för längre<br />
texter. Times New Roman är ett vanligt teckensnitt som genom<br />
tester visat sig ha hög läsbarhet.<br />
Hög läsbarhet bör alltid prioriteras i manualer så tänk på att<br />
använda tillräckligt stor teckenstorlek. En text bör kunna läsas av<br />
en person med synnedsättning samt i dåliga ljusförhållanden.<br />
Detta gäller självklart övriga trycksaker också, men inte till lika<br />
hög grad.
Verdana regular abcdefgh ABCDEFGH 0123<br />
Verdana italic abcdefgh ABCDEFGH 0123<br />
Verdana bold abcdefgh ABCDEFGH 0123<br />
Verdana bold italic abcdefgh ABCDEFGH 0123<br />
Typografi<br />
19
Times New Roman abcdefgh ABCDEFGH 0123<br />
Times New Roman italic abcdefgh ABCDEFGH 0123<br />
Times New Roman bold abcdefgh ABCDEFGH 0123<br />
Times New Roman bold italic abcdefgh ABCDEFGH 0123<br />
20<br />
Typografi
Typografiska grundregler<br />
Hur man formsätter orden i en text har betydelse<br />
för hur det man läser uppfattas och hur pass läsbar<br />
texten är.<br />
Undvik exempelvis längre texter som är centrerade eller högerställda.<br />
Använd normala radavstånd och teckenbredder.<br />
En längre text bör delas upp i flera spalter samt marginaljusteras.<br />
Storleken på teckensnitten kan du variera från trycksak till trycksak<br />
men en bra tumregel är att använda sig av gyllene snittet, det<br />
vill säga att de olika storlekarna varierar med 1,6. Exempelvis en<br />
brödtext som har 10 punkters storlek vars rubrik har 16 punkters<br />
storlek.<br />
Typografi<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing<br />
elit. Suspendisse et elit. Nam placerat egestas nisl.<br />
Nam vulputate suscipit est. Proin libero. Sed a elit.<br />
Duis aliquam, nisi vitae commodo vehicula, dolor mi<br />
iaculis lorem, in facilisis sapien ipsum non quam.<br />
Aliquam nec nibh. Donec tempus, felis vel varius condimentum, libero erat tempor<br />
nisl, sed tincidunt enim metus id eros. Sed eleifend dolor vitae est. Maecenas mauris.<br />
In purus. Proin massa. Sed commodo ultrices tellus. Praesent diam enim, tempor ut,<br />
semper non, aliquet in, diam. Nullam quis massa rhoncus metus tristique volutpat.<br />
Donec dignissim sapien at diam. Aenean ut mauris non est aliquet euismod. Nulla<br />
auctor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur<br />
ridiculus mus. Proin pretium, ligula quis sagittis laoreet, nunc turpis interdum justo,<br />
et porta urna justo sed augue. Nulla facilisi. Phasellus tincidunt turpis vel elit.<br />
Lorem ipsum dolor sit<br />
amet, consectetuer adipiscing<br />
elit. Suspendisse et<br />
elit. Nam placerat egestas<br />
nisl. Nam vulputate suscipit<br />
est. Proin libero. Sed<br />
a elit. Duis aliquam, nisi<br />
vitae commodo vehicula,<br />
dolor mi iaculis lorem, in<br />
facilisis sapien ipsum non<br />
quam.<br />
Aliquam nec nibh. Donec tempus, felis<br />
vel varius condimentum, libero erat<br />
tempor nisl, sed tincidunt enim metus id<br />
eros. Sed eleifend dolor vitae est. Maecenas<br />
mauris. In purus. Proin massa.<br />
Sed commodo ultrices tellus. Praesent<br />
diam enim, tempor ut, semper non,<br />
aliquet in, diam. Nullam quis massa<br />
rhoncus metus tristique volutpat. Donec<br />
dignissim sapien at diam. Aenean ut<br />
mauris non est aliquet euismod. Nulla<br />
auctor. Cum sociis natoque penatibus et<br />
magnis dis parturient montes, nascetur<br />
ridiculus mus. Proin pretium, ligula<br />
quis sagittis laoreet, nunc turpis interdum<br />
justo, et porta urna justo sed augue.<br />
Nulla facilisi. Phasellus tincidunt turpis<br />
vel elit. Maecenas sodales risus a mi aliquam<br />
molestie. Praesent at nisi in nisl<br />
condimentum varius. Phasellus posuere<br />
est sit amet tellus. Phasellus mattis sapien<br />
vitae eros. Aenean faucibus nibh<br />
in arcu. Cras posuere, dui sed vehicula<br />
scelerisque, ipsum libero hendrerit erat,<br />
ac accumsan quam arcu quis lectus.<br />
Duis eu ligula posuere dolor sodales<br />
hendrerit. Nullam dui mi, suscipit ac,<br />
dictum tempor, fringilla in, lectus. Pel<br />
21
22<br />
Layout<br />
En typisk layout för <strong>SVAB</strong>:s trycksaker är den som<br />
återfinns i GP Controllermanualen med en blå bård<br />
i botten och en svagt färgad grå platta som bakgrund.<br />
<strong>SVAB</strong> är ett föränderligt företag som inte är sent att ta till sig<br />
nya idéer eller koncept, vilket bör återspeglas i offentliga layoter<br />
i form av variation, dock inom givna ramar såsom exempelvis<br />
logotyp och färger. Grundprincipen med <strong>SVAB</strong>:s layout mot<br />
omvärlden är enkelhet, där för många färger och former ej bör<br />
blandas.<br />
I trycksaker, främst i manualer är lättförståelighet en mycket<br />
viktig faktor. Manualerna bör innehålla exempel och bilder som<br />
visar hur olika moment utförs. Symboliken är en viktig faktor<br />
bland <strong>SVAB</strong>:s trycksaker och symboler som härmar funktioner<br />
och föremål bör förekomma ofta, främst när det gäller manualer.<br />
”Det gyllene snittet” är en väl beprövad och enkel metod för<br />
att få harmoni i en layout eller en bild samt att göra denna tilltalande<br />
för ögat. Detta snitt bör användas i den mån det går. Läs<br />
mer om detta på wikipedia.se
Gemensamma linjer<br />
Layout<br />
B = H x 1,6<br />
Användarmanual<br />
GP Controller<br />
Gemensamma avstånd<br />
H<br />
Ett mycket enkelt sätt att få fram det gyllene snittet<br />
i en rektangel, den s.k. ”gyllene rektangeln” är att ta<br />
ena sidan, låt oss säga höjden (H), och multiplicera<br />
denna med 1,6. Detta nya värde blir nu bredden (B).<br />
Den omvända processen blir såklart att dela bredden<br />
(B) med 1,6.<br />
Ett A5 -format som detta t.v. har inte ”den gyllene<br />
rektangelns” proportioner. Detta kan avhjälpas genom<br />
att använda sig av den blåa bården så att den ljusgråa<br />
bakgrundsplattan får ”den gyllene rektangelns”<br />
proportioner.<br />
En bra metod för att skapa harmoni i layouten är att<br />
se till att man hittar ett ”gemensamt avstånd” som<br />
man försöker rätta så många element i layoten till som<br />
möjligt. Även ”gemensamma linjer” i layoutens former<br />
bör hittas och användas i den mån det går.<br />
Samtidigt kan det vara mycket effektfullt att bryta mot<br />
harmonin. Ett exempel på detta är framsidan på denna<br />
manual. Se det som att man bör bemästra regeln eller<br />
metoden för att besitta kunskap nog att bryta den.<br />
23
Layoutexempel: Signatur för e-post<br />
24<br />
Verdana Bold, 7,5 pt<br />
Verdana, 7,5 pt<br />
Förnamn Efternamn<br />
Titel/Title<br />
<strong>SVAB</strong> <strong>Hydraulik</strong> AB<br />
Ulvsättersgatan 2<br />
SE-694 91 HALLSBERG<br />
Tel +46 582 152 30<br />
Mob +46 758 21 52 30<br />
namn@svab.se<br />
www.svab.se<br />
Layout
Layoutexempel: Profilering av fordon<br />
Layout<br />
25
26<br />
Papper<br />
Valet av papper påverkar hur mottagaren upplever<br />
trycksaken. Ett matt obestruket papper ger högre<br />
läsbarhet och ett blankt bestruket papper minskar<br />
läsbarheten men ger ett extra lyft till bilderna.<br />
Givetvis finns det många olika grader av blankhet och matthet i<br />
papper så det första du bör göra vid val av papper är att begära<br />
provtryck från tryckeriet på några utvalda papper. Ofta är det en<br />
kompromiss mellan läsbarhet och skönhet. Tryckeriet bör vara<br />
experter när det gäller att välja ut rätt papper för ditt ändamål.<br />
Med beskrivande text bör läsbarheten och hållbarhet alltid prioriteras<br />
då förhållandena där manualen läses kan variera mycket.<br />
I direkt solljus kan det vara svårt att läsa texter på ett blankt<br />
papper.
Obestruket matt papper i direkt solljus<br />
Bestruket blankt papper i direkt solljus<br />
Papper<br />
27
28<br />
Frågor<br />
Kontakta informationsansvaring på <strong>SVAB</strong> om du har frågor<br />
eller om du vill ha tips eller råd kring trycksaker, manualer och<br />
övrig profilering. Välkommen att ringa 0582-152 30.<br />
Papper
Papper<br />
29
<strong>SVAB</strong> <strong>Hydraulik</strong> AB<br />
Ulvsättersgatan 2<br />
694 91 Hallsberg<br />
Tel 0582-152 30<br />
www.svab.se - epost@svab.se