Förbundet Vi Ungas. Grafiska handbok

Transkript

1 Förbundet Vi Ungas Grafiska handbok

2 Innehållsförteckning INLEDNING 2 KAPITEL ETT 3 LOGOTYPEN 4 Vad man inte får göra med Vi Ungas logotyp 5 FÄRGER 6 TYPSNITT 7 FLÄTAN 8 KAPITEL TVÅ 9 GRAFISKA ELEMENT 10 MALLAR FÖR PAPPER, KUVERT OCH VISITKORT 11 Brevpapper 11 Visitkort 12 Kuvert 13 FILFORMAT, FÄRGRYMDER OCH ANVÄNDNING 14 ORDLISTA 15 1

3 Inledning Den grafiska handboken är till för att möjliga medlemmar och medlemmar lättare skall komma ihåg och känna igen vår organisation. Man kan till exempel jämföra med ett lag. Om inte spelarna har likadana västar i laget så är det svårt att följa matchen, både för deltagarna och för publiken. Med ett tydligt grafiskt utseende skapar vi en enhetlig bild utåt vilket ökar förtroendet för Förbundet Vi Unga, det gör också att medlemmarna känner samhörighet. Därför är det bra om såväl distrikt som föreningar känner till innehållet i den grafiska handboken, det vinner vi alla på! Allt som står i den grafiska handboken är regler eller riktlinjer som hela organisationen ska jobba efter. Denna handbok är till för att göra det lättare för dig att göra grafiskt material, även om du inte har någon tidigare erfarenhet och detta för att den Grafiska handboken innehåller tydliga riktlinjer. Alla ska kunna göra reklam för Vi Unga oavsett tidigare kunskaper! Den grafiska handboken riktar sig mest till dig som är på något sätt medlem i Förbundet Vi Unga och ska jobba med layout av markandsföringsmaterial som på något sätt ska representera Vi Unga. Vi Ungas grafiska handbok består av två större kapitel. Det första är den grafiska profilen vilken har fyra centrala delar: Logotypen, kallad Luringen Färger Typsnitt Flätan, ett grafiskt element bestående av sammanflätade streck Det andra stora kapitlet är de grafiska riktlinjerna vilket innehåller: Grafiska element Papper, kuvert och visitkort Är ni osäkra på vad man får och inte får göra så kan den diskussionen alltid tas med någon från förbundskansliet eller med någon ur ansvarig arbetsgrupp. Kontaktuppgifter till förbundskansliet hittar ni längst ner på sidan eller så hittar ni all information på Vi Ungas hemsida viunga.se. Allt material finns att ladda ner via materialbanken på viunga.se 2

4 Kapitel ett Allt som står i detta kapitel är regler som hela organisationen ska jobba efter. Med ett tydligt grafiskt utseende skapar vi en enhetlig bild utåt vilket ökar förtroendet för Förbundet Vi Unga. En grafisk profil gör också att medlemmarna känner samhörighet. Därför är det bra om såväl distrikt som föreningar känner till innehållet i den grafiska handboken, det vinner vi alla på! Kapitel ett, vilket är den grafiska profilen, innehåller fyra centrala delar: Logotypen, kallad Luringen Färger Typsnitt Flätan, ett grafiskt element bestående av sammanflätade streck 3

5 Logotypen (Luringen) Logotypen är en grafisk bild och en symbol för Vi Unga. Den ska finnas med på allt tryckt och digitalt material. Logotypen ska alltid se likadan ut och användas på samma sätt. Vi Ungas logotyp, Luringen, består av två delar dels av den glada personen, och dels av texten vi unga. Logotypen ska i första hand användas i färg. Övriga varianter av logotypen ska användas sparsamt. Då det inte är möjligt att använda logotypen i färg används gråskala, alternativt svart om inte heller gråskala fungerar. Logotypen kan även användas vit på bild eller tonplatta (alltså vit logotyp med en annan färg bakom). Man får inte göra Vi Ungas logga i någon annan färg än de som beskrivs på denna sida. Om man vill ha någon annan färg så får man använda den vita med en annan färg i bakgrunden. Alla former av Vi Ungas logotyp som är tillåtet att använda finns på viunga.se redo att användas direkt till grafiskt material. Vi Ungas logotyp i färg. Färgvarianten av logotypen används alltid i första hand. Finns för dekor- respektive fyrfärgstryck (CMYK). Vi Ungas logotyp i gråskala. Används vid tillfällen då det inte är möjligt att använda färg. Vi Ungas logotyp svartvit. Kan används då det inte går att använda logotypen i gråskala. Vi Ungas logotyp vit. Kan användas på bilder eller färgplattor. 4

6 Vad man inte få göra med Vi Ungas logotyp Logotypen ska alltid ligga fri där ingen text eller grafik får inkräkta på logotypen. Det vill säga man får alltså inte lägga en bild uppe på loggan så som man gjort till höger. Logotypen får inte ha någon annan färg en de färger som anges föregående sida (orange och grått/svart/vit eller på en färgplatta). Detta för att vi ska göra det lättare för möjliga medlemmar att känna igen Vi Unga. Man får inte lägga till saker på logotypen så som en skejtboard, dator eller vad man nu skulle vilja lägga till. Då är det bättre att distriktet eller föreningen skapar sin egen logotyp och använder både Vi Ungas logotyp och sin egen. Även denna regel är till för att göra det lättare för möjliga medlemmar att känna igen Vi Unga i olika sammanhang. Logotypen ska ha gott om plats för att saker i direkt närhet av logotypen konkurrerar om uppmärksamheten. Minsta avståndet till närmsta objekt runt är höjden på Luringens huvud, undantaget är under logotypen där det räcker med halva avståndet då bokstaven g ger mycket luft. 5

7 Färger Vi Ungas grundfärger är gul-orange och grå. Till dessa grundfärger finns fyra komplementfärger som stöd- och kontrastfärger. De kan exempelvis användas till bakgrunder. Observera att Pantone-färger inte alltid kan återges helt korrekt i fyrfärg (CMYK). Vid tryck påverkar val av papper färgåtergivningen. CMYK blandningarna nedan är angivna för bestruket papper. Det tryckeri du använder kan hjälpa dig att få rätt färgnyanser beroende på pappersval. Pantone 137 Orange CMYK: 0/38/95/0 RGB: 255/161/0 Hexadecimalt: #FCA311 Pantone Cool Gray 9 Grå CMYK: 0/0/0/63 RGB: 116/118/120 Hexadecimalt: # Pantone 637 Blå CMYK: 55/0/10/0 RGB: 82/198/226 Hexadecimalt: #6BC9DB Pantone 327 Grön CMYK: 100/10/60/0 * RGB: 0/135/112 Hexadecimalt: #008C82 Pantone 246 Lila CMYK: 32/90/0/0 RGB: 194/29/172 Hexadecimalt: #CC00A0 * Blandningen 100/0/55/14 är egentligen den korrekta fyrfärgsmotsvarigheten till Pantone 327, men ger ett resultat som är mindre likt i nyans. 6

8 Typsnitt Utöver logotyp och färg är det viktigt att ett enhetligt typsnitt tillämpas för att förstärka varumärket Vi Unga. Ett konsekvent användande av samma typsnitt/teckensnitt, har stor betydelse för hur vi uppfattas. När man skriver saker som ska användas i Vi Unga så ska man använda Cronos som typsnitt. I långa texter kan Garamond användas för att underlätta läsningen (I första hand Adobes skärning av Garamond) men även vid brödtexter i brev. Typsnittet Cronos finns att hämta på Vi Ungas hemsida viunga.se. A B C D E F G H I j k l m n o p q r s t u v Cronos Regular A B C D E F G H I j k l m n o p q r s t u v Cronos Kursiv A B C D E F G H I j k l m n o p q r s t u v Cronos Fet A B C D E F G H I j k l m n o p q r s t u v Cronos Fet kursiv A B C D E F G H I j k l m n o p q r s t u v (Adobe) Garamond Regular 7

9 Flätan Som Vi Ungas huvudgrafiska element efter logotypen ska Vi Ungas oregelbundna streck, kallad flätan användas som grafiskt element. Flätan fungerar som intresseväckare och uppmärksamhetsgivare. Strecken i flätan symboliserar olikhet, utveckling och mångfald. Flätan ska användas liggande i grafiskt material. Flätan finns dels i färg och dels som vit på färgade plattor. Flätan i färg Flätan i färg på vit bakgrund i två olika bredder, JPEG-filer. 297 mm passar liggande A4, medan 210 mm passar stående A4 eller liggande A5. Flätan, vit på färgad platta Flätan som vit på färdiga bakgrundsfärger i två olika bredder. 297 mm passar liggande A4, medan 210 mm passar stående A4 eller liggande A5. 8

10 Kapitel två Förbundet Vi Ungas grafiska riktlinjer är inte regler du måste följa utan beskriver de saker man bör förhålla sig till när man gör grafiskt material till olika syften inom Vi Unga och underlätta ditt skapande av grafiskt material. Den innehåller även beskrivningar och exempel på grafiska element som finns tillgängliga för medlemmar inom Vi Unga som kan användas till grafiskt material. Kapitel två, vilket är de grafiska riktlinjerna, innehåller två centrala delar: Grafiska element Papper, kuvert och visitkort 9

11 Grafiska element De grafiska elementen utöver logotypen och flätan är många. De grafiska elementen är tänkta att finnas som utfyllnad av material men även för att göra materialet lite roligare och lite mer färgsprakande. Texterna vid sidan om varje element beskriver var elementet har använt någonstans förut för att du ska kunna kolla på det materialet och hämta inspiration till hur du kan använda det elementet i ditt nya material. Fåglarna har i några år smyckat Vi Ungas förbundsstämmohandlingar. Ringarna har i många år använts i stadgarna. Fåglarna Ringarna Detta element fanns med i 2013 års förbundsstämmohandlingar. Detta element fanns med i 2013 års förbundsstämmohandlingar. Ram Handen med papper i Pilen användes i dokumentet allt du behöver veta för att arrangera en distriktsstämma. Pil Detta element fanns med i årsmötesmaterialet Högtalaren Detta element fanns med i 2013 års förbundsstämmohandlingar. Fjädrarna finns på framsidan av stadgarna. Fjädrarna Pratbubbla Detta element avändes i 2013 års förbundsstämmohandlingar. Gräs Visa element sitter ihop, exempelvis fåglarna, dessa bör man inte dela på utan använda dem i de grupperna de är. Likadant så bör man inte dela på ringarna för de är gjorda för att sitta ihop i grupper om två. Viktigt att tänka på när en använder de grafiska elementen är att texten är viktigast och bilderna är till för att smycka eller förstärka texterna och att göra materialet lite roligare. 10

12 Mallar för papper, kuvert och visitkort Det är viktigt att det är tydligt vem som skickar materialet och att materialet ger ett bra intryck av Vi Unga. Brevpapper Brevpappret (A4-format) finns som färdig mall för Word. Det finns en mall för förtryckta brevpapper och en mall för inte förtryckt papper. Rubrik Cronos Regular, 24 punkters storlek. (Finns inte Cronos tillgängligt använd Garamond). Mellanrubriker Cronos Fet/Bold, 10 punkters storlek. (Finns inte Cronos tillgängligt använd Garamond, fet stil). Brödtext Cronos Regular 10 punkters storlek, alternativt: (Adobe) Garamond, 11 punkter storlek. 14 punkters radavstånd gäller för både Cronos och Garamond. För kortare texter fungerar det ofta bra med Cronos, men Garamond är mer lättläst vid längre texter. Formatmallar I brevmallen för Word finns det färdiga formatmallar för rubrik och brödtext. Rubrik: ViUnga-Rubrik (kortkommando: Ctrl + Num 1) Mellanrubrik: ViUnga-Mellanrubrik-Cronos (Ctrl + Num 4) Brödtext: ViUnga-Brödtext-Cronos (Ctrl + Num 2) och ViUnga-Brödtext- Garamond (Ctrl + Num 3). 11

13 Visitkort (Mått angivna i millimeter) Format: 55x85 mm Typsnitt: Cronos, 8/10pt. 12

14 Kuvert C4 (324x229 mm) C5 (229x162 mm) Samma mått och avstånd som på ovanstående C4-kuvert. 13

15 Filformat, färgrymder och användning Filformat Här beskrivs de filformat logotyp och flätan finns i idag och vilken man ska använda var för att du som medlem lättare ska förstå vad filformaten gör med bilden och varför man ska använda det ena filformatet framför det andra. Vi Ungas logotyp finns i ett antal varianter: i färg, svartvit, gråskala och vit. Men logotypen finns även i två olika filformat. Enda anledningen till detta är att alla program inte klarar att hantera filformatet EPS som främst bör användas. Därför finns alla filer även som JPEG. Användning i praktiken Tryck: Använd i första hand EPS-filer och i andra hand JPEG. JPEG-filer kan användas i tryck men de kan dock inte förstoras utan att det kommer se dåligt ut i tryck. Vid tryck ska även CMYK användas, annars kommer färgerna inte se likadant ut som på skärmen. Om bilden är i CMYK eller i RGB anges i filnamnet. Skärmvisning: Vid skärmvisning bör RGB användas samt JPEG. Om bilden är i CMYK eller i RGB anges i filnamnet. Filerna med webb i namnet är speciellt anpassade för skärmvisning. EPS (Vektoriserad EPS) Används i första hand för tryck. EPS-filerna är vektoriserade vilket innebär att de går att använda i vilken storlek som helst, utan att kvaliteten påverkas. Innehållet i filerna, logon eller flätan, blir även genomskinliga och kan därmed läggas på färgplattor, bilder etc. Dock klarar inte alla program att läsa detta filformat och därför finns även logotypen och flätan även i andra filformat. JPEG / JPG JPEG är ett filformat som de flesta program klarar att läsa. Nackdelen är att filerna inte utan kvalitetsförlust går att använda i större storlek än de ursprungligen är gjorda i. Innehållet i filerna blir inte heller transparenta. Som en följd av icke-transparens finns den vita varianten av logotypen inte som JPEG. JPEG används när ett program inte klarar att hantera EPS filer eller om EPS-filerna ser konstiga ut i datorprogrammet. Färgrymder Färgrymd beskriver färger med koordinater alltså tänk dig en karta med alla världens färger och sen så ska man beskriva en exakt färg med koordinater istället för ett namn dessa skiljer sig från webben till tryck och därför finns de olika färgrymder. Vi Ungas logotyp och fläta finns i två olika färgrymder vilka är CMYK och RGB. CMYK CMYK används för fyrfärgstryck och de flesta färgskrivare skriver ut med denna färgrymd. Så länge något ska skrivas ut används i första hand CMYK som färgrymd. Hexadecimalt Hexadecimalt är den färgrymd som idag används mest på webben men RGB blir vanligare och vanligare. RGB RGB är den färgrymd som en bildskärm använder. Dock brukar man utan problem kunna skriva ut RGBfärger på skrivare, men inte trycka dem. En del program har problem med bildfiler som är sparade i CMYK och därför finns både logon och flätan sparade som JPEG-filer med färgerna i RGB-läge. 14

16 Ordlista CMYK Cyan, Magenta, Yellow och Key Color (svart). Färgsystem som används i fyrfärgstryck och fyrfärgsskrivare. RGB Red, Green och Blue. Färgsystem som används av bildskärmar och bildläsare. JPG Filformat för digitala bilder som komprimerar med förstörande metod, dvs. ju kraftigare och ju fler komprimeringar, desto sämre bildkvalitet. EPS eller Encapsulated PostScript är filer som används ofta när man vill dela vektoriserade filer mellan varandra och som endast skall vara läsbara men inte tillgängliga för redigering, vanligt format ex för logotyper. EPS-filerna är vektoriserade vilket innebär att de går att använda i vilken storlek som helst, utan att kvaliteten påverkas. Innehållet i filerna, logon eller flätan, blir även genomskinliga Typsnitt Uppsättning av bokstäver och andra tecken med gemensam utformning. Kallas även teckensnitt. PDF Portable Document Format. Plattformsoberoende filformat (kan obehindrat flyttas mellan Mac och PC) baserat på Postscript. Ger kompaktare filer än EPS och är mer flexibelt. Hexadecimala färger eller webbfärger är färgkod i hexadecimalt tal system som sträcker sig från 0 till 9 och sen från A till F. Vektoriserade bilder är bilder som består av tal som beskriver en bild och man kan med hjälp av dessa tal återskapa bilden i vilken storlek som helst genom att förstora alla tal lika mycket. Detta gör datorn som tur väl åt dig så du slipper att göra det. En vanlig jpg fil består inte av några siffror utan istället enbart av punkter i olika färger. Detta betyder att om man vill använda en bild i många olika storlekar så bör man göra den bilden vektoriserad. För att fritt kunna skala bilden hur man vill. 15