You can find the guide here (written in swedish) - patrick iu

ATT FÄRGA EN GRAFISK PROFIL
EN GUIDE SOM HJÄLPER DIG FRAM TILL EN LYCKAD GRAFISK PROFIL

Förord
En grafisk profil är ett ansikte utåt mot allmänheten, det är den
grafiska profilen som ger allmänheten ett första intryck. Den
bestämmer vad, vart och hur man vill visa upp sig. En grafisk profil
är mer än bara en logotyp, det är med fler delar tillsammans som
utgör en grafisk profil, delar som färg, figurmärke, form etc.
Syftet med denna guide är att hjälpa dig vid framtagningen av en
grafisk profil. Vad som är viktigt att tänka på vid de val man måste
göra, hur många färger och typsnitt du borde använda dig av. Det
är viktigt att du förstår att detta bara är ett hjälpmedel med riktlinjer
och inget du bör låsa dig fast vid och följa strikt.
- Patrick Iu & Mathias Westin

6
7
10
11
12
13
16
18
GRUNDER
Kärnvärden
Internationellt eller Nationellt
FÄRG OCH FORM
Färg
Typsnitt
Logotyp
Figurmärke
TRYCK & WEB
Tryck
Web
PROFILPROGRAM
22 Profilprogram
Innehållsförteckning

Kapitel 1
GRUNDER

Innan man börjar ta fram färger och former är det viktigt att
vi har en grund att arbeta från, i detta kapitel kommer vi att
sätta upp en grund som vi senare kommer att arbeta utifrån.

Kärnvärden
6 GRUNDER
Kärnvärden
Kärnvärden fungerar som grundstenar för ett företag eller en produkt.
Kärnvärdena ska beskriva företaget/produkten och skall vara konstanta,
därmed även kunna motstå tillfälliga förändringar. Det är därför
viktigt att man väljer rätt kärnvärden från första början och håller fast
vid i dessa. Kärnvärden skrivs ut i ord och inte meningar.
• Sätt dig ned med ledningen och ta reda på vad de vill ha.
• Ta fram 3-5st kärnvärden som beskriver företaget/produkten.
Under ramverkets gång kommer vi att visa exempel på de olika delarna, vi har
valt att använda en designbyrå som skall ta fram en grafisk profil som exempel.
figur1. fyra olika kärnvärden som används av designbyrån

Beroende på om man kommer lansera internationellt eller nationellt
så måste man göra lite anpassningar. För att förhindra misstolkningar
och kränkningar måste man undersöka vad kulturen/kulturerna associerar
olika färger och former med. Färger uppfattas olika och betyder
olika beroende på vart man är någonstans. I vissa kulturer betyder en
färg en sak medans den någon annanstans betyder motsatsen.
• Undersök hur kulturen där företaget/produkten kommer att
finnas associerar till olika färger, former, tecken och dylikt.
figur2. olika färger som designbyrån eventuellt kommer att använda och skall
undersökas
GRUNDER
Internationellt eller
nationellt
Internationellt eller nationellt 7

Kapitel 2
FÄRG
& FORM

I detta kapitel kommer vi att ta reda på vad man bör tänka på när
man skapar en logotyp och figurmärke. Vi kommer även att titta
på färger och hur de kan användas.

Färg
0
FÄRG & FORM
Färg
Färgerna är en stor del av den grafiska profilen och är bland det första
som ses. Flera företag idag har färger i deras logotyper och figurmärken
som gör att endast färgen ensam blir förknippad med företaget.
För att välja rätt färger gäller det att tidigt sätta sig med ledningen
och bestämma vad det är man vill förmedla med den grafiska profilen.
Vilka egenskaper man vill avspegla.
När man sedan ska ta fram färger bör man välja fram en basfärg som
används mest och detta kommer även fungera som ett kännetecken
för företaget/produkte, till basfärgen bör några komplementfärger tas
fram som används i samband med basfärgen. Detta gör att man hela
tiden använder samma färger med rätta färgkoder och det blir då lättare
att bli kännetecknad för det.
• Sätt dig ner med ledningen och kom fram vilka egenskaper som
skall återspeglas.
• Ta fram en basfärg
• Ta fram komplementfärger
• Skriv ner färgkoderna för de olika färgerna
figur3. Hur färgvalet för designbyrån kan se ut, här har inte färgkoder för NCS
och Pantone tagits ut, men man bör göra det.

Typsnitt är minst lika viktigt som färgval, likt färger kan ett typsnitt
kopplas till ett visst företag/produkt. Många filmer och tv-spel använder
egna typsnitt och man ser snabbt kopplingen när folk använder de
typsnitten. Det finns ett antal olika typsnittfamiljer men det viktiga som
man bör tänka på är att logotypen kan använda typsnitt från vilken
familj som helst, men om man ska skriva brödtexter så ska man välja
typsnitt beroende på hur mycket text det är som skall skrivas ut. Skriver
man mindre texter är det bättre att använda sig av linjärer medans
längre texter bör användas med antikvor då antikvor är lättare att läsa i
större textmängder.
• Kolla på avsnittet “Logotyp” innan du börjar välja ut typsnitt
• Tänk på kärnvärderna och försök att återspegla dessa.
• Välj ut ett typsnitt till logotypen.
• Välj ett komplementtypsnitt som kan användas i brödtexter
• Skriv ut typsnittet i versaler, gemener, siffror och eventuellt
tecken.
Myriad Pro
ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ
abcdefghijklmnopqrstuvwxyzåäö
123456789!”#%&@?^~
Calibri
ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ
abcdefghijklmnopqrstuvwxyzåäö
123456789!”#%&@?^~
Typsnitt
figur4. Här ser vi hur typsnitten ska skrivas ut för att man ska få en överblick.
11
FÄRG & FORM
Typsnitt

Logotyp
VEKTORGRAFIK
Vektorgrafik använder till
skillnad från rastergrafik
punkter, cirklar linjer mm
och gör att man kan förstora
och förminska utan
att bilden försämras.
TIDSLÖS
Skapar man något som
bara kommer att finnas
under en begränsad tid
eller begränsad upplaga
behöver den inte vara
tidslös.
2FÄRG & FORM
Logotyp
Logotyp är något som väldigt ofta blandas ihop med figurmärke, logotyp
är själva namnet för ett företag eller en produkt i ett visst typsnitt
medans figurmärket är ett komplement till logotypen i form av en figur
eller symbol.
Logotypen bör spegla verksamheten/produkten, använd kärnvärdena
till detta. En logotyp bör vara tidslös, med detta menas att inte välja
något som är ”inne” just nu, detta kan leda till att man måste byta
logotyp efter några år, och att byta en logotyp kan vara en stor kostnad
samt mycket jobb. Förutom det så kan man förlora kunder som blir förvirrade
i övergången. Man bör även försöka skilja sig från mängden och
inte efterlikna någon annan, risken finns annars att man blir anklagad
för plagiat samt att man vill vara unik och bli igenkänd för det man gör.
Börja gärna med snabba skisser på papper och fortsätt sedan när du är
nöjd med att arbeta vidare med logotypen på datorn. När du arbetar
på datorn bör du välja ett program som arbetar med vektorgrafik.
• Använd kärnvärdena som riktlinjer vid framtagning av
logotypen.
• Anpassa logotypen så att det inte efterliknar någon annan,
samt att hålla den tidslös.
• Arbeta med vektorgrafik när du skapar det på datorn.
figur5. hur logotypen för designbyrån kan se ut

Figurmärket används som ett komplement till logotypen och bör likt
denna återspegla verksamheten eller produkten.
Idag väljer flera företag att minska exponeringen av deras logotyp och
använda figurmärket mer. För att göra detta och lyckas krävs det att
man har lärt allmänheten vad logotypen symboliserar. Det har man
gjort genom att under en lång tid använd logotypen tillsammans figurmärket
vid verksamheten.
• Använd kärnvärdena samt logotypen som grund vid
framtagning av figurmärket.
• Anpassa figurmärket så att det inte efterliknar någon annan,
samt att hålla den tidslös.
• Skissa till en början på papper och fortsätt sedan på datorn.
• Arbeta med vektorgrafik när du skapar det på datorn.
• Försök att spegla verksamheten/produkten med logotyp
och figurmärket.
figur6. till.v figurmärke till designbyrån, till.h designbyråns logotyp
och figurmärke sammansatt
Figurmärke
13
FÄRG & FORM
Figurmärke

Kapitel 3
TRYCK
& WEB

Din grafiska profil kommer att visas i olika medier, mestadels i
tryck och på webben. Här kommer vi bland annat gå igenom olika
trycktekniker, pappersval och vad man bör tänka på innan man
publicerar saker på webben.

Tryck
6TRYCK & WEB
Tryck
Det mesta av din grafiska profil kommer att tryckas på papper t.ex. visitkort,
annonser och brevpapper. Det finns flera olika trycktekniker som
alla passar till olika ändamål. För det mesta kommer du att trycka med
arkoffset, det är den vanligaste trycktekniken som även har väldigt hög
kvalité. Arkoffset trycker på redan utskurna ark, främst handlar det om
storlekar från A0 till A6.
Vid tryck på lite mer udda föremål t.ex. glasflaskor passar tekniken
screentryck bäst. Screentryck använder sig av en väv som släpper igenom
färg på de tryckande ytorna. När väven är på plats lägger man på
färgen och drar ut den med hjälp av en spatel över tryckbäraren. Med
screentryck kan man trycka på i princip vilket material som helst, bara
det är runt eller platt.
När man trycker sina logotyper och figurmärken på papper brukar man
använda sig av dekorfärger. Dekorfärger är färdigblandade färger och
mer mättade färger vilket gör att logotyper och figurmärken blir snyggare
än vad de blir i vanligt CMYK-tryck.
Pappersval är ytterst viktigt, fel papperstyp kan ge ett fel intryck. Styva,
tjocka papper brukar oftast ge ett lyxigare intryck än ett tunt papper.
Dock så betyder inte det att man ska trycka allting på ett styvt papper,
det gäller att anpassa papperstypen efter vad det är som ska tryckas.
• Välj tidigt vad för någonting som ska tryckas.
• Skissa mycket på hela profilprogrammet och gör
ändringar tills du är nöjd.
• Posten har rekommendationer vad gäller placering av
logotyp och avsändare.
• Anpassa tryckteknik efter trycksak.
• Tänk på att resultatet kan variera beroende på tryckteknik.
• Ha ett genomgående tema på alla trycksaker.
• Lägg ner tid på pappersval, det finns flera olika typer av
papper som alla passar för olika ändamål.

figur5. designbyråns kuvert (C5)
figur7. till vä. designbyråns framsida av visitkortet, till hö. baksidan av visitkortet
Tryck
17
TRYCK & WEB
Tryck

Web
8TRYCK & WEB
Web
Den största skillnaden mellan vanligt tryck och webben är att webbens
färgrymd är mycket större och man kan använda fler färger. En logotyp
på papper ser sällan likadan ut på en datorskärm. Detta är för att
man med en dator använder sig av färgsystemet RGB istället för CMYK.
RGB har grundfärgerna röd, grön och blå och tillsätter ljus för att skapa
färger.
Webben är också mer precist än vad tryck är, då det lätt kan bli en suddighet
i bilder och text vid tryck.
• Tänk på möjligheterna med webben och använd dessa.
• Visa upp dig, men utge dig inte att vara något du inte är.
• Färginställningar på monitorer kan få samma färg att se an
norlunda ut beroende på vilken monitor du tittar på.

figur8. Första sidan av designbyråns hemsidan
figur9. En sida från designbyråns hemsida
Web
19
TRYCK & WEB
Web

Kapitel 4
PROFIL-
PROGRAM

Vi har fram tills nu presenterat hur man ska gå tillväga och visat
några exempel, i detta avsnittet så kommer vi att göra ett
profilprogram med hjälp av det vi har tagit fram under ramverkets
gång.

22PROFILPROGRAM
GRAFISK PROFIL DESIGNBYRÅN

Vår grafiska profil - det gemensamma uttrycket
Logotypen och den grafiska profilen är Designbyråns ansikte utåt.
I det massiva informationsflödet är det viktigt att ha ett enhetligt
och konsekvent framträdande. Det är viktigt att både våra kunder
och leverantörer ska känna att designbyrån är det rätta valet.
Varför designbyrån? designbyrån har sedan länge funnits för våra
kunder, att kunna hjälpa dem i dagens stora marknad med alla
frågor och uppgifter som vi kan. Med denna nya grafiska profil
ska vi arbeta oss uppåt på marknaden och konkurrera ut våra
konkurrenter på ett sätt som visar att vi är bättre än vad de är.
Den här manualen är till för att hjälpa alla våra medarbetare och
partners där vår grafiska profil kommer att finnas tillänglig. På så
sätt kommer vi att ha en konsekvent grafisk profil.
PATRICK IU MATHIAS WESTIN
Verkställande direktör Verkställande direktör
designbyrån designbyrån
23
PROFILPROGRAM

24PROFILPROGRAM
Kärnvärden
Designbyrån har arbetat sig uppåt med hjälp av fyra kärnvärden
som vi håller i kärt, dessa kärnvärden är något vi alltid strävar
efter och följer helhjärtat. De fyra kärnvärderna är mer än bara
ord för oss, det är en strävan att alltid kunna prestera bättre med
motivation från dem.

Logotypen
Logotypen är vår identitet och ansiktie utåt. Den får aldrig
någonsin förvrängas i något sammanhang. Logotypen innehåller
olika färger och så länge logotypen används i färg ska det alltid
vara de färger, används logotypen med endast en färg så får man
bryta färgvalen i logotypen. Vi ska alltid sträva efter att använda
logotypen tillsammans med figurbilden, i vissa fall kan endast
figurmärket användas men inte endast logotypen.
PROFILPROGRAM25

26PROFILPROGRAM
Typsnitt
Vi har valt att använda oss utav typsnitten Myriad Pro och
Calibri, typsnitten är ganska lika men används på olika sätt.
Myriad Pro används i logotypen medans calibri används till
brödtexter.
Myriad Pro
ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ
abcdefghijklmnopqrstuvwxyzåäö
123456789!”#%&@?^~
Calibri
ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ
abcdefghijklmnopqrstuvwxyzåäö
123456789!”#%&@?^~

Färger
Alla färger har en unik beteckning, beroende på tryckteknik,
material och yta. I nuläget har vi endast RGB och CMYK
färger där RGB används vid visning på web och CMYK vid
tryck. Kontrollera alltid vilket papper som skall användas
och begär information från tryckerier. Och kontrollera alltid
med testtryckningar för att se så att allt är OK.
Om du behöver NCS- eller Pantone färger, kontakta
profileringsansvarig.
PROFILPROGRAM27

28PROFILPROGRAM
Trycksaker
Här är färdiga mallar för olika trycksaker,
behöver du andra trycksaker ber vi dig
kontakta profileringsansvarig. Allt som
skall tryckas för designbyrån skall följa
våra standarder.
till vä. Brevpapper a4
till hö. Kuvert C5
uppe. Visitkort

Frågor
Vid frågor kring användandet av den grafiska manualen,
kontakta profileringsansvarig Patrick Iu, tel +46 70 722 953
Utförligare information med måttangivelser för olika enheter
leveras på CD, vid beställning.
Designbyrån AB, info@designbyran.se
PROFILPROGRAM29

ATT FÄRGA EN GRAFISK PROFIL
“Hur kan man förenkla framtagningen av en grafisk profil?
Hur definerar man verksamheten genom den grafisk
profilen”
Vi ställde oss denna frågan och för att besvara den har vi
under några månaders tid letat information och satt oss
in i den grafisk profilens värld, där vi lärt oss en hel del
saker som vi skulle vilja dela med oss. Och det var då vi tog
beslutet att göra en guide som kan användas av så många
som möjligt, oavsett vilka förkunskaper man har ska denna
guide kunna vara ett hjälpmedel. Och endast ett hjälpmedel
inte några lagar som du ska följa strikt. Vi hoppas att
du får fram ett resultat som du är mer än nöjd över och att
vår guide har varit en hjälp på vägen. Vi vill även tacka alla
personer som har hjälp oss i vårt arbete.
Patrick Iu & Mathias Westin © 2010