Transcript Grafisk manual

Grafisk manual
www.byggebo.se
Producerad av Daniel Byström Design, www.bystromdesign.se
Byggebo Grafisk manual
Den grafiska manualen samlar de grafiska regler och riktlinjer som gäller för Byggebo.
Den finns till för att underlätta och säkerställa framtagande av marknads- och
kommunikationsmaterial. Den grafiska manualen beskriver allt från logotypens
utformning, storlek, färger och placering, till typsnitt i brödtext och rubriker.
Ett varumärke är både sådant man kan se och ta på, och sådant som man inte kan ta på
men upplever och känner. Genom ett konsekvent användande av den grafiska manualen
kan Byggebo stärka och vårda sin visuella identitet.
Den visuella identiteten består av det samlade intrycket av en rad komponenter –
till exempel symbol, logotyp, typografi, färger och papper. Identiteten bör förmedlas
konsekvent i all kommunikation, såväl intern som extern. Exempel är webb, annonser,
brevpapper, visitkort och företagspresentationer, samt alla typer av marknadsföringsinsatser.
Byggebos affärsidé handlar om att skapa en bättre vardag för de många människorna.
Byggebo arbetar med värdeord som trygghet, hög kvalitet, unika mervärden och service.
Samma värden ska även den grafiska profilen förmedla.
I den här manualen ges riktlinjer och praktiska anvisningar för hur den grafiska profilen skall
användas. Allt material finns samlat på CD´n Byggebo Grafisk Profil 2009. Se manualen som
ett arbetsredskap.
Byggebo Grafisk manual 2009
Logotyp
Byggebos logotyp är inarbetad och välkänd. Märket i logotypen består av en kombination av
bokstaven “b” och formen av ett hustak ovanpå.
Logotypen är ritad utifrån ett typsnitt som heter american typewriter. Logotypen har
uppdaterats och förfinats för att hålla hög kvalitet vid olika tillämpningsområden.
Logotypens komposition eller innehåll får ej modifieras. Den är anpassad för att
klara alla typer av reproduktion och skall alltid finnas på företagets marknads- och
kommunikationsmaterial.
Logotypen skall användas från original för att säkerställa kvaliteten.
Logotypen bör helst placeras mot enfärgad bakgrund, så att den presenteras tydligt och
konsekvent. Röriga bakgrunder gör att logotypen kan bli svår att uppfatta.
Standard är vit bakgrund.
Varianter av logotypen
Logotypen finns i två primära varianter. Använd den som passar bäst för aktuellt ändamål.
Logotypen skall användas i fullfärg i så stor utsträckning som möjligt. Men ibland är det
ogörligt och då går det att använda en logotyp i svartvit eller negativ variant.
Liggande logotyp - fullfärg
Liggande logotyp - svartvit
Liggande logotyp - negativ
Stående logotyp - fullfärg
Stående logotyp - svartvit
Byggebo Grafisk manual 2009
Stående logotyp - negativ
Frizon
För att loggan ska synas bra är det viktigt att tänka på frizonen, dvs att den placeras så att det
finns tillräcklig marginal till omgivande objekt och kanter. Logotypen bör placeras så att den
har gott om luft omkring sig. Tänk på att inte placera text eller andra grafiska inslag för tätt
inpå. Den ungefärliga frizon som gäller i olika format anges nedan.
Storlek
Val av storlek på logotyp; liten eller stor, avgörs av utrymme och omständigheter. Synligheten
är viktig, men även andra faktorer avgör såsom vem som är huvudpart i sammanhanget eller
vad som helt enkelt ser bäst ut.
Profilfärger
Signifikant färg för Byggebo är framförallt den som återfinns i logotypen, orange Pantone
173. Denna färg är alltid återkommande i olika sammanhang som berör Byggebos profil.
Pantone 152 är lite ljusare orange och används ofta i grafiska inslag i Byggebos
kommunikationsmaterial. Denna färg är vald för att den går bra i hop med den primära färgen.
Dessa två färger betecknas som primära och finns definerade med färgnummer nedan. Se till
att använd rätt färgnummer beroende på tillämpningsområde. Vid osäkerhet, se närmare
information längst bak i denna manual.
I samband med framtagande av marknads- och kommunikationsmaterial för Byggebo är det
viktigt att övriga färgelement passar väl ihop med de primära färgerna.
PANTONE 173
CMYK 0, 82, 94, 2
RGB 210, 73, 42
HTML #D2492A
Byggebo Grafisk manual 2009
PANTONE 152
CMYK 0, 68, 100, 0
RGB 225, 112, 0
HTML #E17000
Typsnitt
Vid produktion av marknads- och kommunikationsmaterial gäller följande typsnitt.
Genom att använda dessa typsnitt efter rekommenderade riktlinjer kan Byggebos visuella
identitet bli ännu tydligare.
FF Blur används i rubriker och korta budskap i exempelvis annonser, trycksaker och
annat marknadsföringsmaterial. Typsnittet är inte optimerat för bästa läsbarhet och bör därför
användas sparsamt. Typsnittet kan användas för att skapa en visuell prägel som hör i hop med
Byggebo.
Arial kan användas användas i alla sammanhang som hör i hop med Byggebo. Detta typsnitt
kan användas i rubrik och löptext.
I längre texter bör Times New Roman. Det är ett seriftypsnitt som underlättar läsbarheten i
dessa fall.
Typsnittet som används på webbsidan är Verdana, detta är kompitabibelt i alla webbläsare.
FF Blur Arial
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz0123456789
Times New Roman
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz0123456789
Verdana
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz0123456789
Layout
Vid layout och produktion av marknadsmaterial som hör till Byggebo bör målet vara att skapa
en tilltalande och välbalanserad helhet, som framhäver Byggebo och skapar igenkänning.
Byggebos logotyp ska så långt det är möjligt placeras i det övre vänstra hörnet. I de fall då det
inte är möjligt kan logotypen placeras på andra sätt, med avgörande faktorer som tydlighet,
visuell identitet och igenkänning samt vad som helt enkelt ser bäst ut.
Primär placering av logotyp
Vid framställning av trycksaker och annat finns
grafiska riktlinjer som dels hjälper till i
produktionen, dels säkerställer att Byggebos
visuella identitet framhävs.
Dessa riktlinjer består exempelvis i att logotypen
används på rätt sätt, att Byggebos primärfärger finns
med och att den grafiska formen känns igen.
Givetvis är det också viktigt att rätt budskap når
mottagaren och att respektive marknadsmaterial
effektiviseras efter ändamålet.
Här är några exempel på hur det kan se ut.
www.byggebo.se
Alternativ
Byggebo Grafisk manual 2009
Korrespondensmaterial
Här följer exempel på hur logotypen och de grafiska riktlinjerna används i vardagliga
sammanhang. Som på visitkort, brevpapper och korrespondenskort.
Ett inslag som kan användas är det “vågnät” som syns på ena sidan av visitkortet. Detta
grafiska inslag är kopplat till det profilprogram som finns framtaget för platsen Oskarshamn.
Vågnätet återfinns i den logotyp som finns framtagen för platsen Oskarshamn och kan också
användas som ett grafiskt element i verksamheter som är starkt kopplade till Oskarshamn
som ju Byggebo är. Dock är det viktigt att komma ihåg att detta grafiska mönster inte ägs av
Byggebo.
Visitkort
Förnamn Efternamn
Titel
Direkttelefon: 0491-XXX XX
Mobil: XXX XXX XX XX
E-post: fö[email protected]
Box 34, 572 28 Oskarshamn
Postmästaregatan 18
Telefon kundcenter: 0491-88 09
www.byggebo.se
www.byggebo.se
10
För interndokument, brev mm finns framtagna mallar. Ett dokument finns förtryckt, med ett
orange utfallande färgfält nedtill. Dessutom finns en mall för word utan färgfält för utskrift på
vanlig skrivare där utfall ej är möjligt
Visitkort
www.byggebo.se
www.byggebo.se
Byggebo Grafisk manual 2009
11
Kuvert C5
www.byggebo.se
Korrespondenskort 105x148 mm
www.byggebo.se
12
PowerPoint
Presentation
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Aliquam sed ante. Quisque
pede pede, condimentum sit amet, elementum eu, volutpat vitae, est. Nunc
euismod. In lorem leo, malesuada eu,
scelerisque vel, adipiscing luctus, nibh.
Cras semper ultrices erat. Pellentesque
varius fringilla est. Suspendisse lorem
purus, pellentesque eget, lacinia non,
pulvinar nec, elit. Aliquam sed pede. Nullam luctus. Nunc urna. Maecenas blandit
sodales nibh. Curabitur semper.
Byggebo Grafisk manual 2009
13
Platsvarumärket Oskarshamn
En bild påstås säga mer än tusen ord. Det är också tanken med vår gemensamma logotyp. Den
ska inte bara tjäna som igenkänningssignal för Oskarshamn – vår plats på jorden.
Dess grafiska form ska också symbolisera några av de värden vi vill förknippas med. Rutnätet
i logotypen ska kunna leda till associationer till skärgården lika väl som till åkerlappar eller en
stadskärna. Det är helt enkelt i Oskarshamn vi gifter samman inland och hav.
Vi är alla intressenter i varumärket Oskarshamn. Därför är vår gemensamma logotyp en fri
nyttighet. Varje gång den exponeras gör vi varandra en tjänst. Ju fler vi är som laddar den med
positiva egenskaper, desto starkare blir vårt gemensamma varumärke Oskarshamn.
Mer information om Attraktiva Oskarshamn hittar du på www.oskarshamn.com
Attraktiva Oskarshamn är ett projekt som finansieras av både näringslivet och Oskarshamns
Kommun. Syftet är att genom olika insatser tydliggöra och stärka bilden av Oskarshamn för
att vi ska vara en så attraktiv plats som möjligt för företagande, inflyttning, besök och boende.
Den grafiska manualen för
platsvarumärket Oskarshamn kan
laddas ned på www.oskarshamn.com.
Klicka på Attraktiva Oskarshamn och
sedan Nedladdning.
>iXÔjb
dXelXc
14
att effektivare nå ut med ditt budskap. Reglerna ska inte ses som begränsningar utan som
riktlinjer för att få fram ett enhetligt positivt budskap.
Logotypen
Platsen Oskarshamn har en logotyp som består av namnet och märket med vågor i ett rutnät.
Dessa två utgör en bild och får därför inte förvanskas genom att man byter proportioner eller
typografering.
En plats innehåller många olika organisationer och företeelser. För att skapa en logotyp med
Logotypen
stor flexibilitet
finns logotypen
flera olika
färgställningar
och medoch
olikamärket
grafiskamed
element.
Platsen
Oskarshamn
har eni logotyp
som
består av namnet
vågor i ett rutnät.Dessa två utgör en bild och får därför inte förvanskas genom att man byter proportioner
ellertypografering.
En plats innehåller många olika organisationer och företeelser. För att skapa en logotyp medVal flexibilitet
av färg på
logotypen
stor
finns
logotypen i flera olika färgställningar och med olika grafiska element.
Logotypen i färgställningen grå/blå är tillämplig vid alla tillfällen.
CMYK
GRÅ 70 % svart
BLÅ 27 % cyan
PMS OBESTRUKET
PMS 70 % svart
PMS 291 U
PMS BESTRUKET
PMS 70 % svart
PMS 291 C
Användande av logotypens olika delar
Logotypens två beståndsdelar – namnet och vågnätet – kan också användas för sig.
I de fall det råderav
platsbrist
eller annars
är tillämpligt
Användande
logotypens
olika
delar kan namnet användas utan platta.
Vill man
den industriella
verksamheten
i Oskarshamn
Namnet får dock
inte skrivas
medförstärka
typsnitt
på annat
sättockså
förändras.
Logotypens
två beståndsdelar
–annat
namnet
ocheller
vågnätet
– kan
användas för sig.
kan den grå logotypen användas. Den fungerar också bra om
I de fall det råder platsbrist
eller annars är tillämpligt kan namnet användas utan platta.
produktionen är svartvit.
Namnet får dock inte skrivas med annat typsnitt eller på annat sätt förändras.
CMYK
Namnet/texten ”OSKARSHAMN”
GRÅ
Mönster ”Vågnätet”
70 % svart
PMS OBESTRUKET
PMS 70 % svart
PMS BESTRUKET
PMS 70 % svart
Namnet/texten
Vågnätet i plattan kan även fungera som ett fristående grafiskt element. Se exempel på på
kommande sidor.
CMYK + PMS
SVART 100 % svart
Mönster
De färger som visas i denna manual fungerar ej som färgprov.
För korrekt färgreferens används Pantones färgguider.
Mönster
CMYK
BLÅ 100 % cyan
Byggebo Grafisk manual 2009
15
Kort om bildformat
Manualen är gjord för två typer av användare:
•
•
För den som huvudsakligen kommunicerar med
omvärlden med hjälp av Office-programmen el. dylikt.
För den som producerar mer avancerade trycksaker och profilmaterial.
Filer som hör till denna manual:
Alla användbara filer hittar du på den CD som hör till denna
manual.
Version:
CS2
Optimerad för Adobe CS fr.o.m. version CS2
300dpi
Pixelbaserad fil – högupplöst format för utskrifter.
72dpi
Pixelbaserad fil – lågupplöst format för hemsida
och övrig visning på skärm.
Filformat:
. eps
Encapsulated PostScript. En vektoriserad EPS
består av mjuka kurvor och inte av pixlar, är även
storleksoberoende – håller alltid högsta kvalitet.
Används i första hand.
.emf
Windows
Enhanced
Metafile
Format.
Windows-format som främst används för
vektorbilder, till exempel Clipart, som delas
mellan Windows-program. Färgstödet är
begränsat till 16-bitars RGB.
. gif
Graphics Interchange Format. Bildskärmsformat till hemsidor. Max 256 färger. Bra till
enkel grafik, ej foton, och är allmänt använd på
internet.
. jpg
Joint
Photographic
Experts
Group.
Komprimerar mycket effektivt, men med
kvalitetsförlust.
Kompressionsgraden
kan
varieras. Används främst till fotografier och för
internet.
Förklaring av namngivningprincip:
Filerna på CD:n är döpta efter följande format
1
2
3
4
xLogo
_CMYK
_300dpi
.tiff
1
2
3
4
xLogo
_CMYK _300dpi
.tiff
= Filnamn
= Färgformat
= Version
= Filformat
Färgformat:
PMS
CMYK
RGB
16
Färdigblandad färg. Endast tryckeri. Står för
Pantone Matching System. PMS-systemet
används för att göra dekorfärgstryck. Kulörerna
är indelade i ett siffersystem som inte ger
någon vägledning om vilken kulödet rör sig
om. Det är vanligt att kombinera en dekorfärg
med fyrfärgstryck föra att säkerställa att
exempelvis färgen i en logotyp framställs
exakt. Exempel på en färgangivelse kan vara:
PMS 1375C (orange).
Fyrfärg. Står för CYAN, MAGENTA, YELLOW
och KEYCOLOR (svart). Dessa är färgerna
som används vid fyrfärgstryck. CMYK-färger beskrivs med en procentangivelse för
varje färg. Ex: CMYK C 0 M 50 Y 100 K 0
(orange).
Bildskärmsformat som ej går att trycka.
Står för RÖD, GRÖN och BLÅ. RGB är de
färger som används vid inläsning av en
färgbild. Det är även dessa kulörer som datorns
skärm återger. RGB har en större färgrymd än
CMYK. RGB-färger beskrivs med ett värde,
0-255, för varje färg. Ex: RGB R=225, G=145,
B=45 (orange) samt #FF912D (för webben).
SV
Svartvit variant. Används i alla sammanhang
där färg inte kan användas; t.ex. på fax.
För grå anges mängden svart i %. Ex: Grå-20%
(ljusgrå)
Neg
Variant där texten är vit/negativ. Används på mörk
bakgrund och foton eller illustrationer.
Generella rekommendationer
diverse färg- och filformat:
för
användning
av
Vektorgrafik är i alla lägen att föredra framför pixelgrafik.
En vektorbaserad illustration är knivskarp i alla lägen oavsett
storlek. Rent filmässigt är en vektorbaserad fil också betydligt
mindre än en högupplöst pixelbaserad. En vektorbaserad fil
kräver dock mer avancerade programvaror, vilket gör att de
ibland inte går att använda. Välj då i första hand en högupplöst
(ej komprimerad) pixelbaserad bild.
Om pixelbaserat format används bör bilden överlag ej
förstoras från dess utgångsläge då detta leder till kvalitetsförluster.
Tredje grundregeln är att om en logo ska printas på ett
tryckeri bör den vara i CMYK-format. Om den ska visas på en
dataskärm bör den vara i RGB-format. RGB format fungerar
även för vanliga kontorsskrivare som då konverterar RGB för
att återge korrekt färg på utskrifter.
För tryck, målning, formsprutning etc bör filen också vara
i vektorgrafik och i CMYK-format, men här bör man också
ange en exakt färgkod. Se separat färgblad i denna
manual. Notera dock att beroende av applikation,underlag
och eftersträvad yta kan man behöva modifiera de
rekommenderade färgerna. Be därför ALLTID om ett exakt
prov innan skarp produktion!
Kort om typografi och teckensnitt
Typografin är utan tvekan en av de viktigaste
beståndsdelarna, kanske den viktigaste, inom grafisk
formgivning och layout.
Text ska inbjuda till läsning. Typografin hjälper
betraktaren att uppleva innehållet i det skrivna,
samtidigt som bokstävernas form förmedlar en känsla
till läsaren.
Enhetliga och konsekvent använda teckensnitt stärker
också den visuella identiteten.
När man ska välja ett teckensnitt är det viktigt att se till
sammanhanget; läsbarheten och budskapet som ska
framföras. I den grafiska manualen finns riktlinjer för
vilka teckensnitt som ska användas och hur.
Val av teckensnitt:
För att hitta rätt teckensnitt till sitt kommunikationsmaterial ska man börja med att titta i den grafiska
manualen och följa de riktlinjer som står där.
Dessa teckensnitt är utvalda för att ge god läsbarhet
och för att skapa en stark visuell identitet.
Att förstå hur teckensnitt är uppbyggda, hur de delas
in i grupper och vad som gör ett typsnitt passande till
brödtext, rubriker o.s.v. kan dock vara bra att känna
till.
Det finns många olika stilar, men i stort sätt kan man
dela in teckensnitt i två huvudgrupper - serifer (med
klackar) och sanserifer (utan klackar).
Definitioner:
Typografi
Konsten att återge text främst i tryckt form,
men även på datorskärmar.Omfattar t.ex.
fonter, teckensnitt, & bokstävernas placering
på en yta, t.ex. deras inbördes avstånd,
justering, ombrytning i spalter, o.s.v.
Teckensnitt
Teckensnitt är benämningen på en teckenuppsättnings
särpräglade
utformning,
exempelvis Garamond.
Snittvariant
Variant av ett teckensnitt, tillexempel fet,
smal eller kursiv.
Font
Font är den historiska benämningen på en
uppsättning blytyper med teckensnittets
form, medan det idag är benämningen på
de digitala fontfiler som finns i våra datorer.
Teckensnitten ligger samlade i fonter, med
de snittvarianter som hör till samma teckensnitt, till exempel fet och kursiv av teckensnittet Helvetica.
Filtyper
Det finns ett antal olika filtyper för att lagra
fonter. De vanligaste är Opentype, Truetype
och Postscript. Opentype är ett plattformsoberoende typsnitt och fungerar därmed i
olika program i både PC och Mac. Truetype
är också kompetabibelt mellan olika plattformar och är än så länge den vanligaste
filtypen. Postscript används framförallt i
proffessionellt bruk och ger bra utskrifter,
men kan i vissa fall inte hanteras av vissa
program och skrivare.
Installera teckensnitt i datorn:
Fontfiler kan antingen installeras manuellt direkt i
datorns operativsystem eller med hjälp av ett fonthanteringsprogram. För att aktivera en fontfamilj
manuellt räcker det att den placeras på rätt plats på
hårddisken. För Windows är detta mappen FONTS
inuti WINDOWS-mappen. Det går också bra att lägga
till fonter via KONTROLLPANELEN. I Mac OS finns
motsvarande mapp under BIBLIOTEK, se så till att
välja datorns allmänna BIBLIOTEK om du vill att
teckensnittet ska bli tillgängligt för alla datorns
användare.
Byggebo Grafisk manual 2009
Läsbarheten av en text påverkas av olika faktorer:
Teckenstorlek
Lämplig teckenstorlek väljs med avseende på
läsavstånd och sannolika belysningsförhållanden vid
lästillfället. I trycksaker och korrespondens är 9-12
punkters teckenstorlek på brödtext att rekommendera,
med ett radavstånd på 12-15 punkter. För brödtext
i rapporter, brev och skrivelser rekommenderas
12 punkters teckenstorlek.
Teckensnitt
Teckensnitt med klackar anses oftast vara mer lättlästa
så fort det handlar om större textmängder, sk brödtext,
i små teckenstorlekar.
Spaltbredd
En för smal spaltbredd skapar många avstavningar
och ger ett hackigt intryck. En för bred spaltbredd
ger risk för att man tappar “synkontakt” med raden.
35-40 tecken (inklusive mellanslag) brukar vara lagom
för att göra en läsvänlig spalt.
Radavstånd
Både för stort och för litet radavstånd gör texten
svårläst. För litet radavstånd riskerar att man halkar
över på en annan rad, för stort gör att raderna tappar
kontakt med varandra.
Avstavningar
Många avstavningar ger texten ett hackigt intryck.
Prova istället med att öka spaltbredden eller minska
typgraden (storleken på texten).
17
Byggebo Grafisk manual © 2009