hk aranäs design guide draft #1501

28

Upload: patrik-landerholm

Post on 07-Apr-2016

234 views

Category:

Documents


4 download

DESCRIPTION

 

TRANSCRIPT

Page 1: HK Aranäs Design Guide Draft #1501
Page 2: HK Aranäs Design Guide Draft #1501

HK ARANÄSdesign guide

Inne

håll

2

Page 3: HK Aranäs Design Guide Draft #1501

Innehåll01 Logo02 Använd03 Färg04 Låt bli05 Storlek06 Tomrum07 Färger

FärgerPrintWebbEpostMatchinfoMatchprogramBilder som funkarBilder som inte funkar

För eventuella frågor om innehållet i detta dokument, kontakta oss på [email protected] så hjälper vi dig så snart som möjligt.© Copyright 2015 HK Aranäs . Alla rättigheter förbehållna.

08

09

1 0

1 1

12

13

14

15

Page 4: HK Aranäs Design Guide Draft #1501

Sect

ion

Title

19In

nehå

ll4

HK ARANÄSdesign guide

Page 5: HK Aranäs Design Guide Draft #1501

Här är de design-riktlinjer för ditt varumärke. —Designers bör följa dessa riktlinjer noggrant för att säkerställa varu-märkets kontinuitet.

Page 6: HK Aranäs Design Guide Draft #1501

HK ARANÄSvi passar alla!

01LogoHär ser ni några exempel på hur man kan använda loggan, med och utan utskrivet namn och / eller tagline. på nästa sida hittar ni några fl er exempel på vad som är ok att göra.

Final Logo

HK ARANÄSdesign guide

Logo

typ

| Hur

den

anv

änds

6

Page 7: HK Aranäs Design Guide Draft #1501

A

C

B

D

HK ARANÄSHK ARANÄS

02AnvändA. Full Logo | Används i första hand B. S/V Logo | Används så lite som möjligt. C. Namn utan tag | Ibland passar det bättre att bara skriva ut namnet, och det är ok. D. Logo med text | Det går bra att även använda den utan tagline.

Vilken logo när?

Page 8: HK Aranäs Design Guide Draft #1501

A

C

B

D

03FärgA. Stark färg | I första hand ska färgloggan användas B. Grå | Ibland behöver man göra svart-vita tryck. C. Bakgrund | Loggan får även användas som grafi skt element med 7% opacitet. C. Foto | Loggan får även användas med fotobakgrund.

Lite om färg och bild

HK ARANÄSdesign guide

Logo

typ

| Fär

g &

Hur

den

inte

anv

änds

8

Page 9: HK Aranäs Design Guide Draft #1501

ARANÄS -vi hoppar högt!

Du får inte byta färg bara för att du inte gillar orginalfärgerna.

Du får inte byta typsnitt någonstans, och absolut inte hitta på egna taglines. Du får heller inte modifera loggan genom att vrida på text.

HK

Du får förändra skalförhållandet på loggan.

Du får inte skriva text för nära eller skriva text så det ser ut som den tillhör loggan.

Du får inte heller förminska Aranäs logga eller baka in den i egen layout.

04Låt bliDet fi nns givetvis en mängd olika sätt man kan misshandla en logo och ett varumärke på. Här nedanför har vi tagit upp några exempel på vad man inte får göra. En bra grundregel är att du får inte göra någon förändring alls...

Tänk på att inte vara kreativ med loggan

Page 10: HK Aranäs Design Guide Draft #1501

10px

05StorlekStorleken på loggan är alltid svår att styra över. Det hänger rätt mycket på vad det är som ska tryckas. Använd dock alltid den vektoriserade loggan när det gäller tryck. Det gör att den är skalbar från jättestort till pyttesmått utan att det blir fult och pixligt. Loggan bör dock inte vara mindre än 20mm för

HK ARANÄSdesign guide

Logo

typ

| Sto

rlek

och

Yta

run

t log

otyp

10

Page 11: HK Aranäs Design Guide Draft #1501

10px

06TomrumFörsök att alltid ha minst bredden av en fjärdedel av loggan med tomrum runt loggan, så den syns tydligt och inte blandas med annan info. Enda undantaget är om det är en logga med aktivitet typ “Luciacupen” då texten är en del av loggan.

Plats runt loggan

Page 12: HK Aranäs Design Guide Draft #1501

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

Exo Extra Bold

07Fonter

Exo Light

Vi har valt Exo som Standardfont. Det är en font som är kostnadsfri och kommer i många varienter på tjocklekar vilket gör oss fl exibla i layouter för allt från små trycksaker till kläder och fl aggor.

Google Exo Font

HK ARANÄSdesign guide

Font

er o

ch fä

rger

12

Page 13: HK Aranäs Design Guide Draft #1501

C100 M60 Y00 K00 / Pantone 000000c / Web #000000 /

C00 M00 Y00 K100 / Pantone 000000c / Web #000000 /

C30 M20 Y10 K00 / Pantone 000000c / Web #000000 /

C00 M00 Y00 K00 / Pantone 000000c / Web #000000 /

08Färger

Page 14: HK Aranäs Design Guide Draft #1501

kontakt-uppgifter

Sidhuvud

09PrintSå här ser Brevpapper (wordmall), kuvert och visitkort ut. Konceptet går att använda på en mängd olika typer av kontorsmaterial som man använder dagligen. t.ex olika sorters kuvert, faxmallar, fakturor etc

Kontorsmaterial

HK ARANÄSdesign guide

Tryc

ksak

er14

Page 15: HK Aranäs Design Guide Draft #1501

ev. QR kod

Adress & Logo

Framsida med kontaktuppgifter

ev. baksida

extra grafi k

Page 16: HK Aranäs Design Guide Draft #1501

bildstorlek 700x450

Bannerområde

Platinasponsorer

Kort rubrik

Flikanpassad bakgrund

Eventkalender

Annonser

10Webb

HK ARANÄSdesign guide

Hem

sida

16

Page 17: HK Aranäs Design Guide Draft #1501

H1 HeaderExo Extra Light90pt / 90pt leading

BC (Body Copy)Exo Medium & Light12pt / 15pt leading

Sub-HeaderExo Medium24pt / 30pt leading

CaptionExo Medium9pt / 15pt leading

AaBbCc

ABCDEFGHIJKSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

ABCDEFGHIJKLMNOPQRSTabcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890

Den viktigaste saken du måste tänka på är att den utvalda inläggsbilden MÅSTE vara 700x450 i liggande storlek. Det går givetvis att publicera andra bilder också, men då kommer bilden klippas för att passa in i bildytan och det ser inte bra ut. Alla andra bilder inne i inlägget går bra att ha t.ex stående etc.

Hemsidan bygger på en väldigt ren layout, som gör det lätt att hitta just den del av hemsidan man vill komma till. Sidan anpassar sig automatiskt till den typ av enhet du vill titta på. t.ex datorskärm, telefon, surfplatta etc.Även på hemsidanm är det viktigt att du väljer tillräckligt bra bilder för att illustrera din artikel. Färglösa, suddiga mobiltelefonbilder fungerar dåligt.Rubriken ska helst vara så kort som möjligt. (max två rader färdig text)

Page 18: HK Aranäs Design Guide Draft #1501

HK ARANÄSdesign guide

Namn & ev. titel

HK Aranäs logo med text

adress & telefon

11Epost

meddelande

Normal sidfot med HK Aranäs logga med text och tagline

HK ARANÄSdesign guide

Epos

t | S

idfo

t18

Page 19: HK Aranäs Design Guide Draft #1501

Det här en väldigt viktig komponent för att ett företags varumärke ska upplevas professionellt och starkt. Samtidigt är det en av de vanligaste delarna som folk slarvar med och som man inte tycker är så viktigt. Man gör sin egen varant. Det är viktigt att inte göra det.

Vi har gjort två exempel på en sidfot som en ren, enkel, och som har all info som man som mottagare behöver.Vid speciella evenemang till exempel Aranäs Open byter man helt enkelt ut hela sidfoten istället för att klipaain extra bilder etc. Det ger ett mycket renare utseende och mottagaren tar till sig det nya budskapet ( i det här fallet Aranäs Open )

Namn & ev. titel

Aranäs Open logo med text

adress & telefon

meddelande

Sidfot med Aranäs Open logga

Page 20: HK Aranäs Design Guide Draft #1501

Layout, stil och attityd!

12Matchinfo

HK ARANÄSdesign guide

Mat

chin

form

atio

n20

Page 21: HK Aranäs Design Guide Draft #1501

Annons Matchprogram

Web Banner

Post

erNär du gör ett arangemang är det bra om du nyttjar alla tänbara sätt att kommunicera för att vara säker på att nå så många som möjligt.

Här nere ser du några exempel på hur man bör återkoppla och använda materialet som en kampanjmatta. Allt för att man som besökare ska känna igen sig och triggas av eventet och av det du skapat. Försök målgruppsan-passa bilder och text så att man lätt känner igen sig.

Page 22: HK Aranäs Design Guide Draft #1501

13

MatchprogramI matchprogrammet fi nns möjlighet att annonsera i 4 olika storlekar. Det är viktigt att annonserna görs med 5 mm extra utfall runt om (dvs 5 mm större än själva annonsen, och att ev. bilder går ut i detta område. (dock ingen text, då detta är ett klippområde för att säkerställa att det inte blir några oönskade vita kanter.

Annonser - Exempel

Halvsida 148 x 105 mm + 5 mm utfall (158 x 115 mm) Helsida 148 x 210 mm + 5 mm utfall (158 x 220 mm)

Kvartsida 148 x 52 mm + 5 mm utfall (158 x 62 mm)

5 mm utfall

HK ARANÄSdesign guide

Mat

chpr

ogra

m22

Page 23: HK Aranäs Design Guide Draft #1501

Stor logga utan text

Sponsorer alltid i nerkant

5 mm utfall

Bildområde

ev. specialannons

Omslag - Exempel

InnehållGrått fält

Uppslag sida - Exempel

logo utan text

5 mm utfall

Page 24: HK Aranäs Design Guide Draft #1501

14Bilder som fungerar

Det är alltid svårt att tala om hur någon ska ta bilder, men här har vi försökt samla några exempel på bilder som fungerar och som talar om något i varje målgrupp. Det är viktigt att bilderna är skarpa, och tillräckligt stora för att kunna användas i tryck (Mobilkamera bilder fungerar nästan aldrig och bör unvikas i största möjliga mån.)

Idéer om bider

HK ARANÄSdesign guide

Bild

er |

som

funk

ar &

som

inte

funk

ar24

Page 25: HK Aranäs Design Guide Draft #1501

Bilder som inte fungerar så bra

Här nere har vi samlat några exempel på bilder som inte fungerar så bra i tryck eller på hemsidor. Det kan vara allt från dåligt fokus och upplösning, tråkiga miljöer som inte speglar stämningen till exempel.

15Bilder som inte fungerar

Page 26: HK Aranäs Design Guide Draft #1501

Sect

ion

Title

19

De här riktlinjer har vi tagit fram för att ge dig en grundläggande förståelse för hur man korrekt och effektivt använda HK Aranäs logo. Genom att noggrant följa våra riktlinjer så hjälper du till att skydda och främja HK Aranäs varumärke.

Givetvis vill vi att din kreativitet fl ödar och att du kommer fram med massor av bra material för att stärka klubbens profi l och hur vi upplevs som klubb. Se tipsen (och lite regler :-)) i den här guiden som vägledning i det arbetet.

HK ARANÄSdesign guide

Sam

man

fatt

ning

26

Page 27: HK Aranäs Design Guide Draft #1501
Page 28: HK Aranäs Design Guide Draft #1501

HK AranäsSportcenter 4Box 1004743421 Kungsbacka

0300-777 [email protected]äs.seBankgiro: 722-1625