Grafisk Profil Manual
» Innehåll 1 Inledning - Varför skall man ha en grafisk profil 2 Logotyp - Grundregler, riktlinjer & tillämpning 3 Profilfärger - Färgkoder & tillämpning 4 Typografi - Typsnitt för extern & intern kommunikation 5 Interna dokument - Exempel på utformning 6 Affischer - Riktlinjer & exempel 7 Bordsryttare - Riktlinjer & exempel 8 Visitkort - Riktlinjer & exempel 9 - Från webb till PowerPoint Digital produktion 10 Generella riktlinjer - Riktlinjer för övrigt material
1 Inledning Varför en Grafisk profil? NTK kommunicerar med universitetets studenter på ett antal olika sätt för att nå ut med sitt budskap. För att studenterna snabbt skall sammankoppla tex affischer, bordsryttare mm. med NTK är det klokt att ha en enhetlig grafisk profil. Igenkännande En enhetlig profil ökar igenkännandet och ger då budskapet större genomslagskraft, framförallt blir det enkelt att komma ihåg vem avsändaren är. Trovärdighet & innehåll Ett enhetligt utseende ger ett proffisionellt intryck, det är därför viktigt att alla som kommunicerar använder samma mallar för att NTK skall uppfattas som seriösa och trovärdiga. Inom NTK är det flera olika personer som skall kommunicera med varandra eller utåt med studenterna. Genom att använda sig av de riktlinjer som finns här i profilen behöver kåren inte fundera över den grafiska utformningen utan kan koncentrera sig på innehållet. Det gör arbetet lättare och smidigare samt förhindrar att igenkännandet minskar pga förändringar i utformningen.
1 Inledning Kontaktinfo Umeå naturvetar- och teknologkår NTK, Naturvetarhuset, 901 87 Umeå telefon: 090-786 92 90 telefax: 090-786 97 85 e-post: ntk@ntk.umu.se Hemsida: www.ntk.umu.se
2 Logotyp Uppdaterad logotyp Den ursprungliga logotypen är väletablerad och sammankopplas av en stor procent studenter med NTK. Det har därför endast utförts en liten justering av textplacering på logotypen för att göra den mer symetrisk. U:et i Umeå naturvetar- och teknologkår ligger nu i linje med N:et i NTK. OBS! Den nya logotypen skall tillämpas på alla nya produktioner. Före Efter Råd för tillämpning NTK:s logotyp finns i fyra varianter, två stycken i färg och två i svartvitt. Enbart emblemet används med fördel mot en färgad bakgrund, men går även att använda på vita ytor. Då emblemet används som bakgrund, tex på affischen skall den använda sig av 10% opacitet. De svartvita varianterna används till interna dokument eller när utskrift kommer att ske i gråskala.
2 Logotyp Grundregler Logotypen får endast användas i obrutet skick. Det innebär att hela logotypen alltid ska användas. Färgerna får inte kastas om och logotypen får inte tänjas eller på annat sätt förändras i proportionerna. Se exempel nedan. Regler för placering av logotyp Vid producering av dokument där ingen av mallarna kan tillämpas (tex annonser, broschyrer mm) gäller placering längst ner, antingen höger eller vänsterställ. En diagonal skapas mellan text och logotyp då de placeras på motsatta sidor. En centrering av logotypen kan användas om resten av innehållet i dokumentet är centrerad. En regel att ta sikte på är alltså: Exempel på diagonalen Är rubriken och texten högerställd skall logotypen vara vänsterställd. Om rubriken och texten är centrerad skall logotypen vara centrerad, och om rubriken och texten är vänsterställd skall logotypen vara högerställd.
3 Profilfärger Identitet För att ge Umeå naturvetar- och teknologkårs identitet ett tydligt uttryck finns ett antal profilfärger framtagna. De färger NTK använder sig av återfinns i logotypen. Hur skall färgerna användas? När det gäller text är det endast den svarta eller den vita profilfärgen som får användas. Den gröna och orange färgen används enbart till designelement. Orange bör inte användas på stora ytor, utan enbart mindre detaljer.
3 Profi lfärger RGB: R=0, G=154, B=74 4F: C=93, M=10, Y= 96 K= 2 HEX: #009A4F RGB: R=233, G=125, B=55 4F: C=4, M=62, Y=88, K=1 HEX:#E97D37 SVART HEX: #000000 VITT HEX: #FFFFFF 100 % 90% 80% 70% 60% 50% 40% 30% 20% 10%
4 Typografi Externa dokument Med extern produktion menas all kommunikation utåt, tex affischer, annonser, bordsryttare mm. Till de externa dokumenten används Gill Sans MT för rubriker och Adobe Garamond Pro för löptext. Båda är vanligt förekommande typsnitt och finns på de flesta datorer. Om Adobe Garamond Pro inte finns till förfogande skall vanliga Garamond användas. Gill Sans MT abcdefghijlkmnopqrstuvwxyzåäö 1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ Adobe Garamond Pro abcdefghijlkmnopqrstuvwxyzåäö 1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ
4 Typografi Interna dokument Med intern produktion menas all kommunikation inom NTK, tex brev, mötesprotokoll, kallelser mm. Till de interna dokumenten används Arial för rubriker och Times New Roman för löptext. Båda är vanligt förekommande typsnitt och finns på de flesta datorer. Arial abcdefghijlkmnopqrstuvwxyzåäö 1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ Times New Roman abcdefghijlkmnopqrstuvwxyzåäö 1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ
5 Interna dokument Dokumentmall Även den interna kommunikationen kan dra nytta av en enhetlig profil. Därför har en dokumentmall tagits fram i word där rubriknivåer och typsnitt är förbestämt, liksom innehåll i sidhuvud och sidfot. Mallen är lätt att anpassa till de dokument som NTK vanligen använder sig av (mötesprotokoll, kallelser, verksamhetsplan mm.) då inga större förändringar har utförts. För att betona ett ord används kursiv text, tjock text (bold) skall alltså inte användas till detta syfte. Punktlistor skall inte använda sig av indrag, för att minska detta klickar man på minska indrag (decrease indent) som i word ligger placerat brevid knappen för punktlista. Mellan brödtext och ny rubrik skall en och en halv radbrytning finnas. Ett exempel med de olika rubriknivåerna samt hur punktlistor skall utformas finns på nästa sida. Rubriknivåer De rubriknivåer som gäller för interna dokument är följande: Rubrik 1: 24 punkters storlek Rubrik 2: 16 punkters storlek Rubrik 3: 14 punkters storlek Rubrik 4: 12 punkters storlek, bold Rubrik 1 används främst på försättsblad och alltså inte inne i själva dokumentet. Rubrik 2 blir därför huvudrubrik. Rubrik 3 och 4 används som underrubriker.
5 Interna dokument Dokumentnamn 2006-**-** Sid 1/1 Rubrik 2 Sed accumsan mollis arcu. Nulla facilisi. In lectus nulla, rhoncus vitae, porttitor nec, nonummy nec, lacus. Vivamus volutpat. Vivamus quis odio vel diam faucibus fermentum. Rubrik 3 Vestibulum tristique, quam ut volutpat pulvinar, turpis nisl dignissim libero, at interdum diam orci in lorem. Vestibulum aliquet urna sit amet lorem. Morbi tincidunt dui a ligula. Rubrik 2 Rubrik 3 Aenean blandit, erat quis ullamcorper rutrum, tellus erat scelerisque felis, et mattis erat erat sed ante. Sed nulla ligula, euismod non, egestas gravida, rutrum at, risus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Rubrik 4 Sed accumsan mollis arcu. Nulla facilisi. In lectus nulla, rhoncus vitae, porttitor nec, nonummy nec, lacus. Vivamus volutpat. Vivamus quis odio vel diam faucibus fermentum. Maecenas nibh felis, dignissim tincidunt, facilisis ac, fringilla sit amet, neque. Proin blandit. Curabitur Curabitur lobortis libero Sed nulla ligula, euismod non Rubrik 2 Sed accumsan mollis arcu. Nulla facilisi. In lectus nulla, rhoncus vitae, porttitor nec, nonummy nec, lacus. Vivamus volutpat. Vivamus quis odio vel diam faucibus fermentum. Maecenas nibh felis, dignissim tincidunt, facilisis ac, fringilla sit amet, neque. Umeå naturvetar- och teknologkår TELEFON TELEFAX E-POST 090-786 92 90 (vxl) 090-786 97 85 ntk@ntk.umu.se POSTADRESS BESÖKSADRESS WEBBPLATS MIT-huset Naturvetarhuset www.ntk.umu.se 901 87 Umeå Umeå universitet
6 Affi scher Användning/tillämpning Till Rubriker används Gill Sans MT och till löptext Adobe Garamond Pro. All text på affischen skall vara likställd, dvs antingen är all text högerställd eller all text centrerad. Inga blandningar får förekomma! I den grönfärgade ytan högst upp inryms två stycken rubriker. De skrivs med 60 punkters storlek. Den mittersta textytan innehåller en rubrik samt löptext. Rubriken är 36 punkter och löptexten 30 punkter. Den nedre ytan innehåller kontaktinformation som skrivs med 18 punkters storlek. Utformning Affischen är skapad för A3-format. Den använder sig av runda hörn i layouten, detta är ett återkommande element även på övrigt material. Allt för att öka igenkännandet och skapa en tydlig avsändare. Emblemet används i bakgrunden med 10% opacitet för att ytterligare öka igenkännandet. Vad skall NTKs kårhus heta? Vinn en ipod nano! VAD SKALL NTKS KÅRHUS HETA? Riktlinjer för affi sch En ändring av textpositioneringen till centrerat kan göras om man så önskar. Man ändrar då rubrikerna och löptexten. Det nedersta fältet som inrymmer logotyp och kontaktinformation ändras aldrig. Att vänsterställa texten rekommenderas ej då det tar bort diagonalen som skapar affischens helhet. Se avsnittet för logotyp för exempel på vad som menas med diagonal. Färgändringar och byte av typsnitt får ej förekomma.
6 Affi scher Alternativ affi sch Ett alternativ har tagits fram för att användas vid speciella kampanjer eller tillfällen. Den använder sig av samma typsnitt som den andra affischen, men själva layouten skall vara renare och textmängden betydligt mindre. Glad Sommar! Tanken är att NTK själva skall kunna ta fram egna alternativ genom att följa de riktlinjer som finns här nedan. Riktlinjer för alternativ affisch Vid skapande av en alternativ affisch skall det endast finnas med ett färgelement och en svartvit logotyp, texten skall vara svart. Den enda logotyp som får förekomma på affischen är den svartvita, denna skall vara placerad i det nedre högra hörnet. Placering av text och logotyp får ej ändras. Det enda som får ändras är färgelementet, där får även placering skifta, dvs det behöver inte vara placerat nere i högra hörnet. Den alternativa affischen används enbart till korta buskap, tex vid valkampanjer eller liknande. Högst en mening får finnas på affischen och denna bör endast uppta en rad för att bibehålla den stilrena och enkla designen. Glad Sommar! Här intill syns två exempel på tillämpning av den alternativa affischen. Mallarna till dessa finns på ladda ner på hemsidan.
7 Bordsryttare Användning/tillämpning Mallen till bordsryttaren lämnar utrymme för mindre förändringar, NTK kan t.ex. välja om de vill använda sig av en eller två titlar, högerställd eller centrerad text samt om de vill använda sig av rubriken eller inte. Dessa ändringar kommer inte att ha tillräckligt med genomslagskraft för att förändra helhetsuttrycket av bordsryttaren. Riktlinjer för textplacering återfinns under rubriken affisch. Utformning Mallen till bordsryttarna följer samma design som övriga media. Till all löptext används typsnittet Adobe Garamond Pro. Bordsryttaren består av ett grönt fält med två titlar i storlek 60, under titlarna finns en rubrik (syns ej på exemplet nedan) i storlek 36 samt en brödtext i storlek 30. Är du intresserad av att påverka? Kårtidningen Tsurr
8 Visitkort Användning/tillämpning Visitkortets design bygger på affischens utformning, den har samma kännetecknande runda hörn i layouten vilket ökar igenkännandet av avsändaren. NTK kan välja att antingen använd sitt emblem till visitkortet eller en bild på personen i fråga. Utformning Visitkortet använder rätt storlek enligt tryckeriernas standarder vilket är 52 90 mm. Till Rubriker används Gill Sans MT och till löptext och kontaktinformation Adobe Garamond Pro. All text på affischen skall vara centrerad, detsamma gäller logotypen. I den grönfärgade ytan högst upp inryms två rubriker. Den vita är tolv punkter och den svarta tio. Löptexten skrivs med 8 punkter och den nedre ytan innehållandes kontaktinformation skrivs med 5 punkters storlek. Erik Ahlsten Kårordförande Erik Ahlsten Kårordförande
9 Digital produktion Från PowerPoint till Webb Den digitala produktionen har fått ett antal mallar som man bör utgå ifrån för att hålla den enhetliga utformningen. Alla mallar finns att ladda ner på profilens hemsida. Powerpoint En masterslide har skapats så att en PowerPoint snabbt och smidigt skall kunna framställas. Den följer samma utformning som bordsryttare och affisch med de runda hörnen samt den gröna färgen. Riktlinjer för powerpoint Typsnittet som används är Arial. Till Titel används 48 punkters storlek, rubriker skrivs med 28 punkter och löptexten med som minst 20 punkter. För punktlistor gäller precis som för löptext, en punktstorlek mellan 20-28 punkter. En powerpoint bör inte innehålla mer än 6 ord per rad, och inte mer än 6 rader per sida. Bilder bör inte ha större upplösning än 72 dpi. Högre upplösning än så är onödigt, då en skärm inte kan visa mer än 72 dpi. Title Punktlista Rubrik Löptext
9 Digital produktion Hemsida Riktlinjer för hur information skall presenteras på hemsidan: - Sidans utformining skall styras med hjälp med Cascading Style Sheets (CSS). Tabeller skall endast användas för att presentera data, frames bör undvikas. Mera information om hur man strukturerar en hemsida finns på W3C:s hemsida (www.w3c.org) - Ett linjärt typsnitt skall användas eftersom den är lättast att läsa på en skärm. Exempel på linjärer är Arial, Gill Sans MT, Verdana mfl. - Ge användaren möjlighet att kunna förstora texten genom att använda relativa mått. Ett bra exempel på mått man kan använda sig av är pixlar eller em. - Sidan bör handikappanpassas. Färgblinda behöver tex en stor kontrast mellan färger för att kunna särskilja text och bakgrund. Även blinda som använder sig av talande webbläsare som tex JAWS skall kunna orientera sig på sidan. Detta kan man underlätta genom att inte använda tabeller där de ej behövs, använda rätt rubriknivåer (heading1 osv) samt använda alternativ text till bilder. (dvs om bilden ej kan visas står det en bildtext där istället) Veckomail Riktlinjer för veckomail: - Mailet bör använda sig av ett linjärt typsnitt. - Logotypen skall om möjligt förekomma i början av mailet. - Använd följande rubrik nivåer: Rubrik 1: 24 punkters storlek Rubrik 2: 16 punkters storlek Rubrik 3: 14 punkters storlek Rubrik 4: 12 punkters storlek, bold - Efter en kort introduktion i början av mailet skall det finnas en punktlista med de ämnen som tas upp. OBS! Alla mailprogram och tjänster stöder inte HTMLformatering vilket innebär att alla riktlinjer kanske inte kan uppnås. - För att följa denna profil bör sidans utformning följa de generella riktlinjer som finns samt ta fasta på det enhetliga utseendet som finns på affisch,
10 Generella riktlinjer Varför generella? Bilder De generella riktlinjerna skall följas då material som ej finns upptaget i denna manual tas fram, tex annonser, broschyrer och OH-blad. Detta för att inte bryta mot den enhetliga profilen som skapar igenkännande och ger en tydlig avsändare. Bilder kan användas till att förtydliga budskap samt förstärka en layout, bilder använda på fel sätt kan förvirra och ge fel budskap. Eftersom NTK är en studentorganisation bör bilderna innehålla gemenskap, studieaktiviteter samt återspegla studentlivet. Färger, former och logotyp Beroende på vilket media bilderna skall presenteras i så används olika bildutsnitt, t.ex. bör en närbild användas i en liten annons för att motivet på bilden skall framträda tydligare. De färger som skall användas vid framtagande av tex en annons är de profilfärger som finns presenterade i denna manual. Riktlinjer för hur färgerna får användas återfinns i avsnittet för profilfärger. Formen med rundade hörn är ett återkommande designelement som även bör tillämpas vid framtagning av broschyrer, annonser mm. Det räcker om ett designelement med rundade hörn återfinns i produkten, tex kan bilder ha rundade hörn eller så kan man använda sig av samma layout som affischen eller bordsryttaren. Kontrollera alltid vem som äger rättigheterna till de bilder som används till produktionen. Detta för att undvika rättsliga problem. Till trycksaker skall minst 300 dpi användas, medan det på skärmar endast behövs 72 dpi. (dpi = dots per inch - mått på utskriftsnoggrannheten hos skrivare av olika typer.) Logotypen bör finnas med i det material som tas fram, riktlinjer och information om logotypen finns i avsnittet för logotyp. Exempel på bilder.
10 Generella riktlinjer Annonser Till annonser skall Gill Sans MT användas till rubriker och Adobe Garamond Pro till brödtext. Annonsens storlek reglerar textens storlek, en helsidesannons har tex mer utrymme för större text än en annons som endast är t.ex. 2 2 dm. En viktig sak att tänka på är att rubriken alltid skall vara större än brödtexten. Broschyrer Broschyrer skall använda sig av Gill Sans MT till rubrikerna och Adobe Garamond Pro till brödtext. Eftersom även broschyren kan variera i storlek så bör textstorleken anpassas efter broschyrens storlek. OH-blad Till OH-blad skall olika typsnitt användas beroende på om OH-bladet skall användas som externt dokument, internt dokument eller presentation av ekonomiska och statistiska kalkyler och diagram. Om den skall användas som kalkyl, diagram eller internt dokument så skall Arial användas till rubriken och Times New Roman till brödtext. Om dokumentet är externt skall Gill Sans Mt användas till rubrik och Adobe Garamond Pro till brödtext. Om OH-bladet innehåller lite text så skall riktlinjerna för PowerPoint presentationer användas. Om OH-bladet innehåller en större andel text så skall en textstorlek som är snäppet större än interna användas för att den skall synas oberoende på var man sitter i rummet. Mallar till Oh finns att ladda ner på hemsidan.