DESIGNMANUAL
2
3 INNHOLD og forord Logo 4 Logo i sort-versjoner 6 Transparent hvit logo 8 Stående logo 10 Plass rundt logoen 12 Minstemål 14 Ikke bruk logoens elementer alene 15 Filer, mapper, formater og fargetyper 16 Farger 20 Font 22 Layoutprinsipper 24 Andre filer 26 Denne profildokumentasjonen skal være et verktøy som aktivt skal brukes for å skape den enhetlige profilen Undervisningsbygg ønsker, og underbygge foretakets verdier: Profesjonell, nytenkende, modig og redelig. Det er viktig at Undervisningsbygg fremstår tydelig og konsekvent. Organisasjonens identitet bygges og vedlikeholdes hver gang den visuelle profilen tas i bruk, og det er derfor viktig at profilen følges. Profildoukmentasjonen skal benyttes ved utarbeidelse av all visuell kommunikasjon både internt og eksternt. Bruk av profilelementer skal godkjennes av kommunikasjonsavdelingen.
4 LOGO Dette er hovedlogoen i positiv og negativ versjon. Den positive versjonen forutsetter bruk på en lys bakgrunn som gir god kontrast og en korrekt gjengivelse av profilfargene. Symbolet og navnetrekket skal aldri endres eller flyttes i forhold til hverandre. NB! Det er ikke anledning til å endre eller justere Undervisningsbyggsin logo hverken proposjonene, fargene eller teksten. Ta kontakt med kommunikasjonsavdelingen i Undervisningsbyggs hvis du har spørsmål.
5 HOVEDLOGO NEGATIV LOGO
6 LOGO I SORT-VERSJONER Positiv og negativ versjonen av logoen i en-farge. Hovedlogo i sort Sort logo brukes kun i trykksaker hvor eneste farge er sort, f.eks. i avis. Hovedlogo i sort, negativ Feltet viser minimum sort flate som skal være rundt logoen. Denne flaten ligger fast i logoen, men ikke definert som sort. Brukes kun i trykksaker hvor eneste farge er sort, f.eks. i avis. Stempelversjon Eksempel på bruksområde: kontorstempel, original til skilt, m.m.
7 HOVEDLOGO I SORT HOVEDLOGO I SORT, NEGATIV STEMPELVERSJON
8 TRANSPARENT HVIT LOGO Eksemplet viser logoen transparent på et bilde. Dette kan gjøres i photoshop eller i et layoutprogram med transparent funksjon. Bruksområder: plakat, utstillings materiell, eller andre steder hvor logo og bilde skal brukes sammen for å skape et blikkfang.
TRANSPARENT LOGO 9
10 STÅENDE LOGO Dette er stående versjoner av logoen. De skal benyttes i spesielle tilfeller, der det kun er plass i en vertikal flate. Som på bok/permrygger, bannere og annet reklamemateriell. Det er to utgaver av denne en med symbol over navnetrekket og en med symbolet under navnetrekket. Logosymbolet står horisontalt mens navnetrekket er vendt vertikalt. Navnetrekket skal leses som på en bokrygg, fra toppen og ned.
11 SLIK IKKE SLIK
12 PLASS RUNDT LOGOEN For at logoen skal komme godt fram i ulike sammenhenger, er det fastlagt en minsteavstand til andre elementer, som f.eks. bilder, tekst, formatkant etc. Avstanden til kantene under og på hver side er lik høyden på bokstaven «N» i navnetrekket, og lik halve denne størrelsen på oversiden av logoen. Se illustrasjon.
SLIK 13 IKKE SLIK SLIK Endaes raepernatur abores milla volorist enis untisque autemquam adit is sum se volut aborum expla sim rae non estem ut que quam doloreic tem quae eum sitio eaquo volorestisi quia volupti osapic te res re autate nonestiis conet volest, corerro voluptas aut volor alit, nulparum untem necesti blatiur rentotate soluptaspero que et aut id unte venim IKKE SLIK Endaes raepernatur abores milla volorist enis untisque autemquam adit is sum se volut aborum expla sim rae non estem ut que quam doloreic tem quae eum sitio eaquo volorestisi quia volupti osapic te res re autate nonestiis conet volest, corerro voluptas aut volor alit, nulparum untem necesti blatiur rentotate soluptaspero que et aut id unte venim
14 MINSTEMÅL Minste tillatte størrelse For å sikre lesbarhet er det fastlagt en minste tillatte størrelse for logo. Eksempel på bruksområde: mindre profileringsartikler, f.eks. penner. 40 mm
15 IKKE BRUK LOGOENS ELEMENTER ALENE Navnetrekk uten symbol Undervisningsbyggs navnetrekk kan normalt ikke brukes alene uten logosymbol. Evt. tilfeller må tas opp til diskusjon med kommunikasjonsavdelingen. Symbol uten navnetrekk Det anbefales at symbolet for Undervisningsbygg ikke brukes alene i denne fasen av profileringen, da det ikke er godt nok kjent i markedet. Unntak kan være veldig spesielle bruksområder, som f.eks. lite ikon på internett eller i skjermkontekster (merking av url, favorites, osv.). Disse tilfeller må alltid godkjennes av kommunikasjonsavdelingen. IKKE SLIK IKKE SLIK
16 FILER, MAPPER, FORMATER OG FARGETYPER Logomappene Skjerm Stempel Trykk Trykk_spesialfarge Filnavngivning Eksempler UBF_farge_logo_vektor_CMYK.eps UBF_farge_logo_vektor_Negativ_CMYK.eps UBF_farge_logo_vektor_SPOT_coated.eps UBF_farge_logo_vektor_RGB.eps Hovedlogo positiv versjon, 4 farger 4-farge hovedlogo negativ versjon Logo i PMS farge, bestrøket Hovedlogo i RGB farger
17 Fargetype Logoene er sortert etter fargetype. CMYK: forkortelse for 4-farge (eller prosessfarger). Disse logoene brukes i 4-farge offsettrykk, f.eks. brosjyrer, magasiner, fullfarge annonser, osv. PMS: forkortelse PANTONE, som er spesialfarger brukt i f.eks. 1 eller 2-farge offsettrykk eller silketrykk. Bruksområder: fortrykte brevark, konvolutter, visittkort, trykk på penner eller kopper, m.m. RGB: fargesystemet som brukes i skjermsammenheng, f.eks. på internett eller i Powerpoint. SORT/HVIT: logoer i en-farge, med 35% sort på de lyse buene i symbolet. Disse brukes f.eks. til sort/hvit reproduksjon i avis. Stempelversjon er helt sort, uten lysere buer i symbolet, og brukes når raster ikke er mulig: f.eks. til stempel, preg, skilt, osv. Se forøvrig side 12 for beskrivelse av fargene i de ulike fargesystemene.
18 Filformat: eps til utkjøringer Alle logoene (unntatt enkelte i «Skjerm» mappen) er lagret som eps dokumenter, et filformat som er skalerbart. De er egnet til all produksjon, enten av trykksaker, laserprinting, utkjøring av ulike slag. Ofte vil eps-filer ha en forhåndsvisning som ser uskarpt ut på skjermen, uten at dette går ut over utkjøringsresultatet. Print ut en test om du er usikker. Filformat: gif til skjermbruk I «Skjerm» mappen finnes enkelte logoversjoner i gifformat. Dette er et format som egner seg til skjerm, men den er ikke skalerbar. Skal du ha logoer i andre størrelser eller versjoner enn de som er her, bør disse lages på nytt med utgangspunkt i en eps logofil. Les neste avsnitt om hvordan du sørger for å få riktig farge når du skal gjøre dette. Nye logoer til skjerm: sørg for riktige RGB-farger! I logoarkivet, finnes det en mappe med logofiler i RGB farger. Disse filene er i eps format, og RGB fargeverdiene er hentet fra Illustrator 10.0, hvor CMYK fargene er oversatt til RGB. Photoshop, derimot, opererer med andre oversettelser av CMYK til RGB enn disse. Derfor, når man trenger å generere en logo i annet filformat enn eps, f.eks. en gif til skjermbruk, skal man ikke åpne eps-filen direkte i Photoshop, da logoens rgb-farger blir feil. Gå frem på følgende måte for å få riktig RGB-farge: Enten eksporter filen direkte fra Illustrator til et annet filformat (under File/export), eller så kan man kopiere logoen fra Illustrator og lime den manuelt inn i et Photoshopdokument (copy/paste).
19
20 FARGER Hovedfargen er UB Rød (Undervisningsbygg rød). Den tilsvarer PMS 1805, men har justerte CMYK verdier som er vist i tabellen. *Bruk disse CMYK verdiene i 4-farge trykksaker (ikke Adobes oversettelse av 1805 til CMYK). **RGB verdier RGB verdiene her er hentet fra Illustrator 10.0: CMYK fargen er konvertert til RGB i programmet. Photoshop, derimot, opererer med andre RGB verdier fra CMYK enn disse. Sørg for at RGB (og CMYK) verdiene er identisk med tabellen til høyre, uansett hvilken programvare du benytter. Se også forrige side om generering av nye logoer til skjermbruk. Fargebruk Hovedfargen UB rød: kan brukes på tekst, strek eller heldekkende flater Tilleggsfarge UB turkis: skal kun brukes i små mengder, f.eks. på tekst eller tynne streker. Brukes ikke på store flater. Tilleggsfargene 10 og 20% av UB turkis: Til bruk på store flater. Logofarger Logoen består av to farger; rød og en prosent av denne. Der det ikke kan trykkes raster, erstattes dette med en egen PMS-farge. (Se skjema for fargekode.) Hovedfarge UB rød Hovedfarge UB rød kan brukes også til andre designelementer og fargeflater. Lys rød logofarge Lys rød farge i logosymbolet skal ikke brukes andre steder enn i symbolet. Dette er ikke en farge som kan brukes fritt i andre designsammenheng.
21 HOVEDFARGE UB RØD C 0 M 100 Y 90 K 23 PMS: 1805 HEX: C3000A RAL: 3000 R 195 G 0 B 10 Interiørmaling: 2070 Y90R (Litt dempet rødfarge tilpasset bruk på vegg) TILLEGGSFARGE UB TURKIS C 87 M 0 Y 38 K 0 PMS: 326 HEX: 23A491 RAL: 5018 R 35 G 164 B 145 Interiørmaling: 1653-B55G LYS RØD I LOGOEN C 0 M 32 Y 35 K 8 R 232 G 160 B 128 PMS: 35% 1805 (når raster ikke kan benyttes, bruk PMS 472) 20% AV UB TURKIS C 17 M 0 Y 8 K 0 R 212 G 239 B 227 Interiørmaling: 0010-B30G HEX: E8A080 RAL: PMS: 20% av 326 HEX: D4EFE3 RAL: 10% AV UB TURKIS C 9 M 0 Y 4 K 0 R 232 G 246 B 240 Interiørmaling: 0005-B20G PMS: 10% av 326 HEX: E8F6F0 RAL:
22 FONT Calibri er Undervisningsbyggs profilfont. Denne skal brukes over alt der det er mulig. Eksempler på bruksområder: Produktark, postale trykksaker, informasjonsbrosjyrer, årsmeldinger, annonser, messer. Internett På internett brukes Verdana (+ evt. Calibri i grafikk). Til internettbruk må man velge en font som er felles for Mac og PC og som ellers er godt lesbar på skjerm. Dersom det skal lages profilbærende grafikk, brukes Calibri. Fargebruk på fonter Det er viktig å tenke lesbarhet når det gjelder valg av farger på tekst. Farger som kan benyttes på tekst:sort, profilfarge rød og profilfarge turkis. Fargene skal brukes i 100%. Der det er mørk bakgrunn brukes hvit tekst. I 4-farge trykk bør farge ikke brukes på fontstørrelser mindre enn 9 pt, da det lett oppstår mispass.
23 CALIBRI REGULAR ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@#$%^&*() CALIBRI ITALIC ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@#$%^&*() CALIBRI BOLD ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@#$%^&*() CALIBRI BOLD ITALIC ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@#$%^&*()
24 LAYOUTPRINSIPPER Trappekonseptet, som logoen er basert på, brukes også som element og plassering i layout-prinsipper. Gridsystem Layouten skal baserers på et grid i bunnen. Gridet varierer selvfølgelig etter formatet. Trappeelementene skal følge baseline-gridet (i Indesign: View>Grids & Guides >Show baseline grid), som all brødtekst også bør låses til. Se eksempler neste side. Der det ikke benyttes baseline-grid (f.eks en bildecollage) er det viktig å passe på at trappetrinnene alltid er like høye, og en kan vurdere å sette opp et eget gridsystem for dette. Fargeflater Store fargeflater som brukes i layout kuttes i ett av hjørnene ved å bruke trappetrinnene. Bildekant Større bilder/flater bør kuttes med flere trinn, lik en trapp. Veldig små bilder skal kun kuttes i ett hjørne. Gjør det tydelig når du bruker trappen. Brukes elementet for utydelig, for eksempel med et lite trinn på en stor flate, kan det se ut som det har skjedd en feil i layouten. Bildeplassering Bildene plasseres inn i grid. Bilder kan også stå helt intil hverandre.
25 SMÅ BILDER STORE BILDER Otatinctur accuptatum doloris autem es vent quia quat aut que nobis et, culla dolore nus eum quibusam, omnisci dipsandi cullore aliqui sit adicipsum. BRØDTEKST FARGEFLATER
26 ANDRE FILER Powerpoint Det er laget egne Powerpoint maler som ligger i mappen Powerpoint. Word-maler Word-maler er lagt i mappen som følger med designmanualen og på nett. Kopier over malene på din egen PC/mac og bruk dem som utgangspunkt når du skal lage tekstdokumenter for Undervisningsbygg.
27
28