Grafisk Profil 2016 kort version

Transkript

1 Grafisk Profil 2016 kort version

2 Vår grafiska profil Om vi konsekvent tänker på hur vi presenterar oss kan vi skapa en visuell identitet som gör att mottagaren känner att det är vi som talar. Med visuell identitet menar vi det som ögat ser, medan begreppet grafisk profil står för en instruktion i hur vi hanterar vår visuella identitet. Den visuella identiteten är den helhet som uppstår när man fogat samman ett antal olika element. Den visuella identiteten förmedlar ett intryck av IOGT-NTO-rörelsen och är vårt ansikte externt såväl som internt. Profilguiden visar bland annat logotyp, färger, typsnitt samt de grafiska element som ska hjälpa till att bygga vår visuella identitet. Innehåll > Logotyp > Typografi > Färger > Mönster > Ramar > Bildspråk > Exempel Guiden ska underlätta vår grafiska produktion och hjälpa oss att hålla ett konsekvent formspråk. Har vi det underlättar det för mottagaren att identifiera oss. Därför är det viktigt att alla följer guiden. Det här är en kortad version av den fulla profilen i den här har vi försökt fokusera på det mest grundläggande. För fler tankar, och inte minst exempel, se den fulla guiden. Tack på förhand!

3 Logotyp I all extern löpande text skriver vi ut hela namnet: IOGT-NTO-rörelsen. På engelska heter vi: IOGT-NTO-movement. Huvudlogotyp och alternativ version Vår huvudlogotyp har texten på en rad. Det är den version som i första hand ska användas utom i de fall då det bärande mediet eller reproduktionstekniken är begränsande. Använd då versionen på två rader. Negativ/Positiv Beroende av bakgrunden som logotypen appliceras på använder vi den i svart (positiv) eller vitt (negativ). På engelska Den engelska varianten används endast i sammanhang där vi pratar om IOGT-NTOmovement. Format Logotyperna finns sparade som eps och png. Använd alltid eps för print. För skärm fungerar både png och eps. Det är inte tillåtet att göra ändringar i logotypen.

4 Logotyp, forts Friytor I all design ska logotypen lyftas fram tydligt och utan konkurrens. Ju mer plats logotypen tillåts, desto tydligare intryck kommer den att lämna. Därför måste friytan som visas här bredvid alltid respekteras när logotypen placeras med andra grafiska element eller typografi. Färg Logotypen används främst svart (positiv) mot ljusa bakgrunder eller i vitt (negativ) mot mörkare ytor. Viktigast är att logotypens synlighet aldrig tummas på. Placering Den ideala placeringen för vår logotyp är centrerat i nederkant på alla tänkbara medium. Om mediet kräver något annat är placeringen valbar - men utgå alltid främst från en centrerad placering. Minsta storlek För att behålla läsbarhet vid utskrift och tryck bör logotypen aldrig göras mindre än exemplen som visas nedan. 10mm 20mm

5 Typografi En enhetlig och god typografi är ovärderlig i all skriven kommunikation. IOGT-NTO-rörelsens typografi ska vara lättläst och tilltalande för alla. Att typografin är enhetlig stärker vår grafiska profil och visuella identitet. Därför har vi vårt egna identitetstypsnitt att använda i olika typer av kommunikation och andra identitetsbärande delar. Archivo Narrow kommer i fyra skärningar och finns att ladda ned gratis både för desktop och som webtypsnitt via: omnibus-type.com/fonts/archivo-narrow.php I vardagstypografin ingår de typsnitt vi använder dagligen som när vi t.ex. skriver brev eller gör presentationer. Här använder vi Georgia, ett typsnitt som även det fungerar både på skärm och i tryck, och som sedan tidigare finns implementerat hos de flesta som arbetar inom IOGT-NTO-rörelsen. Det är viktigt att tänka igenom i vilka sammanhang texten ska läsas och vilka förutsättningar som finns i val av media, tryckteknik, läsavstånd, etc. På följande sida visas exempel på hur dessa ska användas. Längre bak i denna guide finns fler exempel utgjorda på hur & var typsnitten bäst används. Archivo Narrow Identitetstypsnitt Rubrik AaBbCc Archivo Narrow is a free font that was designed to be used simultaneously in print and digital platforms. The technical and aesthetic characteristics of this typeface are both crafted for high performance typography. Georgia Brödtext AaBbCc Although inspired by the need for and providing clarity at low resolutions on the screen, Georgia is a typeface resonant with typographic personality. Even at small sizes the face exudes a sense of friendliness; a feeling of intimacy many would argue has been eroded from Times New Roman through overuse.

6 Färger Huvudfärger IOGT-NTO-rörelsens färger är en viktig del i vår grafiska profil där vår bärande färg är blå. Samtliga blå toner är jämställda och kan kombineras fritt med varandra. Svart använder vi främst för text och som färg på ramkanter (mer om dettta längre fram). Våra accentfärger används sparsamt, t.ex. för att bryta av mot det blå i text eller detaljer, eller för att särskilja oss när vi pratar om ett specifikt ämne - helhetsintrycket ska dock generellt alltid upplevas blått. UNF-Blå Pantone 306 CMYK 75 / 0 / 7 / 0 RGB 0 / 185 / 229 IOGT-NTO-Blå Pantone 7459 CMYK 74 / 13 / 15 / 14 RGB 10 / 150 / 178 Junis-Blå Pantone 293 CMYK 100 / 55 / 0 / 0 RGB 0 / 58 / 162 Scout-Blå Pantone 2766 CMYK 100 / 94 / 0 / 47 RGB 17 / 23 / 94 Svart Pantone Black CMYK 0 / 0 / 0 / 100 RGB 0 / 0 / 0 Vad som är viktigt att veta är att färger uppträder olika beroende på om de är tryckta med PMS* eller fyrfärg (CMYK*); på bestruket eller obestruket papper eller om de visas på skärm (RGB*). För att behålla största möjliga likhet, oberoende av medium eller teknik, finns våra därför våra färger i olika färgsystem. Accentfärger PANTONE (PMS) Internationell färgstandard för hela färger. Observera att färgerna för Pantone bestruket (C) och Pantone obestuket (U) ofta skiftar. CMYK (cyan, magenta, gul och svart) Fyrfärgsprocess som används i grafisk produktion. RGB (röd-grön-blå) RGB används enbart för skärm. Hallon-Röd Pantone 1925 CMYK 0 / 90 / 54 / 0 RGB 230 / 50 / 60 Gammel-Rosa Pantone 679 CMYK 3 / 27 / 1 2 RGB 200 / 125 / 140 Ljusrosa Pantone 684 CMYK 2 / 18 / 4 / 0 RGB 240 / 140 / 140

7 Mönster För att ge profilen en lekfull känsla och för att skapa igenkänning arbetar vi med mönster som återkommande grafiskt element. Mönstet är uppbyggt av 4 stycken likadana former som flätas samman av en mindre kvadrat. Mönstret är repeterbart vilket innebär att det enkelt går både förminska och förstora beroende på användningsområdets yta. Till höger har vi själva grundmönstrets sammansättning. Det är utgångspunkten för mönstret och själva grundrapporten vi kommer i förlängningen att arbeta med flertalet varianter av mönstret, avhängt vad vi ska kommunicera och vilken ton det behöver vara. Längre bak i profilguiden visas exempel på olika användningsområden hur mönstret kan appliceras.

8 Mönster Färg Som vi nämnt i tidigare kaptitel står de blå färgerna för vardera nykterhetsförbund som IOGT-NTO-rörelsen representerar. Ibland passar det dock bättre att enbart använda en färg i taget, t.ex. när vi pratar om något av förbunden specifikt, eller när de fyra färgerna kanske kan upplevas störa övrigt innehåll. I sådana fall fungerar mönstret väldigt bra att användas ton i ton. För att använda mönstret på detta sätt använder vi endast en färg på mönstret och en bakgrundsplatta i samma färg men i 80% opacitet. Se exempel på följande sidor. Storlek För att skapa en enhetlig känsla är det att föredra om mönstret håller ungefärliga proportioner på samtliga delar som produceras ut - använd de satta mallarna som en utgångspunkt för mönstrets storleksproportioner. Lekfullt Tanken är att mönstret ska vara ett levande och organiskt verktyg, och något som får utvecklas över tid. Huvudsaken är att det känns sammanhållande att det finns ett tydligt släktskap tillbaka till grundmönstret.

9 Ramar Tillsammans med mönstret använder vi oss av ramar för att förstärka vårt visuella uttryck. Ramarna kan fungera som bärare för både text och foto. De är ett bra komplement till mönstret då de ger en inramning till det som skall kommuniceras (i text eller foto) utan att tydligheten skall behöva ge vika. Vad gäller färg och tjocklek på ramens kant beror det på vilket helhetsutryck som eftersträvas - utgå från mallarna så har du en bra måttstock. Längst bak i denna guide finns fler exempel utgjorda på olika användningsområden hur ramarna kan appliceras.

10 Bildspråk IOGT-NTO-rörelsens bilder är en viktig del av vår kommunikation. De ger oss möjlighet att föra fram ett budskap och att förmedla en känsla. Tänk i budskap och inte bara i bilder. Vad ska bilden och texten säga tillsammans? Gemensamt för vårt bildspråk är känslan av att något sker, en rörelse. Det knyter an till vårt namn och skapar en känsla av fart i det vi kommunicerar. Vi undviker att publicera bilder på människor i utsatta situationer (exempelvis i sorg, smärta, missbruk eller fattigdom). Vid användning av bilder på barn eller socialt utsatta människor ska extra hänsyn iakttas. Vid dessa tillfällen bör en konsekvensbedömning göras av publicering av porträttbilder och/eller personens fulla namn. Vi gestaltar mångfald i våra bilder genom variation på kön, etnicitet, ålder och funktionsförutsättningar. Vid intervjuer och porträttbilder ska vi beskriva vårt syfte och användningsområde för den person vars berättelse/bild vi önskar publicera. Allt bildmaterial ska följa lagen om upphovsrätt. Det innebär bl.a. att fotografen ska nämnas i möjligaste mån.

11 Exempel På denna sida visas några olika exempel på hur vår grafiska profil används. Vid formgivning och layout ska användarvänlighet och tydlighet alltid tas i första åtanke. Vid tryckproduktion är det även bra att tänka in kostnad (i val av färger, papper, format tex.). Tillämpningarna bygger på de byggstenar för den visuella identiteten som presenterats tidigare i guiden. Använd mallar i den mån det går för internt bruk. På iogtntororelsen.se finns vår hemsida, som är det första skarpa som producerats baserat på profilen. Utöver den är innehåll och utförande i denna profilguide på en skissnivå, vilket betyder att exemplena kan komma att ändras beroende på innehåll, mängd text, kampanjer etc. Se exemplen som ett organiskt material som kommer växa fram och få mer bestämda former allt eftersom profilen arbetas in med tiden.