39
Designguide Professionshøjskolen Absalon Version 1.0

Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

  • Upload
    others

  • View
    3

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

DesignguideProfessionshøjskolen Absalon

Version 1.0

Page 2: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer grundelementerne og giver eksempler på designet i brug. Tilsammen viser det et unikt design, der understøtter Absalons kommunikationsstrategi. Som ansat kan du finde flere oplysninger, downloade logo, skabeloner m.m. på vores intranet. Som ekstern bruger finder du tilsvarende oplysninger på vores hjemmeside under Kommunikation. Kontakt gerne Kommunikation for råd og vejledning på [email protected]

Kommunikation

Professionshøjskolen Absalon

Velkommen

Designguide – Professionshøjskolen Absalon

Page 3: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

Indhold

DesignguideProfessionshøjskolen Absalon

Version 1.0Udgivet: juli 2017

Design: BGRAPHIC

Logo ..................................................................... 04Logovarianter .......................................................... 05

Logofarve ................................................................ 06

Respektafstand ........................................................ 07

Størrelse og placering .............................................. 08

Farver .................................................................. 09Primære farver ........................................................ 09

Sekundære farver .................................................... 10

Typografi ............................................................ 11Santral .................................................................... 11

Skriftindstilling ........................................................ 12

Corbel ..................................................................... 13

Fotostil ................................................................ 14

De fem designelementer .............................. 15

Tekstboks ................................................................ 16

Kvadratisk tekst ....................................................... 17

Foto ........................................................................ 18

Bogstav ................................................................... 19

Ikon ........................................................................ 20

Grid ...................................................................... 21

Placering af designelementer i grid ........................... 22

Kombinationsmuligheder .............................. 24Design med foto ...................................................... 24

Design uden foto ..................................................... 27

Eksempler .......................................................... 29PowerPoint .............................................................. 29

Publikation i Word .................................................... 30

Plakater .................................................................. 31

Annoncer ................................................................ 32

Roll-ups ................................................................... 33

Brevpapir ................................................................ 34

Visitkort .................................................................. 35

Skilte ...................................................................... 36

Merchandise ............................................................ 37

Brug af sekundære farver ........................................ 38

Designguide – Professionshøjskolen Absalon 03

Page 4: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

Logo

Absalons logo består af unikt tegnede bogstaver, designet over et kvadratisk grid. De syv bogstaver danner tilsammen Absalons logo. Det designmæssige udtryk er det bærende i Absalons visuelle identitet.

Navnetrækket Professionshøjskolen Absalon er sat i skriften Santral. Navnetrækket optræder altid som en del af Absalons logo.

På enkelte elementer, som fx merchandise kan navnetrækket dog udelades. Kontakt Kommunikation, hvis du er i tvivl.

Designguide – Professionshøjskolen Absalon 04Logo

Page 5: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

Logovarianter

Absalons logo findes i to varianter.

Logoet i højformat anvendes primært, og logoet i tværformat anvendes, hvor placeringen kræver det af hensyn til god synlighed og læsbarhed.

Logoet findes også i en engelsk udgave, hvor navnetrækket er på engelsk.

Logo i højformat, DK

Logo i højformat, UK

Logo i tværformat, DK

Logo i tværformat, UK

Designguide – Professionshøjskolen Absalon 05Logo

Page 6: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

Logofarve

Logoet anvendes primært i Absalon rød, som er den bærende farve i Absalons visuelle identitet. Logoet i rød kan anvendes på hvid baggrund, på de lyse sekundære farver eller på lyse fotos.

Logoet kan alternativt anvendes i hvid, på Absalon rød baggrund, på de mørke sekundære farver eller på mørke fotos.

Logoet i Absalon grå – som også er en af de primære farver – anvendes, hvor rød eller hvid ikke er læsbart.

Logoet må IKKE gengives i andre farver.

Se farvekoder i afsnittet Primære farver side 9.

Absalon rød Absalon grå

Hvid

Designguide – Professionshøjskolen Absalon 06Logo

Page 7: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

Respektafstand

Begge logovarianter (høj- og tværformat) har en respektafstand til øvrige designelementer.

Afstanden er kvadratet af bogstaverne i logoet.

Designguide – Professionshøjskolen Absalon 07Logo

Page 8: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

Størrelse og placering

Logoet placeres i et af de fire hjørner på formatet.

Til A-formaterne (A5, A4 og A3) er der defineret en margin til kant på logo og tekst.

Logostørrelser til A-formaterne skal så vidt muligt anvendes til tryksager og annoncer. Til større formater har logoet individuel bredde af hensyn til læsbarhed.

Til trykte medier har logoet en minimumsbredde på 16 mm.

I digitale medier skal navnetrækket i logoet altid være læsbart.

Logo- og tekstmargin

A5Sider: 7 mm Top og bund: 9 mm Logobredde: 25 mm

A4Sider: 10 mm Top og bund: 12 mm Logobredde: 25 mm

A3Sider: 14 mm Top og bund: 17 mm Logobredde: 35 mm.

Designguide – Professionshøjskolen Absalon 08Logo

Page 9: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

Absalon rød

CMYK 15, 90, 80, 0RGB 208, 54, 53PMS 1795 C

Absalon grå

CMYK 15, 0, 5, 85RGB 64, 70, 70

HVID

80 %

60 %

40 %

Primære farver

Absalon rød er den primære farve i Absalons visuelle identitet sammen med hvid. De to farver anvendes i logoet og til tekster og i designelementerne, der beskrives i det følgende.

Absalon rød skal altid anvendes i sin fulde farvestyrke (100 %).

Absalon grå anvendes i samspil med den røde til tekster og grafik. Absalon grå anvendes også i visse situationer til logo, hvor andet ikke er muligt, og hvor de sekundære farver anvendes markant i det pågældende medie.

Designguide – Professionshøjskolen Absalon 09Farver

Page 10: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

CMYK 0, 15, 72, 0RGB 255, 216, 92

CMYK 0, 65, 70, 0RGB 238, 117, 77

CMYK 0, 66, 0, 0RGB 238, 121, 173

CMYK 53, 90, 0, 10RGB 134, 50, 129

CMYK 94, 88, 5, 0RGB 56, 56, 137

CMYK 60, 0, 0, 0RGB 91, 197, 242

CMYK 50, 0, 30, 0RGB 138, 203, 193

80 % 60 % 40 % 80 % 60 % 40 %

80 % 60 % 40 % 80 % 60 % 40 % 80 % 60 % 40 %

80 % 60 % 40 % 80 % 60 % 40 %

Sekundære farver

Som supplement til de primære farverer der udviklet sekundære farver, som står godt sammen med de primære farver.

De sekundære farver er ikke tilknyttet specifikke uddannelser eller områder, og de anvendes primært til indhold og infografik. Absalon rød og hvid bør dog være den bærende farveholdning.

Farverne kan også anvendes nedtonet, hvor de viste procentsatser anbefales.

De sekundære farver kan i visse situationer erstatte de primære farver, fx til specifikke kampagner eller information, hvor det kommunikations-mæssigt giver mening. Det gøres kun ifølge aftale med Kommunikation.

Designguide – Professionshøjskolen Absalon 10Farver

Page 11: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

Santral Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅabcdefghijklmnopqrstuvwxyzæøå0123456789,.!”#€%&/()=?Santral Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅabcdefghijklmnopqrstuvwxyzæøå0123456789,.!”#€%&/()=?

Santral

Skriften Santral er den primære skrift i Absalons visuelle identitet. Den anvendes i navnetrækket i logoet, samt til al tekst og indhold, der udarbejdes professionelt. Santral er læsbar og human i sit udtryk og findes i mange vægte, der gør det muligt at skabe et varieret skriftbillede.

Overskrifter skrives altid i store og små bogstaver i Santral Bold.

Brødtekst skrives primært i Santral Regular, men Santral Book kan også anvendes til teksttunge dokumenter.

Citater og henvisninger skrives i Santral Light Italic.

Øvrige vægte kan anvendes efter behov til at styrke kommunikationen.

Skriften skal købes.

Designguide – Professionshøjskolen Absalon 11Typografi

Page 12: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

Dette er et eksempel på brug af det rigtige OpenType skriftsæt

Dette er et eksempel på brug af det forkerte OpenType skriftsæt

aæå

aæå

Skriftindstilling

Santral er en OpenType-skrift, som består af flere karaktersæt. For at sikre læsbarheden skal Set 1 altid vælges.

I InDesign vælges dette i Character-paletten under OpenType > Stylistic sets.

I Illustrator vælges dette i OpenType-paletten under Stylistic Alternates.

Designguide – Professionshøjskolen Absalon 12Typografi

Page 13: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

Corbel Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅabcdefghijklmnopqrstuvwxyzæøå0123456789,.!”#€%&/()=?Corbel Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅabcdefghijklmnopqrstuvwxyzæøå0123456789,.!”#€%&/()=?

Corbel

Skriften Corbel er en standardskrift, som følger med Microsoft Office-pakken.

Corbel anvendes internt til skabelonerne i Microsoft Office-pakken.

Corbel anvendes også som erstatning for Santral, hvor der ikke er adgang til denne.

Designguide – Professionshøjskolen Absalon 13Typografi

Page 14: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

Fotostil

Drivkraften på Professionshøjskolen Absalon er de mennesker, der har deres daglige gang på skolerne.

Fotos skal derfor så vidt muligt vise mennesker i situationer, der vedrørerProfessionshøjskolen Absalon.

Det kan fx være:– Undervisningssituationer– Studiemiljø– Praktiksituationer.

Personer med øjenkontakt og situationer, der er taget tæt på og langt fra, giver gode variationsmuligheder.

Der må IKKE gøres brug af fotos fra stocksites.

Brug gerne vores offentlige fotodatabase: skyfish.com/p/absalon

Designguide – Professionshøjskolen Absalon 14Fotostil

Page 15: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

De fem designelementer

Der er udviklet fem designelementer til Absalons visuelle identitet, som er inspireret af kvadraterne i logoet, og som med forskelligt indhold og forskellige kombinationsmuligheder skaber Absalons visuelle identitet.

Brugen af et enkelt element er identitetsbærende og kan være optimal til det pågældende medie, men flere elementer i kombination kan være med til at gøre udtrykket stærkere og gøre kommunikations- mulighederne mere mangfoldige med deres forskellige indhold af tekst, fotos og grafik.

De fem designelementer er:– Tekstboks– Kvadratisk tekst– Foto– Bogstav– Ikon.

Lorem ipsum dolor sit amet, adipiscing elit diam wisi.

Tekstboks Kvadratisk tekst

Designguide – Professionshøjskolen Absalon 15De fem designelementer

Foto Bogstav Ikon

Page 16: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

Lorem ipsum dolor sit amet, adipiscing elit diam wisi.

Lorem ipsum dolor

Proin leoscelerisqu invelite augue

Tekstboks

Designelementet Tekstboks er et farvet kvadrat, der indeholder tekst.

Boksen har et skråt hjørne, som refere-rer til Absalons logo. Når der anvendes flere designelementer, kan det skrå hjørne udelades i nogle af elementerne.

Det skrå hjørne beregnes som:Hjørneradius = bredde på boks x 0,133.Det skrå hjørne har en 45 graders vinkel og kan placeres i alle fire hjørner.

Dette element kan anvendes til:– Overskrifter– Brødtekst evt. med flere afsnit – Fremhævede tekster– Infotekster– Etc.

Teksten behøver ikke at udfylde boksen.

Tekstens placering i boksen:Margin = bredde x 0,08.

Hjørneradius = bredde på boks x 0,133

Margin = bredde på boks x 0,08

Designguide – Professionshøjskolen Absalon 16De fem designelementer

Page 17: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

Kvadratisk tekst

I designelementet Kvadratisk tekst danner teksten et kvadrat uden ydre rammer eller baggrundsfarve.

Dette element kan anvendes til:– Billedtekster– Infotekster – Brødtekst, fx i annoncer.

Designguide – Professionshøjskolen Absalon 17De fem designelementer

Page 18: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

Foto

Designelementet Foto anvendes til fotos, primært fra vores offentlige fotodatabase.

Det skrå hjørne beregnes som:Hjørneradius = bredde på boks x 0,133.Det skrå hjørne har en 45 graders vinkel og kan placeres i alle fire hjørner.

Der kan være ét enkelt dominerende fotoelement, eller der kan være en kombination af flere fotoelementer, der tilsammen understøtter ét budskab.

Baggrunden kan også være et helsidesfoto, hvor det er de øvrige designelementer, der anvendes, da fotoelementet ikke placeres oven på foto.

Læs mere om fotostil på side 14. Brug gerne vores offentlige fotodatabase: skyfish.com/p/absalon

Hjørneradius = bredde på boks x 0,133

Designguide – Professionshøjskolen Absalon 18De fem designelementer

Page 19: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

Bogstav

Designelementet Bogstav kan indeholde et af de seks bogstaver i Absalons logo. De er alle tegnet over et kvadrat.

Bogstaverne anvendes som visuelt element, der giver klare referencer til Absalons logo og til Absalon som afsender.

Flere bogstaver kan anvendes i kombination i forskellige størrelser, og de kan beskæres – men hvor bogstavet stadig kan aflæses.

Designguide – Professionshøjskolen Absalon 19De fem designelementer

Page 20: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

Ikon

Designelementet Ikon indeholder ikoner, der er tegnet over et kvadrat. Ikonerne optræder altid uden baggrund.

Ikonerne er tegnet over et grid på 30 x 30 felter plus 45 graders rotation. Ikonet designes ud fra de lige og skrå linjer, som er samme udformning som Absalons logo. Det giver et fælles designmæssigt udtryk.

Der vil hele tiden blive udviklet nye ikoner, som kan anvendes i andre sammenhænge, fx i Microsoft Office-pakken.

Kontakt Kommunikation for mere information om eksisterende ikoner og udvikling af nye.

Designguide – Professionshøjskolen Absalon 20De fem designelementer

Page 21: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

Grid

Absalons logo og designprincip er bygget over et kvadratisk grid, som danner grundlag for den visuelle identitet.

Absalons grid er udgangspunkt for ethvert design. Det placerer design- elementer i forskellige kombinationer og anvendes til placering af tekster.

Det grid, der er anvendt til opbygning til A-formater, har følgende mål:

A5Kolonner: 8Mellemrum: 3,5 mmMargin: 3,5 mm

A4Kolonner: 8Mellemrum: 5 mmMargin: 5 mm

A3Kolonner: 8Mellemrum: 7 mmMargin: 7 mm.

Grid til andre formater udvikles individuelt, men hvor Absalons designmæssige udtryk fastholdes.

Designguide – Professionshøjskolen Absalon 21Grid

Page 22: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

Placering af designelementer i grid

Designelementerne kan kombineres i forskellige størrelser i Absalons grid.

Elementerne er altid delelige med hinanden, og de placeres om hinandens akser.

Elementerne kan gå ud over formatet.

Designguide – Professionshøjskolen Absalon 22Grid

Page 23: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

Lorem ipsum dolor

Proin leoscelerisqu invelite augue

Lorem ipsum dolor sit amet, adipiscing elit, sed diam non ummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat ut wisi.

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Placering af designelementer i grid

Det anvendte grid viser, hvordan designelementerne skal placeres.

Logo- og tekstmargin er også vist. Logoet kan placeres i alle fire hjørner.

Overskrifter og øvrige tekster, som ikke er indsat i et designelement, kan placeres frit på formatet.

Kombinationsmulighederne er mange.

Designguide – Professionshøjskolen Absalon 23Grid

Page 24: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

Adipiscing elit diam ummy euismod

Lorem ipsum dolor

Proin leoscelerisqu invelite augue

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Adipiscing elit diam ummy euismod

Lorem ipsum dolor

Proin leoscelerisqu invelite augue

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

I det følgende vises design med fotos, hvor alle designelementerne kan være i brug.

Eksemplerne vises både i Absalon rød og i hvid.

Overskrifter kan være inkluderet i et designelement eller kan placeres frit på formatet.

Der vises brug af designelementer fra det helt enkle udtryk til det sammensatte og fabulerende.

De forskellige designs understøtter muligheden for at kommunikere til de mange forskellige aktører, som en uddannelsesinstitution repræsenterer, og til et bredt udvalg af medier.

Design med foto

Designguide – Professionshøjskolen Absalon 24Kombinationsmuligheder

Page 25: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

Aliquam et sodales orci suspendisse adipiscing

Lorem ipsum dolor

Lorem ipsum dolor sit amet, adipiscing elit diam wisi.

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Lorem ipsum dolor

Proin leoscelerisqu invelite augue

Lorem ipsum dolor sit amet, adipiscing elit, sed diam non ummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat ut wisi.

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Adipiscing elit diam ummy euismod

Lorem ipsum dolor

Proin leoscelerisqu invelite augue

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Aliquam aliquam et sodales orci suspendisse potenti nunc adipiscing

Lorem ipsum dolor

Aliquam aliquam etsodales orci suspendissepotenti nunc adipiscing

Lorem ipsum dolor

Lorem ipsum dolor sit amet, adipiscing elit diam wisi.

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Lorem ipsum dolor

Proin leoscelerisqu invelite augue

Lorem ipsum dolor sit amet, adipiscing elit diam wisi.

Lorem ipsum dolor

Proin leoscelerisqu invelite augue

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Lorem ipsum dolor sit amet, adipiscing elit, sed diam non ummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat ut wisi.

Adipiscing elit diam ummy euismod

Proin leoscelerisqu invelite augue

Lorem ipsum dolor

Aliquam et sodales orci suspendisse adipiscing

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Aliquam aliquam etsodales orci suspendissepotenti nunc adipiscing

Lorem ipsum dolor

Design med foto

Designguide – Professionshøjskolen Absalon 25Kombinationsmuligheder

Page 26: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

Aliquam et sodales orci suspendisse adipiscing

Lorem ipsum dolor

Lorem ipsum dolor sit amet, adipiscing elit diam wisi.

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Lorem ipsum dolor

Proin leoscelerisqu invelite augue

Lorem ipsum dolor sit amet, adipiscing elit, sed diam non ummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat ut wisi.

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Adipiscing elit diam ummy euismod

Lorem ipsum dolor

Proin leoscelerisqu invelite augue

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Aliquam aliquam et sodales orci suspendisse potenti nunc adipiscing

Lorem ipsum dolor

Aliquam aliquam etsodales orci suspendissepotenti nunc adipiscing

Lorem ipsum dolor

Lorem ipsum dolor sit amet, adipiscing elit diam wisi.

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Lorem ipsum dolor

Proin leoscelerisqu invelite augue

Lorem ipsum dolor

Proin leoscelerisqu invelite augue

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Lorem ipsum dolor sit amet, adipiscing elit, sed diam non ummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat ut wisi.

Adipiscing elit diam ummy euismod

Proin leoscelerisqu invelite augue

Lorem ipsum dolor

Aliquam et sodales orci suspendisse adipiscing

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Aliquam aliquam etsodales orci suspendissepotenti nunc adipiscing

Lorem ipsum dolor

Design med foto

Designguide – Professionshøjskolen Absalon 26Kombinationsmuligheder

Page 27: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

Lorem ipsum dolor

Proin leoscelerisqu invelite augue

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Lorem ipsum dolor

Proin leoscelerisqu invelite augue

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Design uden foto

I det følgende vises design, der ikke gør brug af fotos, men hvor de øvrige designelementer er i brug.

Eksemplerne vises både i Absalon rød og i hvid.

Overskrifter kan være inkluderet i et designelement eller kan placeres frit på formatet.

Design uden foto giver et grafisk udtryk, hvor bogstaver og ikoner bliver markante og kommunikerende.

De forskellige designs er bl.a. velegnet til annoncer, plakater og roll-up-bannere og til hurtig kommunikation bl.a. på de sociale medier.

Designguide – Professionshøjskolen Absalon 27Kombinationsmuligheder

Page 28: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Lorem ipsum dolor

Proin leoscelerisqu invelite augue

Lorem ipsum dolor sit amet, adipiscing elit diam wisi.

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Lorem ipsum dolor

Proin leoscelerisqu invelite augue

Lorem ipsum dolor sit amet, adipiscing elit diam wisi.

Lorem ipsum dolor

Proin leoscelerisqu invelite augue

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Lorem ipsum dolor

Proin leoscelerisqu invelite augue

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Lorem ipsum dolor

Proin leoscelerisqu invelite augue

Adipiscing elit diam ummy euismod

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Lorem ipsum dolor

Proin leoscelerisqu invelite augue

Adipiscing elit diam ummy euismod

Aliquam aliquam et sodales orci suspendisse potenti nunc adipiscing

Lorem ipsum dolor

Aliquam aliquam et sodales orci suspendisse potenti nunc adipiscing

Lorem ipsum dolor

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Aliquam aliquam etsodales orci suspendissepotenti nunc adipiscing

Lorem ipsum dolor

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Aliquam aliquam etsodales orci suspendissepotenti nunc adipiscing

Lorem ipsum dolor

Design uden foto

Designguide – Professionshøjskolen Absalon 28Kombinationsmuligheder

Page 29: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

Lipit lobortis dolor , consectetuer adipiscing elitlorem ipsum dolorDod arcu quisqueDod arcu quisque facilisis mattislacuminimsed diam lorem ipsum dolor sit amet lorem ipsum dolor sit amet suspendisse

Navn Navnesen15. maj 2017

Lipit lobortis dolor sit , consectetuer adipiscing elitlorem ipsum dolorDod arcu quisque facilisis mattis lacuminimsed diam lorem ipsum dolor sit amet

Navn Navnesen15. maj 2017

Lorem ipsum dolor sit amet consecteturLorem ipsum dolor sit amet, consectetur adipiscing elit fusce quis lectus quis sem lacinia nonummy. Proin mollis lorem non dolor. In hac habitasse platea dictumst. Nulla ultrices odio. Donec augue. Phasellus dui. Maecenas facilisis nisl vitae nibh.

Lorem ipsum dolor sit amet, consectetur fusce

Lorem ipsum dolor sit amet, consectetur adipiscing elit fusce quis lectus quis sem lacinia nonummy. Proin mollis lorem non dolor.

23

Lipit lobortis dolor sit , consectetuer adipiscing elitlorem ipsum dolorDod arcu quisque facilisis mattis lacuminimsed diam lorem ipsum dolor sit amet

Navn Navnesen15. maj 2017

Lorem ipsum dolor sit amet consecteturLorem ipsum dolor sit amet, consectetur adipiscing elit fusce quis lectus quis sem lacinia nonummy. Proin mollis lorem non dolor. In hac habitasse platea dictumst. Nulla ultrices odio. Donec augue. Phasellus dui. Maecenas facilisis nisl vitae nibh.

Lorem ipsum dolor sit amet, consectetur fusce

Lorem ipsum dolor sit amet, consectetur adipiscing elit fusce quis lectus quis sem lacinia nonummy. Proin mollis lorem non dolor.

23

� Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam

� Vismod tincidunt ut laoreet dolore magna aliquam erat volutpat unc adipiscing euis mod arcu quisque facilisis mattis lacus

� Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper elementum suscipit lobortis nisl ut aliquip ex ea commodo

� Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse nullam non metus quisque

Lorem ipsum dolor sit amet, consectetur adipiscing elit fusce quis

Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam� Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam

� Vismod tincidunt ut laoreet dolore magna aliquam erat volutpat unc adipiscing euis mod arcu quisque facilisis mattis lacus

� Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper elementum suscipit lobortis nisl ut aliquip ex ea commodo

� Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse nullam non quisque tellus

23

“Lorem ipsum dolor sit amet, consectetur adipiscing elit fusce quis lectus quis sem lacinia nonummy. Proin mollis lorem non dolor. In hac habitasse platea dictumst. Nulla ultrices odio. Donec augue. Phasellus dui. Maecenas facilisis nisl vitae nibh”

AnneLærerstuderende i Næstved

23

PowerPoint

Absalon har en PowerPoint-skabelon til intern brug for Absalons medarbejdere.

Der kan vælges forskellige sidetyper med definerede skrifttyper, farver og designelementerne fotos og ikoner.

Brug gerne store, beskrivende fotos, som kan hentes via indbygget link i skabelonen. Fotos hentes fra vores offentlige fotodatabase, som frit kan anvendes.

De grafiske elementer, bogstaverne og ikonerne kan hentes via indbygget knap.

PowerPoint-skabelonen kan vælges ved at åbne PowerPoint i Microsoft Office-pakken.

Designguide – Professionshøjskolen Absalon 29Eksempler

Page 30: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

Lorem ipsum dolor

Proin leoscelerisqu invelite augue

Lorem ipsum dolor sit amet, adipiscing elit, sed diam non ummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat ut wisi.

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Publikation i Word

Absalon har en publikationsskabelon til intern brug for Absalons medarbejdere.

Skabelonen har defineret forside og indholdsdesign. Der kan vælges foto fra Absalons fotodatabase: skyfish.com/p/absalon

Publikationsskabelonen kan vælges ved at åbne Word i Microsoft Office-pakken.

Designguide – Professionshøjskolen Absalon 30Eksempler

Page 31: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

phabsalon.dk

Campus RoskildeTrekroner Forskerpark 44000 Roskilde

27. februar 2017, kl. 17.00-19.00

Campus NykøbingBispegade 5, 4800 Nykøbing

28. februar 2017, kl. 12.00-15.15

Nunc adipiscieuismod

Sed vel duiAliquam ullamcorper iaculis lectus

Maecenas facilisis nisl vitae nibhog Praesent eros metusNulla aliquam, tellussed.

Aliquam elementum liquam sagittis auctor sapie.

27. februar, Roskilde 28. februar, Nykøbing

phabsalon.dk/shortlink

BibendumAculis [email protected]

Fusce bibendum,velit in venenatisviverra, tellus im felisdNunc adipiscing euismod arcu

Proin mollis lorem non dolor. In hac habitasse platea dictumst. Nulla ultrices odio. Donec augue. Phasellus dui. Maecenas facilisis nisl vitae nibh.

Aliquam elementum imperdie:• Sed vel dui• Aliquam sagittis auctor sapien• Mauris eu nisl. Nam pharetra nisi nec enim

Lorem ipsum

Lorem ipsum

Lorem ipsum

Plakater

Eksempler på plakater til annoncering af begivenheder, events eller uddannelsesinformation.

Designet har markante overskrifter, og designelementerne anvendes til supplerende information, fotos og ikoner, der understøtter budskabet.

Designet kan også inspirere til helsidesannoncer.

Designguide – Professionshøjskolen Absalon 31Eksempler

Page 32: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

phabsalon.dk

Etiam lacinia risus vitae lacus. Aliquam elementum imperdiet turpis. In id metus.

Mauris eu nisl. Nam pharetra nisi nec enim. Nulla aliquam, tellus sed laoreet blandit, eros urna vehicula lectus, et vulputate mauris arcu ut arcu.

27. februar, Roskilde 28. februar, Vordingborg

Campus RoskildeTrekroner Forskerpark 44000 Roskilde

27. februar 2017, kl. 17.00-19.00

Campus VordingborgKuskevej 1B, 4760 Vordingborg

28. februar 2017, kl. 12.00-15.15

Aliquameentu felismetu

Aliquam elementu imperdiet turpimetus

phabsalon.dk

Etiam lacinia risus vitae lacus. Aliquam elementum imperdiet turpis. In id metus.

Mauris eu nisl. Nam pharetra nisi nec enim. Nulla aliquam, tellus sed laoreet blandit, eros urna vehicula lectus, et vulputate mauris arcu ut arcu.

27. februar, Roskilde 28. februar, Vordingborg

Aliquameentu felismetu

Aliquam elementu Imperdiet turpimetus

Campus RoskildeTrekroner Forskerpark 44000 Roskilde27. feb., kl. 17.00-19.00

Aliquam corper

Campus VordingborgKuskevej 1B, 4760 Vordingborg28. feb., kl. 12.00-15.15

Etiam lacinia risus vitae lacus. Aliquam elemenum imperdiet turpis. In id metus.

Mauris eu nisl. Nam pharetra nisi nec enim. Nulla aliquam, tellus sed laoreet blandit, eros urna vehicula lectus, et vulputate mauris arcu aliquam, tellus sed laoreet blandit, eros urna vehicula lectus, et vulputate mauris arcu ut.

27. februar, Roskilde 28. februar, Vordingborg

Aliquam elementu Imperdiet turpimetus

Aliquameentu felismetu

Campus RoskildeTrekroner Forskerpark 44000 Roskilde27. feb., kl. 17.00-19.00

Campus VordingborgKuskevej 1B, 4760 Vordingborg28. feb., kl. 12.00-15.15

Lorem ipsum

Lorem ipsum

Lorem ipsum

phabsalon.dk

Annoncer

Eksempler på halvsidesannoncer til indrykning i dagblade og lokalaviser.

Her vises forskellige designs med forskellig brug af designelementerne. Brug af designelementer og helsides- fotos afhænger af den kommunikation, der ønskes og målgruppen, man henvender sig til.

A4- eller A3-grid anvendes til halv- og helsidesannoncer. Annoncer kan også designes i andre formater, hvor det anvendte grid tilpasses, men så Absalons designudtryk fastholdes.

Designguide – Professionshøjskolen Absalon 32Eksempler

Page 33: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

Aliquatium amco culisleck

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Aliquatium amco culisleck

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Aliquatium amco culisleck

RoskildeSorøSlagelseNæstvedKalundborgNykøbing FVordingborg

ColemsiLorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis lectus quis sem lacinia nonummy. Proin mollis lorem non dolor. In hac habitasse platea dictumst. Nulla ultrices odio. Donec augue. Phasellus dui. Maecenas facilisis nisl vitae nibh. Proin vel est vitae eros pretium dignissim.

Lorem ipsum

Lorem ipsum

Lorem ipsum

Roll-ups

Eksempler på roll-ups i tre forskellige designs.

Roll-up med Sjællandsikonet kan anvendes ved mere komplekse budskaber om fx lokationer eller i situationer, hvor der ikke kan anvendes foto.

Roll-up med helsidesfoto kan anvendes, hvor et enkelt markant budskab ønskes kommunikeret. Husk IKKE at gøre brug af fotos fra stocksites.

Roll-up med flere fotoelementer kan illustrere stemninger, studiemiljøer eller campusegenskaber.

Vælg det design, der passer din kommunikation bedst.

Designguide – Professionshøjskolen Absalon 33Eksempler

Page 34: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

4. juli 2017

Opsætning af brevskabelon

Eksempel for eksemplets skyld, de nu vi eller du at. Ud i således skikkelse her haven, billede brød og. Den skikkelse alle ællingen, under den sagde tidlig, flere bidt du, just for men en, da rap. Den kom det hvori få, det så hønen kunne at om, fornemste af de sit for vildsomt, sagde midt og med vinger. Ved for jeg sted, hårdt kulde hvor plumpede på en genvordighed.

Og ked hvor lige, omkring der har og, hun som vandet ham var, ting lange herregård var en. Slet korn, er spørg ung på en ællingen skove, er dem for kunne på. Hen i prøvet om hvor, vandet lære at aften en prægtige var, det ville den er højt lå de to, stykker så, huset der ville de, ungerne der udstødte at kom rigtignok, susede for med unger. åben den ned, og ænder skyer havde. De finder om havde mig gør spind. Katten skulle så sprog, grønne være ikke. Hønen langt efter den stakkels svømmede, den vildsomt at sagde i den, til blå bedrøvet drejede mener har den, på på godt ende, skal var ned.

Dog ikke den sivene man den, det noget, velsignede åbne vandet, kendes dejlighed kattene spinde. Gik end den de en det. I føre se se stakke og da, grunden så. Med da nat den rap, svømme ud troede, i alt kom det, den har det kommet de solen. At efter kan halsen, sagde sin dem af åben i, og var komme så, du når på, kende løbe om så en. Ude du den rundt, halsen gjorde var plask så og, ja ind, børn bruste som. Væltede og, lykke er hun kun den jeg, herregård andre dem. Vejret fryse bare elendighed. Ud hul, og af tunge tør at du de, over anden. Der flød der revnede straks så dog, hvad ville her og, sagde vidste var en dem en hen, og er og gode tænke.

Venlig hilsen

Navn Navnesen

Navn NavnesenFIRMANAVNGadevej 12 3456 Bynavn

Side 1/1

Campus Nykøbing F Center elleradministrativ afdeling

Bispegade 54800 Nykøbing F

phabsalon.dk

+45 72 48 10 [email protected]

Mulighed for øvrig datai flere linjer

Brevpapir

Absalon har skabeloner til korrespon-dance, referater, notater etc. til intern brug for Absalons medarbejdere.

Skabelonerne kan vælges ved at åbne Word i Microsoft Office-pakken.

Designguide – Professionshøjskolen Absalon 34Eksempler

Page 35: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

+45 72 48 11 [email protected]

Slagelsevej 74180 Sorøphabsalon.dk

KommunikationOle Worregaard Kommunikations- og marketingchef

Visitkort

Absalons visitkort er kvadratiske og tager dermed udgangspunkt i Absalons designprincip.

Bagsiden af hvert visitkort indeholder et af Absalons bogstaver.

Kortene har standardhøjde og passer dermed til visitkortholdere etc.

Visitkort til medarbejdere bestilles via Absalons intranet.

Designguide – Professionshøjskolen Absalon 35Eksempler

Page 36: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

Skilte

Skiltedesignet følger Absalons visuelle identitet med røde skilte med hvidt logo og tekst. Det giver markante skilte i bybilledet ved Absalons campusser, der ligger på hele Sjælland.

Skiltenes opbygning:– Stort tydeligt logo i toppen– Lokationsnavn (Campus Slagelse, Campus Næstved etc.)– Adresse– Uddannelser på pågældende lokation.

Tilknyttede centre, EVU-områder eller lignende nævnes ikke på skiltene.

Der er også udviklet oversigts- og henvisningsskilte. Campus Roskilde

Trekroner Forskerpark 4

Fysioterapeut Leisure Management Lærer Pædagog SocialrådgiverSygeplejerske

Du står herF

D1

D2

A1

B3

E1

A2

E2

E3

A3

B2

B1Hovedindgang

SLAGELSEVEJ

UD

BY

JVE

J

A

FE

D

CC

B

B, C

D, E, F

Designguide – Professionshøjskolen Absalon 36Eksempler

Page 37: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

Merchandise

Absalons visuelle identitet giver godemuligheder for at lave forskellige typer af merchandise.

Bogstaverne som designelement er velegnet til formålet. Absalons logo kan også i nogle tilfælde anvendes uden navnetræk.

Merchandise indkøbes altid via Absalons webshop på intranettet.

Har du brug for andet merchandise, kontakt Kommunikation.

Designguide – Professionshøjskolen Absalon 37Eksempler

Page 38: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

Lorem ipsum dolor

Proin leoscelerisqu invelite augue

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Aliquam aliquam et sodales orci suspendisse potenti nunc adipiscing

Lorem ipsum dolor

Brug af sekundære farver

De sekundære farver kan i visse situationer erstatte de primære farver, fx til specifikke kampagner eller information, hvor det kommunikations-mæssigt giver mening. Det gøres kun ifølge aftale med Kommunikation.

Designguide – Professionshøjskolen Absalon 38Eksempler

Page 39: Designguide - Professionshøjskolen Absalon · Absalons designguide henvender sig til alle, der skal arbejde med Professionshøjskolen Absalons visuelle identitet. Guiden definerer

Aliquam aliquam et sodales orci suspendisse potenti nunc adipiscing

Lorem ipsum dolor

Aliquam aliquam et sodales orci suspendisse potenti nunc adipiscing

Lorem ipsum dolor

Aliquam aliquam et sodales orci suspendisse potenti nunc adipiscing

Lorem ipsum dolor

Adipiscing elit diam ummy euismod

Proin leoscelerisqu invelite augue

Lorem ipsum dolor

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Proin leoscelerisqu invelite augue

Lorem ipsum dolor

Proin leoscelerisqu invelite augue

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Adipiscing elit diam ummy euismod

Lorem ipsum dolor

Proin leoscelerisqu invelite augue

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Lorem ipsum dolor

Proin leoscelerisqu invelite augue

Lorem ipsum dolor sit amet, adipiscing elit diam wisi.

Lorem ipsum dolor

Proin leoscelerisqu invelite augue

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Lorem ipsum dolor sit amet, adipiscing elit sed diam non ummy nibh euismod.

Aliquam aliquam etsodales orci suspendissepotenti nunc adipiscing

Lorem ipsum dolor

Brug af sekundære farver

Designguide – Professionshøjskolen Absalon 39Eksempler