Grafisk verktøyskrin Grafisk profil ved Norges teknisk-naturvitenskapelige universitet Selvhjelpspakken for informasjon og formidling ved NTNU: www.ntnu.no/info/selvhjelp
Produsert og utgitt av Informasjonsavdelingen ved NTNU, 2006. Idé og design: Kolbjørn Skarpnes og Mads Nordtvedt, Informasjonsavdelingen ved NTNU. Trykk: Tapir Uttrykk. Opplag: 1500. Bilder: første side NTNU Info/Mads Nordtvedt, side 5 Getty images, side 9 Bengt Höglund, side 15 Arild Juul, side 19 Getty images.
Grafisk verktøyskrin Grafisk profil ved Norges teknisk-naturvitenskapelige universitet 3
Innhold Kommunikasjonsplattform og grafisk profil...5 Logo...9 Typografi...15 Fargebruk...19 Formprinsipper...23 Trykkeritjenester og grafisk hjelp...27 4
Kommunikasjonsplattform og grafisk profil 5
Grafisk profil Logo Typografi Fargebruk Formprinsipp Kommunikasjonsplattform og grafisk profil Etter profilundersøkelser i 2003 og 2004 viste det seg at bare en fjerdedel av alle nordmenn visste at universitetet som ligger i Trondheim, heter NTNU. Ti år etter opprettelsen er det tydelig at NTNU fortsatt er altfor dårlig kjent i forhold til sine norske konkurrenter, som har mye høyere tall. Våren 2004 utviklet en intern arbeidsgruppe ved NTNU, i samarbeid med Bennett reklamebyrå, en kommunikasjonsplattform for NTNU. Dette for at universitetet skal framstå tydeligere og for å styrke merkevaren NTNU. Gruppen kom fram til at NTNU må markedsføre seg gjennom fem løfter. Vi er et universitet som: Bidrar til nasjonal verdiskaping Utvikler attraktiv kompetanse, nasjonalt og internasjonalt Tilbyr et rikt studentliv både på campus og i byen Trondheim Bidrar til en dypere forståelse av individ og samfunn Er Norges teknologiske kunnskapsbank Vårt felles kjennemerke skal være: Bokmål: Nynorsk: Engelsk: Det skapende universitet Det skapande universitetet Innovation and creativity 6
Standardtekst I arbeidet med kommunikasjonsplattformen ble det også utarbeidet en standardtekst. Denne skal kommunisere plattformen i ord. I alle trykksaker, annonser og andre steder hvor NTNU skal presenteres, skal følgende tekst brukes : NTNU Det skapende universitet Ved NTNU i Trondheim er den teknologiske kunnskapen i Norge samlet. I tillegg til teknologi og naturvitenskap har vi et rikt fagtilbud i samfunnsvitenskap, humanistiske fag, realfag, medisin, arkitektur og kunstfag. Samarbeid på tvers av faggrensene gjør oss i stand til å tenke tanker ingen har tenkt før, og skape løsninger som forandrer hverdagen. Kommunikasjonsplattformen ble vedtatt av NTNUs styre høsten 2004. Det nye kommunikasjonskonseptet er integrert i rekrutteringskampanjen 2004 og alle profileringstiltak fra høsten 2004. I tillegg er alle trykksakmalene fornyet. Også NTNUs eksterne nettsider og nytt intranett for studenter utvikles i samsvar med kommunikasjonsplattformen. Grafisk profil Logo Typografi Fargebruk Formprinsipp 7
Grafisk profil Logo Typografi Fargebruk Formprinsipp Revisjon av grafisk profil Som en naturlig følge av kommunikasjonsplattformen har Informasjonsavdelingen jobbet med å revidere den grafiske profilen ved NTNU. Grunnmuren i profilen, før revisjonen, ble utformet i 1995/1996 av designeren Bruno Oldani, og måtte tilpasses kommunikasjonsplattformen. Grafisk profil brukes på alt informasjonsmateriell, både trykt og elektronisk. Grafisk profil dreier seg om visuell kommunikasjon. Alt vi gjør og produserer, blir sett og tolket av forskjellige mottakere. Før man begynner å lese en tekst, vil man se farger og former, og allerede da begynne å danne seg et inntrykk av avsenderen og budskapet. I jobben med å synliggjøre og tydeliggjøre NTNU er vi helt avhengig av en tydelig grafisk profil. Dagens profil gir gode assosiasjoner til det innovative universitetet vi vil framstå som. Skal vi lykkes i å bokstavelig talt sette NTNU på kartet, krever det lojalitet i hele organisasjonen til den profilen som er valgt. Det er ikke bare enkelt å bli «tvunget» til å jobbe innenfor en profil som kanskje ikke faller i personlig smak. Da er det viktig å ta et skritt tilbake og prøve å se profilen i en større sammenheng, som vi prøver å vise i denne innledningen. Verktøyskrinet et praktisk hjelpemiddel Vi håper at denne selvhjelpen vil være en stadig påminnelse til alle som er tilknyttet universitetet, om at arbeidet med å profilere NTNU er viktig. Likevel er dette heftet først og fremst et praktisk verktøy for dem som har ansvaret for produksjon av informasjonsmateriell. Det skal gi de nødvendige retningslinjene å arbeide etter for å ivareta helheten i alt vi gjør. 8
Logo 9
Grafisk profil Logo Typografi Fargebruk Formprinsipp Logo En logo er et bumerke eller kjennemerke for en virksomhet, en organisasjon, institusjon eller lignende. Ofte er den utformet som en kunstnerisk eller grafisk bearbeiding av bokstaver i virksomhetens navn, men den kan også være utformet mer fritt. Opprinnelsen til NTNU-logoen Emblemet i logoen til NTNU er vinnerutkastet i en konkurranse høsten 1995, som ble vunnet av Bruno Oldani Design Studio. Emblemet er et abstrakt symbol uten noe umiddelbart meningsinnhold. Kombinasjonen av buede og rette linjer, kvadrat og sirkel, er ment å gi assosiasjoner til både teknologi og humaniora uten å framheve det ene på bekostning av det andre og antyder dermed et samspill mellom fagene innenfor NTNU. 10
Dagens logo NTNU bruker fremdeles det samme emblemet, men for å bli tydeligere har vi valgt å bruke kun én logovariant. Tidligere ble det brukt flere varianter med emblem og tekst. Som følge av kommunikasjonsplattformen har NTNU fått et kjennemerke som nå brukes sammen med logoen i de fleste sammenhenger der logoen tidligere stod alene. Emblem NTNUs logo NTNUs logo med kjennemerke I noen tilfeller er det tillatt å bruke bare emblemet, uten akronymet NTNU. Det kan for eksempel gjelde der logo skal preges i papir og brukes som element, i bordkort, meny o.l. Altså i tilfeller der emblemet klart egner seg som dekor, uten «NTNU». Hovedregelen er likevel at hele logoen alltid skal brukes. I tilfeller der det kan være hensiktsmessig med bruk av kun emblem, skal Informasjonsavdelingen alltid kontaktes. Grafisk profil Logo Typografi Fargebruk Formprinsipp 11
Grafisk profil Logo Typografi Fargebruk Formprinsipp Fargeregler NTNUs hovedfarge er blå: PMS Reflex Blue. Den bør alltid brukes på NTNUs emblem. Bokstavene er alltid svarte, bortsett fra når logoen er negativ (hvit mot mørk bunn). Når blått likevel ikke kan benyttes, kan emblemet gjengis i 100% svart. Emblemet kan også brukes i hvitt mot mørk bunn (negativ). Når logoen skal ligge på en heldekkende bunnfarge, må man avveie om det er hensiktsmessig å bruke blå, svart eller negativ på logo ut fra egenskapene til bunnfargen. Er fargen lys, bruk helsvart eller blå og svart logo. Er fargen mørk, bruk negativ. 12
Bruk av logo ved undernivåer NTNU har tre organisatoriske nivå: NTNU > fakultet/avdeling > institutt/ seksjon. Skal undernivå synliggjøres, settes navnet til enheten på linje under akronymet NTNU. Det finnes to varianter med forskjellig størrelse på skriften på undernivåene. Hvis to undernivå skal synliggjøres i én logo, skal nivå to gjengis i grått nivå tre i svart. Denne varianten finnes bare med den minste skriften. Komplett sett med tillatte varianter kan lastes ned fra nettet. Under er Det medisinske fakultet og Institutt for samfunnsmedisin brukt som eksempel for å vise alle tillatte varianter. Det medisinske fakultet Institutt for samfunnsmedisin Det medisinske fakultet Institutt for samfunnsmedisin Institutt for samfunnsmedisin Det medisinske fakultet Institutt for samfunnsmedisin Institutt for samfunnsmedisin Det medisinske fakultet Institutt for samfunnsmedisin Det medisinske fakultet Institutt for samfunnsmedisin Institutt for samfunnsmedisin Det medisinske fakultet I noen tilfeller kan det dukke opp behov for å synliggjøre et fjerde uoffisielt nivå, for eksempel faggrupper og ulike sentre. På visse vilkår kan vi tillate nivå fire i blant annet logoer, maler, web og diverse trykksaker. Det skal aldri synliggjøres mer enn tre nivåer i logoen (for eksempel NTNU Institutt > fakultet > for institutt). samfunnsmedisin Et fjerde nivå kan synliggjøres på to måter i logoen: NTNU > institutt > fjerde nivå. Eller slik: NTNU > fjerde nivå. Alle offisielle NTNU-logoer skal settes opp av Informasjonsavdelingen, kontakt oss i slike tilfeller. Grafisk profil Logo Typografi Fargebruk Formprinsipp 13
Grafisk profil Logo Typografi Fargebruk Formprinsipp Feil bruk av logo For at logoen skal kommunisere best mulig, er det viktig at den brukes riktig. I den tiden logoen har vært i bruk, har vi sett flere eksempel på feil gjengivelse. NTNUs grafiske profil gir nok av muligheter til å slippe kreativiteten løs, men ikke på dette området. Her er noen eksempler på feil bruk av logo: Ikke bruk kontur/outline. Ikke manipuler emblemet. NTNU NTNU Ikke fyll deler med andre farger. Det skapende universitet Det skapende universitet Det skapende universitet Ikke legg logoen på bakgrunner som gir for dårlig kontrast. NTNU Det skapende universitet NTNU Det NTNU skapende universitet Det skapende universitet Ikke bruk annen font eller uthevet skrift. Ikke legg elementer i emblemet. Ikke legg farge på teksten. NTNU Det skapende universitet Husk: transparent emblem. 14
Typografi 15
Grafisk profil Logo Typografi Fargebruk Formprinsipp Typografi Fra Walbaum til DIN Fra 1996 til 2004 var det Walbaum og Futura Condensed som var skrifttypene i NTNUs grafiske profil. Nå har vi forlatt Walbaum på alle områder med unntak av logoen. Også Futura Condensed er vi ferdig med. NTNUs nye offisielle skrifttype heter DIN. Den skal brukes i både titler, ingress og brødtekst. Hel- og halvprofesjonelle formgivere skal alltid bruke DIN, og må ta kontakt med NTNUs informasjonsavdeling om de ikke har fonten. Word-dokumenter og saksbehandling I Word-dokumenter og saksbehandling skal alle bruke skrifttypene Times og Arial. Det er for øvrig laget egne Word-maler for saksbehandling. Internett og PowerPoint På web og i Powerpoint brukes Arial. For å sikre best mulig lesbarhet, bør websider lages slik at skriftstørrelsen bestemmes av mottakerens standardinnstillinger. NB På grunn av at krøllalfa i fonten DIN har en noe utradisjonell form, «@», har vi valgt å heller bruke Arials utgave: @. Unngå mange forskjellige tekststørrelser. Tre forskjellige punktstørrelser er som regel nok. Bruk tydelige kontraster. La det være tydelig forskjell på tittel, ingress og brødtekst (for eksempel gir 26, 16 og 10 god størrelseskontrast). Unngå bruk av for smale spalter i mengdetekst. Det fører til mange orddelinger og unødvendige mange «hopp» for øyet. Veldig lange tekstlinjer bør også unngås. I normal brødtekst på rundt 8 punkts størrelse blir 60 65 anslag (alle tegn, inkludert ordmellomrom) en god linjelengde. Ved større punktstørrelser kan tekstlinjen være lengre. I denne teksten brukes 10 punkts størrelse og cirka 75 80 anslag per linje. 16
DIN profilfonten til NTNU abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890,.-?! @ NB: Krøllalfa i Arial Arial Powerpoint, web og saksbehandling abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890,.-?!@ Times brødtekst i saksbehandling abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890,.-?!@ Walbaum kun i logo abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890,.-?!@ Grafisk profil Logo Typografi Fargebruk Formprinsipp 17
Grafisk profil Logo Typografi Fargebruk Formprinsipp Generelle typografiregler ved NTNU Vi etterstreber god typografi, med størst mulig bruk av norske tegn og tegnsettingsregler. Dette berører oftest disse tegnene: Tankestrek ( ) og bindestrek (-). Legg merke til at bindestreken er kortere enn tankestreken, og brukes kun i orddelinger og enkelte ordsammenstillinger. Eksempel på bruk av tankestrek: Dette er en replikk/et spørsmål eller et svar. Eksempel på bruk av bindestrek: Dette er en orddeling. Som du ser, er bindestreken kortere enn tankestreken. Til sitater og anførselstegn bruker vi denne typen: «sitat», og ikke denne. Det er ikke direkte feil å bruke denne (vanlig i word-dokumenter), men «denne» varianten er ansett som det typografisk beste, og er nesten enerådende i aviser, bøker og tidsskrifttypografi i Norge. Du finner sitattegnene slik: Mac: SHIFT+ALT+V («) og SHIFT+ALT+B (») PC: hold inn ALT og tast 0171 på det numeriske tastaturet (tallene til høyre på tastaturet) («) og ALT+0187 (») Det er generelt en god regel å «knipe» teksten litt (mindre luft mellom tegnene). Det er bedre for lesbarheten med litt tett tekst, enn med løs tekst. I denne teksten er knipingen satt til -2, i layout-programmet Quark Express. 18
Fargebruk 19
Grafisk profil Logo Typografi Fargebruk Formprinsipp Fargebruk NTNU hadde tidligere ti fargepaletter med cirka ti farger i hver palett. For å styrke identiteten til NTNU har vi valgt å redusere antall fargepaletter. Man kan velge bare én av ni støttefarger til sitt produkt. Da får man en «treklang» som består av: NTNU-blå, en tilleggsfarge og en gråtone som støttefarge. Det er alltid varianten i 100% av støttefargen som skal dominere, men hver støttefarge kan brukes i 100%, 60% og 25%. De lysere nyansene er ment til streker, rasterbakgrunner i tekstbokser og lignende. Figurene under viser noen eksempler på hvordan fargene kan brukes i en grafisk komposisjon med NTNUs formprinsipper (les mer om formprinsipper og layout i neste kapittel). 20
De ni støttefargene fordeles på de tre grunnverdiene til NTNU: Kreativ, Konstruktiv og Kritisk. Man må ikke bruke en tilleggsfarge. Det er for eksempel OK med bare hvit og refleksblå, eller hvit, sort og refleksblå men refleksblå må alltid være med, såframt det ikke er svart-hvit trykk/print. Det er viktig å huske at fargepaletten er til fri bruk for alle ved NTNU. Ingen enhet «eier» en farge fargen bør velges etter målgruppe og innhold i trykksaken. Pantone Reflex Blue Blåfargen Pantone Reflex Blue, populært kalt NTNU-blå, har vært NTNUs profilfarge siden 1996. Denne har vi beholdt, og alt som produseres for NTNU, skal inneholde innslag av den. Den kan være fin å bruke som en «kjeller» til plassering av logo. Pantone Reflex Blue CMYK: 100, 75, 0, 5 100% Sort 60% Sort CMYK: 0,0,0,60 Web: 878787 RGB: 14, 41, 136 RGB: 6%, 16%, 53% 25% Sort CMYK: 0,0,0,25 Web: D0D0D1 Hvit I tillegg til NTNU-blå kan man ta i bruk sort, 60% grå, 25% grå og hvit. Neste side viser de ni støttefargene. Web: 0E2C8E Grafisk profil Logo Typografi Fargebruk Formprinsipp 21
Grafisk profil Logo Typografi Fargebruk Formprinsipp De ni støttefargene I tillegg til fargene på forrige side har vi ni støttefarger. De er vist under i Pantone, CMYK, RGB og Heksadesimalverdier. På grunn av at ikke alle program/verktøy har mulighet til å oppgi farger i prosent, er nyansene 60% og 25% gitt egne pantonekoder. Husk at det bare er tillatt å bruke én støttefarge, i tillegg til NTNU-blå og grå, i samme produkt. PMS: Web: 25% 600 F5F2D2 60% 379 ECE59C CMYK: 12, 5, 78, 1 RGB: 221, 226, 58 RGB: 87%, 89%, 23% Web: E2D95A PMS 397 PMS: Web: 25% W. gray1 F8F5E9 60% 454 EAE6D9 CMYK: 12, 11, 22, 0 RGB: 223, 216, 184 RGB: 89%, 87%, 71% Web: E0DCD0 PMS 453 PMS: Web: 25% 454 EDE8DB 60% 453 DDD3B6 CMYK: 18, 19, 47, 3 RGB: 203, 187, 118 RGB: 89%, 82%, 15% Web: CCBD8F PMS 4525 PMS: Web: 25% 1205 FAF0DA 60% 134 F6E1B0 CMYK: 4, 14, 57, 1 RGB: 244, 215, 103 RGB: 97%, 83%, 36% Web: F0D181 PMS 135 PMS: Web: 25% 317 D4E9EC 60% 3105 A0D4DC CMYK: 60, 4, 21, 0 RGB: 103, 187, 178 RGB: 38%, 74%, 71% Web: 5CBEC9 PMS 3115 PMS: Web: 25% 649 D9E2EF 60% 658 AAC1DF CMYK: 53, 27, 4, 0 RGB: 122, 150, 191 RGB: 87%, 89%, 23% Web: 79A2CE PMS 652 PMS: Web: 25% 5175 F3EDF1 60% 524 E7D8E2 CMYK: 12, 24, 6, 0 RGB: 222, 186, 207 RGB: 86%, 78%, 84% Web: DBC2D3 PMS 523 PMS: Web: 25% 5807 EFF1E8 60% 5797 DDE3CE CMYK: 22, 8, 34, 0 RGB: 199, 215, 158 RGB: 89%, 84%, 62% Web: C9D4B2 PMS 5787 PMS: Web: 25% Finnes F4F7F9 60% ikke E9EFF4 CMYK: 12, 4, 3, 0 RGB: 227, 238, 240 RGB: 89%, 93%, 94% Web: DDE8EF PMS 656 22
Formprinsipper 23
Grafisk profil Logo Typografi Fargebruk Formprinsipper Formprinsipper Tredeling Ved komposisjon og oppdeling av flater tar vi utgangspunkt i «cirka det gylne snitt», eller en tredeling. Det vil si at det blå feltet som regel er omtrent en tredjedel av høyden på formatet, eller mindre, og ligger som regel nederst. Vi sier «cirka en tredjedel», da dette ikke skal være en tvangstrøye, men heller en huskeregel for å skape harmonisk oppdeling av flatene: Ikke del flatene på midten. Vi unngår å plassere ting sentrert/midt i flaten, da dette gir et statisk uttrykk (symmetrisk komposisjon). Vi plasserer heller elementene asymmetrisk på flaten, noe som gir et mer dynamisk og moderne uttrykk. Det gylne snitt Det gylne snitt bygger på en harmonisk deling av et linjestykke. Snittet deler linjestykket slik at forholdet mellom den lengste og den korteste delen er like stort som forholdet mellom hele linjestykket og den lengste delen av det. Det gylne snitt er tilnærmet lik 1,618. AB = AC AC CB A C A B deles på 1,618= A C B AB AC AC CB 24
Eksempel på komposisjon Figuren under til venstre viser en asymmetrisk «NTNU-komposisjon». Figuren t.h. viser en symmetrisk, som blir feil i NTNUs formspråk. Asymmetrisk Symmetrisk Grafiske virkemidler I det grafiske verktøyskrinet finnes flere hjelpemidler. Sirkelelement og streker med eller uten stipler kan skape bevegelse og egenart i komposisjonen. Ikke overdriv bruken, men husk at elementene er praktiske verktøy for å skape orden i komposisjonen. Sirkelelementet kan brukes som et grafisk element med hele og stiplete linjer. Sett gjerne inn foto, men ikke tekst inne i sirkelen. Tykkelse på strek kan variere. Strek kan brukes med eller uten stipler. Den kan blant annet brukes for å markere skille eller som stiplet bilderamme. Ønsker man å sette fokus på noe spesielt, kan man bruke streken som pil. Grafisk profil Logo Typografi Fargebruk Formprinsipper 25
Grafisk profil Logo Typografi Fargebruk Formprinsipper Eksempel på layout Figurene under viser hvordan man kan lage layout i et oppslag, og et som viser hvordan man ikke bør gjøre det. Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Eksemplene under viser omslag til trykksaker som er produsert i tråd med dagens grafiske profil ved NTNU. Grafiske maler og flere eksempler finner du i selvhjelpspakken på Internett: www.ntnu.no/info/selvhjelp 26
NTNU-trykk www.ntnu.no/ntnu-trykk Kontor & Stempelservice AS Tlf: 72 88 91 91 Cicero annonsebyrå AS www.cicero.nl.no Trykkeritjenester og grafisk hjelp Trykkeritjenester NTNU har rammeavtale på trykkeritjenester. Gå inn på nettsiden under for å få informasjon om avtalen og hvilke trykkerier vi har avtale med. www.ntnu.no/okonomi/index.php?site=rammeavt_innkjop/oversikt_ rammeavtaler/trykkeritjenester.html Grafisk utforming Både trykkerier vi har rammeavtale med, og NTNU-trykk, har formgivere med god kjennskap til NTNUs grafiske profil. De kan hjelpe deg med form på produktet ditt. Annonse NTNU har rammeavtale med Cicero annonsebyrå AS på annonsering av stillinger og kunngjøringer. Avtalen er gyldig til 01.10.06 med opsjon til 01.10.08. Stempel NTNU har ingen formell avtale med en bestemt stempelleverandør. Kontor & Stempelservice AS har imidlertid vært mye brukt, og kan anbefales. Selvhjelpspakken for alle som jobber med informasjon og formidling på NTNU, finner du på denne nettsiden: www.ntnu.no/info/selvhjelp 27
Typografi er for det skrevne ord hva artikulasjon er for talen; ingen av dem er begripelig uten det andre. «Typographi. An encyclopedic survey of type design and techniques throughout history» NTNU Det skapende universitet Ved NTNU i Trondheim er den teknologiske kunnskapen i Norge samlet. I tillegg til teknologi og naturvitenskap har vi et rikt fagtilbud i samfunnsvitenskap, humanistiske fag, realfag, medisin, arkitektur og kunstfag. Samarbeid på tvers av faggrensene gjør oss i stand til å tenke tanker ingen har tenkt før, og skape løsninger som forandrer hverdagen.