IMs Grafiska riktlinjer

Transkript

1 IMs Grafiska riktlinjer

2

3 När bilden av IM blir tydligare syns vi bättre De grafiska riktlinjerna är till för alla som i något sammanhang kommunicerar visuellt, i såväl tryckt som digital form, med IM som avsändare. De ska inspirera och underlätta arbetet med att kommunicera IM samtidigt som de bidrar till att ge IM ett enhetligt grafiskt utseende. IMs image, den externa bilden av IM, är summan av de samlade intrycken som omvärlden har av vår organisation. Tillsammans kan vi påverka den bilden och göra den tydligare genom att se till att IM har en enhetlig och konsekvent genomförd grafisk profil, så att människor känner igen IM oavsett när, var eller i vilken form de möter organisationen. Ett enhetligt utseende stärker IM som varumärke och ökar vår trovärdighet. En tydlig och sammanhållen visuell profil sparar både tid och pengar eftersom den gör att vår kommunikation når fler och får ett större genomslag hos den målgrupp vi riktar oss till. Det här materialet innehåller riktlinjer när det gäller de grafiska byggstenarna i IMs profil: logotypen, färgerna, typografin, dekorelementen och bildspråket. Vare sig du är anställd, volontär eller extern formgivare ska riktlinjerna vägleda dig i den grafiska utformningen. Om du har frågor som rör den grafiska profilen eller kommunikation i allmänhet är du välkommen att kontakta Kommunikationsavdelningen (i fortsättningen förkortat KA). Lycka till! Du hittar IMs grafiska riktlinjer, mallar och mer information på: INNEHÅLL Logotyp 4 Internationell logotyp 6 Typsnitt 8 Färger 9 Dekorelement 10 Office-dokument 12 E-post 12 Skrivtips och regler 13 Foto 14 Bra att veta om grafisk produktion 15 3

4 Logotyp Logotypen är IMs viktigaste kännetecken och ska finnas med på allt kommunikativt material som har IM som avsändare. IMs logotyp finns i ett grundutförande. Den finns också i en liggande version, denna ska användas mycket sparsamt. Dessutom har IM en engelsk logotyp som kan användas i vår internationella verksamhet. Logotypen utstrålar värme och speglar våra kännetecken medmänsklighet, närhet och hjälp till självhjälp. Symbolen i logotypen föreställer ett m, medmänniskan, som omfamnar ett i, individen. IMs logotyp består av symbol och text tillsammans, det betyder att symbolen inte får användas ensam. Förhållandet mellan symbol och text är fastställt och får inte ändras. Logotypen ska alltid ha en frizon omkring sig, så att den syns tydligt (se illustration). Den finns i format som är anpassade för tryck och utskrifter samt för webben. Tillverka aldrig en egen IM-logotyp. Ladda ner logotypen på eller kontakta KA så skickar vi en till dig. Logotypen i färg GRÖN PMS 362 C CMYK 70, 0, 100, 10 RGB 65, 153, 50 Websafe # BLÅ PMS 301 C CMYK 100, 45, 0, 20 RGB 25, 85, 140 Websafe # Mer information om färgerna hittar du på sidan 9. Den streckade linjen visar minsta frizon som ska omge logotypen. Frizonen ska vara minst höjden av ett versalt M, taget från namnet i logotypen. Fabriksgatan 2F, Lund Box 45, Lund Tel , fax Logotypen i gråskala SVART 100 % GRÅ 30% Använd alltid logotypen i gråskala vid utskrift eller tryck i svartvitt. Pg När logotypen används tillsammans med annan information ska det se ut så här. Den liggande logotypen ska endast användas då den stående inte fungerar, till exempel på grund av utrymmesbrist. 4

5 Så här ska du placera logotypen om bakgrunden är färgad på en vit utfallande (utanför kanten) platta med rundade hörn, uppe till vänster, i mitten, eller nere till höger. Ögat följer automatiskt en diagonal linje från övre vänstra hörnet till nedre högra när det skannar över ett papper. Foto: Maria Söderborg/IMs bildarkiv Logotypen finns också tillgänglig med en vit platta bakom. Vid tryck uppstår det ofta en liten glipa i ytterkanten när man lagt en platta ovanpå en färgad bakgrund. Om man vill undvika detta kan man lägga en smal vit platta över kanten. Se till att bredden eller höjden stämmer med logotypens och att du inte täcker logotypen. Logotypen med platta finns i de fyra versioner du ser nedan. OBS! Den svarta streckade linjen markerar storleken på logon samt var hörnen på logon fortfarande är rundade. Den röda streckade linjen visar var du kan lägga en vit platta i layoutprogrammet för att undvika den glipa som ofta uppstår i tryck. Den ska alltså bara överlappa kanten. 5

6 Internationell logotyp IM heter IM även på engelska. Det fullständiga namnet är IM Swedish Development Partner. Tillägget Swedish Development Partner beskriver organisationens verksamhet.* Den internationella logotypen är särskilt framtagen för att användas i vår verksamhet världen över. Samma regler gäller som för IMs huvudlogotyp och den kan placeras på samma sätt som huvudlogotypen. Ladda ner logotypen på global.manniskohjalp.se/graphics eller kontakta KA så skickar vi den till dig. * Tidigare har namnen Swedish Organisation for Individual Relief, SOIR eller IM-SOIR använts i några av våra verksamhetsländer. De namnen ska inte användas längre utan är ersatta av IM eller IM Swedish Development Partner. Internationella logotypen i färg GRÖN PMS 362 C CMYK 70, 0, 100, 10 RGB 65, 153, 50 Websafe # BLÅ PMS 301 C CMYK 100, 45, 0, 20 RGB 25, 85, 140 Websafe # Den streckade linjen visar minsta frizon som ska omge logotypen. Frizonen ska vara minst bredden av i-et i logotypen. ORANGE PMS 1665 C CMYK 0, 70, 100, 0 RGB 255, 102, 0 Websafe #FF6600 Mer information om färgerna hittar du på sidan 9. Internationella logotypen i gråskala SVART 100 % GRÅ 30% Använd alltid logotypen i gråskala vid utskrift eller tryck i svartvitt. 6

7 Så här ska du placera logotypen om bakgrunden är färgad på en vit utfallande (utanför kanten) platta med rundade hörn, uppe till vänster, i mitten, eller nere till höger. Ögat följer automatiskt en diagonal linje från övre vänstra hörnet till nedre högra när det skannar över ett papper. Foto: Ann Bülow/IMs bildarkiv Logotypen finns också tillgänglig med en vit platta bakom. Vid tryck uppstår det ofta en liten glipa i ytterkanten när man lagt en platta ovanpå en färgad bakgrund. Om man vill undvika detta kan man lägga en smal vit platta över kanten. Se till att bredden eller höjden stämmer med logotypens och att du inte täcker logotypen. Logotypen med platta finns i de fyra versioner du ser nedan. OBS! Den svarta streckade linjen markerar storleken på logon samt var hörnen på logon fortfarande är rundade. Den röda streckade linjen visar var du kan lägga en vit platta i layoutprogrammet för att undvika den glipa som ofta uppstår i tryck. Den ska alltså bara överlappa kanten. 7

8 Typsnitt Använd endast IMs officiella typsnitt när du ska kommunicera IM. Våra profiltypsnitt är Adobe Garamond Pro och Adobe Myriad Pro. Adobe Garamond Pro har former (klackar) som gör längre texter läsvänliga, därför använder vi den i brödtext, det vill säga i tidningsartiklar, brev, broschyrer med mera. Adobe Myriad Pro är ett tydligt typsnitt som vi använder i rubriker, bildtexter, skyltar, affischer, flyers, annonser, rörlig film, Powerpoint-presentationer och utställningstexter. Teckensnittsfamiljen har flera olika varianter, så kallade fonter, från light (tunn stil) till black (fet stil). Vi använder dock aldrig Myriad Condensed (hoptryckt). Arial är ersättningstypsnitt för Myriad Pro, vilket betyder att du ska använda Arial om du inte har tillgång till Myriad Pro. Observera att vi alltid använder Myriad Pro i IMs trycksaker. Därför ska medarbetare som tillverkar material för tryck eller utskrift ha typsnittet installerat på sina datorer. Att ge alla medarbetare tillgång till Myriad skulle medföra en alltför stor kostnad. Myriad Pro är även vårt typsnitt för webben och digital kommunikation. Om den inte är tillgänglig så fungerar ersättningstypsnitten Verdana och Arial bra i det sammanhanget. I kampanjer kan även fantasi- och skrivstilar, samt dekorativa stilar används för att grafiskt förstärka budskapet. Produktioner av det här slaget görs i samråd med KA. Om inte IMs typsnitt är installerade på din dator eller om de inte är valda som standardtypsnitt ska du se till att de blir det. En lathund för hur du gör finns på manniskohjalp.se/grafik. Du kan också kontakta KA eller IT för att få hjälp. Adobe Garamond Pro ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö Adobe Garamond Pro Bold ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö Myriad Pro Regular ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö Myriad Pro Bold ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö Arial ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö Verdana ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö Används till längre texter (brödtext) som artiklar, brev och broschyrer med mera. Kan användas för att förstärka något i brödtexten. Används till rubriker, bildtexter, skyltar, affischer, flyers, annonser, rörlig film, presentationer med mera. Kan med fördel användas som rubrik. Ersättningstypsnitt för Myriad Pro både för utskrift och på webb. Dock ej för tryck. Ersättningstypsnitt för Myriad Pro på webb. 8

9 Färger IMs grundfärger är grönt och blått. IMs huvudsakliga komplementfärg är orange. Färgproverna på denna sida visar vilka färgvärden du ska hålla dig till när du till exempel producerar en folder med grafiska dekorelement som färgplattor, linjer, ramar med mera. IMs Glädjeshoppens rosa färg ska endast användas för att kommunicera Glädjeshoppen. Kräver den grafiska designen andra färger än de som manualen visar kan du i samråd med KA ta fram detta. OM FÄRGERNA PMS en ren färg för en eller två-färgs-tryck. CMYK är anpassad för 4-färgs tryck. RGB är anpassad för skärm och utskrift av office-program. Websafe är anpassad för att användas på webben. När vi har bestämt IMs färger har vi utgått från PMS-färgerna, som är rena, oblandade färger. Med dem som grund har vi sedan definierat vilka färgvärden blandningarna CMYK, RGB och Websafe ska ha. För att färgerna ska bli så lika som möjligt i olika medier, har vi tagit fram fasta värden för respektive färgsystem. Om man endast omvandlar PMS-färger till CMYK, RGB och Websafe i ett layout- eller bildredigeringsprogram får färgerna olika värden beroende på inställningar och färgprofiler. Samma sak gäller om man omvandlar CMYK till RGB eller Websafe och vice versa. Läs mer om färgsystem på sidan 15. IM-BLÅ och IM-GRÖN Förtroendefullt blå och friskt, varmt grön. Dessa utgör färgerna i IMs logotyp och är IMs grundfärger. LJUS-BLÅ, LJUS-GRÖN och LJUS-ORANGE Kan användas som dekor- och komplementfärger när detta behövs för särskiljning. IM-BLÅ PMS 301 C CMYK 100, 45, 0, 20 RGB 25, 85, 140 Websafe # LJUST BLÅ PMS 298 C CMYK 70, 5, 0, 0 RGB 95, 190, 240 Websafe #66CCFF IM-GRÖN PMS 362 C CMYK 70, 0, 100, 10 RGB 65, 153, 50 Websafe # LJUSGRÖN PMS 359 C CMYK 35, 0, 50, 0 RGB 175, 215, 155 Websafe 99CC99 LJUSORANGE PMS 144 C CMYK 0, 50, 100, 0 RGB 255, 155, 40 Websafe #FF9933 IM-ORANGE En varm aktiverande färg. IMs huvudsakliga komplementfärg. GLÄDJESHOPPEN-ROSA Rosa används enbart till IMs Glädjeshoppen (GS). IM-ORANGE PMS 1665 C CMYK 0, 70, 100, 0 RGB 255, 102, 0 Websafe #FF6600 GS-ROSA PMS 225 C CMYK 0, 0, 85, 0 RGB 255, 77, 150 Websafe #FF3399 9

10 Dekorelement IM använder två grafiska dekorelement: världskartan och globen. Dekorelementen skapar igenkänning, väcker intresse och stärker känslan av IM som en internationell organisation. Såväl världskarta som glob finns i IMs olika färgställningar. De är frilagda (utan bakgrund) och vektoriserade så att de kan förstoras och förminskas utan att tappa i kvalitet. Vid tryck i storformat, till exempel rollups och större skyltar, behövs dock justeringar. Kontakta KA för hjälp med det. KARTA Här vit karta på ljusgrön platta. Alla IMs färger fungerar som bakgrund. GLOB Här vit glob på ljusgrön platta. Alla IMs färger fungerar som bakgrund. 10

11 FÄRGVARIANTER OCH KOMBINATIONER IM-blå karta/glob använd på vit eller ljus-blå platta IM-grön karta/glob använd på vit eller ljus-grön platta IM-orange karta/glob använd på vit eller ljus-orange platta mörkorange karta/glob används endast på IM-orange platta ljusblå karta/glob använd på vit eller IM-blå platta ljusgrön karta/glob använd på vit eller IM-grön platta ljusorange karta/glob använd på vit eller IM-orange platta INRAMNING De flesta skrivare och kopiatorer beskär utfallande bilder, det vill säga bilder som går ända ut till kanten på pappret. Bilden blir sällan centrerad utan hamnar närmare en kant än en annan. Därför är det bra att göra en ram som är 5 mm bred runt foldrar, affischer och broschyrer som ska skrivas ut. Ramen gör att du slipper tråkiga överraskningar. svart karta/glob används endast på vit platta De svarta och vita kartorna/globerna kan tonas i InDesign. Svart karta på vit bakgrund som tonats i InDesign. Vit karta, här på ljusgrön platta, som tonats i InDesign. Foto: Erik Törner/IMs bildarkiv 11

12 Office-dokument IMs grafiska profil gäller även allt du skapar med dina Office-program. Du hittar nedladdningsbara mallar på IMs webbplats. Har du ingen tillgång till Internet skickar vi, efter din förfrågan, det material du behöver. Mallar för Office-dokument finns på manniskohjalp.se/grafik E-post Ett mejl från IM ska innehålla en signatur så att mottagaren tydligt ser vem meddelandet kommer ifrån och lätt kan hitta övriga kontaktuppgifter till avsändaren och IM. Använd typsnittet Arial 10 punkter och IM-blått (se sid 9) i din signatur. Logotyp eller bilder är inte nödvändiga i signaturen. Det är viktigt att du skriver något i ämnesfältet, eftersom det visar att det inte är ett spam-mejl. Mejl som skickas från mobilen behöver inte ha en lika utförlig signatur, men det får gärna innehålla en rad som säger ungefär så här: Sent from a phone, sorry for any typos or shorter tone than usual. Tips om hur du ställer in signaturen får du genom IT. Exempel på e-postsignatur: Med vänlig hälsning, Namn Kalle Karlsson Titel Informatör Avdelning Insamling & Kommunikation IM, Individuell Individuell Människohjälp Tel Tel Tel vx Tel vx Adress Fabriksgatan 2 F Adress Box Fabriksgatan 45, S Lund, 2F Sweden Box 45, S Lund, Sweden Webb 12

13 Skrivtips och regler Innan du börjar skriva bör du tänka efter varför och för vem du skriver. Vad behöver läsaren veta och vad vill du berätta? Anpassa din text till dem du skriver till. Börja med det viktigaste och undvik upprepningar. Tänk på att styckeindela texten. Informativa underrubriker underlättar också läsningen. KORTA TEXTRADER Gör helst inte textrader som är längre än 60 tecken inklusive blanksteg eftersom ögat har svårt att följa längre rader. ATT SKRIVA FÖR WEBBEN När du skriver för webben gäller samma regler som ovan. Men webbtexter bör vara kortare och uppdelade i fler stycken eftersom webbplatsbesökaren oftast inte läser långa texter utan klickar sig vidare. Det är också mer ansträngande att läsa på datorskärmar. Ordvalet i webbtexter bör anpassas till SEO, sökmotoroptimering, så att material lättare blir sökbara på nätet. Se vidare i Riktlinjer för digital kommunikation. VÄNSTERJUSTERA TEXTEN Använd vänsterjusterad text, eftersom marginaljusterad text kräver extra arbete för att vara lättläst och se bra ut. Vänsterjusterad text har ojämn högermarginal medan marginaljusterad text har rak vänster-och högermarginal. Några skrivregler för IM-text Vår organisation heter IM. Skriv eventuellt ut hela namnet första gången namnet på organisationen nämns: IM, Individuell Människohjälp... Använd därefter IM. I genitiv skriver vi IMs. Undvik förkortningar och skriv ut hela ord eller uttryck: till exempel, med mera och så vidare. Namnförkortningar på organisationer och företag: - När förkortningarna uttalas som ord skrivs de med versal begynnelsebokstav: Sida, Concord och Ikea. - När de uttalas bokstav för bokstavs skrivs de med versaler: UNDP, FN och SMHI. Svenska Akademiens ordlista och TTs skrivregler på är bra hjälpmedel när du skriver. 13

14 Foto IM använder dokumentärbilder, bilder som skildrar världen, vår verksamhet och människorna vi arbetar med och för. Det är viktigt att människor alltid avbildas på ett respektfullt och värdigt sätt. Ange fotografens namn så här: Foto: Kalle Karlsson/IMs bildarkiv eller Foto: Kalle Karlsson/IM Och om fotografens namn är okänt: Foto: IMs bildarkiv eller Foto: IM Mer information finns i Riktlinjer för bilder och bildhantering. Foto: Erik Törner/IMs bildarkiv Foto: Maria Zachs/IMs bildarkiv 14

15 Bra att veta om grafisk produktion FÄRGSYSTEM RGB är anpassat för visning på bildskärmar. Det fungerar även bra att använda vid utskrifter. Digitalkameror tar bilder i RGB. Namnet kommer av de tre färgerna Red, Green och Blue. CMYK används alltid vid tryck och kan även användas för utskrifter. CMYK, eller fyrfärg som det också kallas, kommer av färgerna Cyan, Magenta, Yellow, och black som blandas till rätt färgnyans i tryckpressen eller skrivaren. PMS, som ibland kallas Pantone, är ett färgsystem med rena färger. Det används vid en- eller tvåfärgstryck. IM använder det till exempel vid tryck av våra kuvert och innebär att vi då endast betalar för två färger (IM-grön och IM-blå) vid tryck av logotypen jämfört med CMYK då fyra färger används. Sv/v, svartvitt, går bra att använda både i tryck och i utskrifter. OBS! Tänk på att alltid använda den svart och grå logotypen när trycksaken inte ska skrivas ut i färg, eftersom färglogotypen inte blir bra vid utskrift i svartvitt. En vanlig kontorsskrivare klarar oftast av att skriva ut både RGB- och CMYK-bilder men färger i de olika färgsystemen kan då variera. Blir du inte nöjd med färgresultatet på dina trycksaker bör du prata med någon som har kunskap inom området. När tryckeriet ska trycka till exempel en broschyr i fyrfärg bör bilder och andra grafiska element konverteras till CMYK, annars kan det bli fel i tryckprocessen. Begär alltid provtryck när du lämnar något till tryck. För att ändra bilders färgsystem behövs program som Adobe Photoshop. PAPPERSKVALITET IM använder miljövänligt, vitt obestruket (matt) papper till trycksaker. Specialpapper med bestruken yta kan användas när det gäller större affischer för att optimera bildkvaliteten. BILDFORMAT Illustrationer och logotyper kan vara vektoriserade, medan fotografier alltid är uppbyggda av punkter som kallas pixlar. De vanligaste formaten är Jpeg/JPG och EPS. Jpeg/JPG används främst för webb men fungerar även vid tryck och print. Jpeg står för Joint Photographic Experts Group och är en standard för komprimering av digitala bilder, speciellt fotografiska. Jpeg ger de flesta bilder extremt god komprimeringsgrad med bibehållen kvalitet. PNG står för Portable Network Graphics och används främst för icke-fotografiska digitala bilder på webben, som ikoner, illustrationer och annan datorgrafik. EPS står för Encapsulated PostScript och används framförallt för vektorgrafik. Logotyper och illustrationer brukar vara vektoriserade. Fördelen med vektor-grafik är att du kan förstora dem med bibehållen kvalitet. IMs logotyper i EPS-format är vektoriserade. OBS! EPS används även för pixelgrafik vilket innebär att bilden då inte kan förstoras på samma sätt som en vektoriserad bild. Om du behöver förstora en EPS-fil, kolla av i Illustrator att den verkligen är vektoriserad, så slipper du oskarpt och pixligt resultat. Det går inte att konvertera en pixeluppbyggd bild till vektorformat genom att spara om den som en EPS-fil, bilden förblir då pixeluppbyggd även när den heter EPS. PIXLAR OCH UPPLÖSNING En pixeluppbyggd bild som ska tryckas bör vara högupplöst, det vill säga ha en upplösning på minst 300 ppi (300 pixlar per tum). Till webben bör bilden inte vara mindre 96 ppi (pixlar per tum). Hur hög upplösning en bild har kan kontrolleras i utforskaren och i program som Adobe Photoshop. För att ändra upplösning och storlek behövs program som Adobe Illustrator för vektoriserad grafik och Adobe Photoshop för pixeluppbyggda bilder och grafik. För tips om gratisverktyg för bildhantering kontakta KA. Välkommen att kontakta KA om du har frågor kring grafisk produktion. 15

16 IM-733 IM i korthet IM är en svensk biståndsorganisation som bekämpar och synliggör fattigdom och utanförskap. Organisationen grundades 1938 och verkar i dag i elva länder världen över. Utomlands arbetar IM för att barn ska gå i skolan, att förebygga sjukdomar och för att människor ska kunna försörja sig och sin familj. I Sverige handlar IMs arbete om integration och delaktighet i samhället. Vi tror på människors egen kraft och vilja att förändra sin situation. Därför utformar vi insatserna som hjälp till självhjälp. För att utvecklingen ska bli hållbar arbetar IM nära lokala organisationer och individer som brinner för förändring. Verksamheten är möjlig tack vare det samlade engagemanget hos IMs givare, medlemmar och volontärer. Fabriksgatan 2F, Lund Box 45, Lund Tel , fax IMs Kommunikationsavdelning 2014