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

Transkript

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

2 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

3 GRUNDER Kärnvärden Internationellt eller Nationellt FÄRG OCH FORM Färg Typsnitt Logotyp Figurmärke Innehållsförteckning TRYCK & WEB Tryck Web PROFILPROGRAM 22 Profilprogram

4 Kapitel 1 GRUNDER

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

6 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 6 GRUNDER Kärnvärden

7 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. Internationellt eller nationellt figur2. olika färger som designbyrån eventuellt kommer att använda och skall undersökas GRUNDER Internationellt eller nationellt 7

8 Kapitel 2 FÄRG & FORM

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

10 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 0 FÄRG & FORM Färg 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.

11 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. Typsnitt 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åäö ! #%&@?^~ Calibri ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö ! #%&@?^~ figur4. Här ser vi hur typsnitten ska skrivas ut för att man ska få en överblick. FÄRG & FORM11 Typsnitt

12 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. 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. 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. 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 figur5. hur logotypen för designbyrån kan se ut

13 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. Figurmärke figur6. till.v figurmärke till designbyrån, till.h designbyråns logotyp och figurmärke sammansatt FÄRG & FORM13 Figurmärke

14 Kapitel 3 TRYCK & WEB

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

16 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. 6TRYCK & WEB Tryck

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

18 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å. 8TRYCK & WEB Web

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

20 Kapitel 4 PROFIL- PROGRAM

21 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 22PROFILPROGRAM GRAFISK PROFIL DESIGNBYRÅN

23 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 Verkställande direktör designbyrån MATHIAS WESTIN Verkställande direktör designbyrån 23 PROFILPROGRAM

24 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. 24PROFILPROGRAM

25 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

26 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åäö ! #%&@?^~ Calibri ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö ! #%&@?^~ 26PROFILPROGRAM

27 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

28 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 28PROFILPROGRAM

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

30 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