ATT

FÄRG

A E

N G

RAFI

SK P

ROFI

LEN

GU

IDE

SOM

HJÄ

LPER

DIG

FRA

M T

ILL

EN L

YCKA

D G

RAFI

SK P

ROFI

L

Föro

rd

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 riktlin-jer och inget du bör låsa dig fast vid och följa strikt.

- Patrick Iu & Mathias Westin

Innehållsförteckning

GRUNDER

67

FÄRG OCH FORM

TRYCK & WEB

KärnvärdenInternationellt eller Nationellt

1011

FärgTypsnitt

1618

TryckWeb

PROFILPROGRAM

22 Profilprogram

1213

LogotypFigurmärke

GRUNDERKapitel 1

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.GRUNDER

Kärn

värd

en

6 GRUNDERKä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 kon-stanta, 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.

figur1. fyra olika kärnvärden som används av designbyrån

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.

Internationellt eller nationellt

7GRUNDERInternationellt eller nationellt

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 asso-cierar 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

7

FÄRG & FORM

Kapitel 2

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

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 figur-märken som gör att endast färgen ensam blir förknippad med företag-et. 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ät-tare 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

FÄRG & FORMFärg10

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

11FÄRG & FORMTypsnitt

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än-der 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. Skriv-er 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 ProABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖabcdefghijklmnopqrstuvwxyzåäö123456789!”#%&@?^~

CalibriABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖabcdefghijklmnopqrstuvwxyzåäö123456789!”#%&@?^~

figur4. Här ser vi hur typsnitten ska skrivas ut för att man ska få en överblick.

Logo

typ

12 FÄRG & FORMLogotyp

Logotyp är något som väldigt ofta blandas ihop med figurmärke, logo-typ ä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ör-virrade 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.

VEKTORGRAFIK

Vektorgrafik använder till skillnad från rastergrafik punkter, cirklar linjer mm och gör att man kan för-stora 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.

figur5. hur logotypen för designbyrån kan se ut

Figurmärke

13FÄRG & FORMFigurmärke

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 figur-mä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.

figur5. hur logotypen för designbyrån kan se utfigur6. till.v figurmärke till designbyrån, till.h designbyråns logotyp och figurmärke sammansatt

11

TRYCK & WEB

Kapitel 3

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.

Tryc

k

16 TRYCK & WEBTryck

Det mesta av din grafiska profil kommer att tryckas på papper t.ex. vis-itkort, 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 ig-enom 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 snyg-gare ä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.

Tryck

17TRYCK & WEBTryck

figur5. designbyråns kuvert (C5)

figur7. till vä. designbyråns framsida av visitkortet, till hö. baksidan av visitkortet

18 TRYCK & WEBWeb

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 logo-typ 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 sud-dighet 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å.

19TRYCK & WEBWeb

Web

figur8. Första sidan av designbyråns hemsidan

figur9. En sida från designbyråns hemsida

11

PROFIL-PROGRAM

Kapitel 4

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.

22 PROFILPROGRAM

GRAFISK PROFIL DESIGNBYRÅN

23PROFILPROGRAM

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 WESTINVerkställande direktör Verkställande direktör designbyrån designbyrån

Vår grafiska profil - det gemensamma uttrycket

PROFILPROGRAM24

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.

PROFILPROGRAM25

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.

Logotypen

PROFILPROGRAM26

Typsnitt

Myriad ProABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖabcdefghijklmnopqrstuvwxyzåäö123456789!”#%&@?^~

CalibriABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖabcdefghijklmnopqrstuvwxyzåäö123456789!”#%&@?^~

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.

PROFILPROGRAM27

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.

PROFILPROGRAM28

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 a4till hö. Kuvert C5uppe. Visitkort

PROFILPROGRAM29

Frågor

Vid frågor kring användandet av den grafiska manualen, kontakta profileringsansvarig Patrick Iu, tel +46 70 722 953Utförligare information med måttangivelser för olika en-heter leveras på CD, vid beställning.

Designbyrån AB, info@designbyran.se

ATT

FÄRG

A E

N G

RAFI

SK P

ROFI

L

Patrick Iu & Mathias Westin © 2010

“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älpme-del 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.