Page 1

Designmanual DESIGNMANUAL TIL NY VISUEL IDENTITET FOR ODENSE DESIGNAKADEMI 2017

oda ODENSE DESIGNAKADEMI


DESIGNMANUAL ODENSE DESIGNAKADEMI

Version 1.1 - Juli 2017 Udarbejdet af Thit Hansgaard thithit.com odensedesignakademi.dk

2


LOGO LOGOETS BETYDNING

kvadrat. Rammen kan også bruges alene, hvilket f.eks. egner

Logoet for Odense Designakademi kan bruges på mange

sig godt til Instagram-opslag, hvor et billede skal være i fokus.

måder. Grundidéen bag logoet er at ‘rammen’ symboliserer

Logoet kan også bruges som wordmark, altså uden rammen

et blankt ark papir - starten på enhver designproces.

omkring. Dette egner sig godt på f.eks. brevpapir.

Fra dette ark papir kan elevernes værker udfolde sig i al deres mangfoldighed.

Logoet med rammen er beregnet til at spille sammen med et billede der placeres bagved. Billedet kan endda ‘bryde ud’

LOGOETS ANVENDELSE

gennem rammen, som set i eksemplet herunder.

Logoet er designet til at kunne bruges i et væld af sammenhænge. Derfor er det ikke afgørende, at rammen altid er i

Når fokus er på baggrundsbillederne og at logoets elementer

samme proportioner.

kan flyttes efter behov, giver det et fleksibelt og langtid-

Rammen kan bådes anvendes i høj- og bredformat og som

sholdbart logodesign, der kan tilpasses skolens udvikling.

3


LOGO LOGOET UDEN RAMME Sort og hvid udgave. Tekst enten under eller til højre for symbolet.

oda ODENSE DESIGNAKADEMI

oda

ODENSE DESIGNAKADEMI

oda ODENSE DESIGNAKADEMI

oda

ODENSE DESIGNAKADEMI

LOGOET MED RAMME - HØJFORMAT Sort og hvid udgave. Tekst enten under eller til højre for symbolet.

oda ODENSE DESIGNAKADEMI

oda 4

ODENSE DESIGNAKADEMI

oda ODENSE DESIGNAKADEMI

oda

ODENSE DESIGNAKADEMI


LOGO LOGOET MED RAMME - KVADRAT Sort og hvid udgave. Tekst enten under eller til højre for symbolet.

oda ODENSE DESIGNAKADEMI

oda

ODENSE DESIGNAKADEMI

oda ODENSE DESIGNAKADEMI

oda

ODENSE DESIGNAKADEMI

LOGOET MED RAMME - BREDFORMAT Sort og hvid udgave. Tekst til højre for symbolet.

oda

ODENSE DESIGNAKADEMI

oda

ODENSE DESIGNAKADEMI

RAMME ALENE Sort og hvid udgave.

5


SKRIFTTYPER Der benyttes primært to forskellige skrifttyper. Til store

Det er også værd at bemærke at under- og mellemrubrik-

overskrifter bruges serif-fonten ‘Playfair Display’ og til alt

ker benytter sig af en høj tracking, for at skabe luft mellem

andet benyttes sans serif- fonten ‘Lato’. Begge skrifttyper er

bogstaverne.

fra Google Fonts og skriftfamilierne kan hentes helt gratis.

Brødteksten er i vægten Light, men kan ændres til Regular, hvis f.eks. en tryksag bliver for utydelig ellers. Bemærk også

Det vigtigste er at bemærke størrelsesforholdet mellem

høj leading i brødteksten, der giver luft mellem linjerne og

skrifterne. Selve skriftstørrelsen kan jo variere - fra kæmpe

dermed god læsbarhed på skærm og tryksager.

bannere til små flyers.

Her kan også frit varieres mellem venstre- og midtjustering.

Overskrift Font: Playfair Display. Weight: Black. Size: 60 pt. Leading: 80 pt.

UNDERRUBRIK Font: Lato. Weight: Bold. Size: 24 pt. Leading: 30 pt. Tracking: 40. Caps: All caps.

MELLEMRUBRIK Font: Lato. Weight: Bold. Size: 10 pt. Leading: 18 pt. Tracking: 40. Caps: All caps.

Brødtekst brødtekst brødtekst. Brødtekst tekst. Tekst brødtekst brødtekst. Font: Lato. Weight: Light. Size: 10 pt. Leading: 18 pt. Tracking: 0.

DOWNLOAD SKRIFTTYPER FRA GOOGLE FONTS HER: https://fonts.google.com/specimen/Lato https://fonts.google.com/specimen/Playfair+Display

6


FARVER Hele den visuelle identitet er bygget op om tre pang-farver

Alle de udvalgte farver er baseret på CMYK-farvesystemet,

og tre dæmpede farver, foruden sort og hvid.

hvilket gør at de ikke ser anderledes ud på tryk, end de gør på skærmen.

De primære farver der benyttes er den turkisgrønne og den lyse grå. Derudover bør der bruges meget hvidt, for at give et luftigt og rent udtryk. Bemærk at den sorte farve ikke er helt sort - dette skyldes at en lidt afdæmpet sort har bedre læsbarhed på skærme.

R: 35 G: 31 B: 32

R: 13 G: 180 B: 186

R: 255 G: 245 B: 89

R: 231 G: 108 B: 137

C: 70 M: 67 Y: 64 K: 74

C: 74 M: 4 Y: 30 K: 0

C: 4 M: 0 Y: 75 K: 0

C: 4 M: 74 Y: 26 K: 0

#231F20

#0DB3B9

#FFF559

#E76C89

R: 255 G: 255 B: 255

R: 209 G: 210 B: 212

R: 245 G: 213 B: 205

R: 64 G: 53 B: 96

C: 0 M: 0 Y: 0 K: 0

C: 9 M: 7 Y: 4 K: 0

C: 72 M: 18 Y: 14 K: 0

C: 84 M: 86 Y: 35 K: 25

#FFFFFF

#E5E3E9

#F5D4CC

#403560

7


GRAFISKE ELEMENTER Der kan benyttes visuelle skille-markører til at opdele og adskille tekster og sektioner fra hinanden. Primært benyttes den gule, mønstrede cirkel og den gule aflange streg. En turkisblå lang streg, kan også bruges på tværs af en side. Derudover er det tilladt at være kreativ med farver og mønstre, for at skabe et dynamisk udtryk.

BAGGRUNDS-MØNSTRE

8


LINJERNE & KLASSERNE LINJERNE

tekster, altså skal det f.eks. skrives: Spildesign & Animation

Det er særdeles vigtigt at linjerne altid skrives på samme

også i brødtekst.

måde alle steder. Linjerne har skiftet navn flere gange og derfor kan det være svært for eleven at finde rundt i, hvis alle

KLASSERNE

har forskellige idéer om hvad linjerne hedder.

Klasserne har hver sit symbol og kendingsbogstav.

Husk at skrive hvert begyndelsesbogstav med stort når en

‘d’ og ‘e’ er i fonten Montserrat og ‘10’ er i fonten Playfair

linje nævnes, og husk også at bruge &-tegn i stedet for ‘og’.

Display. Hver klasse har sin egen distiktive farve, for at skabe

Linjerne skal hedde det samme både i overskrifter og brød-

en visuel differentiering mellem klasserne.

Spildesign & Animation Fashion Design Kunst & Grafisk Design Industrielt Design

Designklassen

Eventklassen

10. klasse

9


EKSEMPLER PÅ BRUG På de følgende sider ses eksempler på hvordan den visuelle identitet kan bruges til grafik både digitalt og i trykte medier.

Rammen kan bruges som en genkendelses-markør omkring forskelligt indhold på de sociale medier, f.eks. billeder, video og GIF-animationer. Det er tilladt at strække rammen så det passer på mange formater, som det ses på nederste banner-layout. Her ses også hvordan motivet ‘sprænger’ rammen.

Kreativ uddannelse? KOM TIL ÅBENT HUS SØNDAG DEN 24. SEPTEMBER ODENSEDESIGNAKADEMI.DK

10


Tag 10. klasse

med kreativt fokus

ET ÅR MED FULD FORDYBELSE

DESIGNKLASSE EVENTKLASSE 10. KLASSE

oda

BO PÅ SKOLEN MIDT I ODENSE

ODENSE DESIGNAKADEMI

ET ENESTÅENDE KREATIVT FÆLLESKAB

SPILDESIGN & ANIMATION FASHION DESIGN KUNST & GRAFISK DESIGN INDUSTRIELT DESIGN

ODENSEDESIGNAKADEMI.DK

oda ODENSE DESIGNAKADEMI

Her ses, på layout til rollups, hvordan rammen kan bruges om kvadratisk indhold i kasser der skiftevis er højre- og venstrejusterede. Dette layout går igen på hjemmesiden.

11


O

a

Invitation

d

ÅBNINGSRECEPTION & KONCERT PÅ ODENSE DESIGNAK ADEMI

Odense Fagskole, der i mere end 100 år har været centrum for kreativ uddannelse for unge i Odense, får nyt navn og ny profil. Du er inviteret til et brag af en lancering!

Torsdag den 10. august, fra kl. 16 til 18. Odense Designakademi, Ørstedsgade 28, Odense C.

Odense Designakademi er en fri fagskole med fokus på håndværk, kunst og design.

Kom forbi til koncert, lidt lækkerier og spændende oplæg om skolens historie og visioner for fremtiden. Live-optrædener af singer/songwriter-duoen Strawberry Blonde og gotisk synthesizer-afficianado Ras Bolding med både laserlys og band. Vi glæder os til at se dig!

O D EN S ED E S I G N A K A D EMI . D K

Ovenfor ses hvordan der kan leges med de forskellige

NØGLEBEGREBER

designelementer, både typografisk og billedmæssigt, her til

Det er vigtigt at holde tre nøglebegreber for øje, når man

udarbejdelse af en invitation.

kommunikerer hvad Odense Designakademi står for. En eller flere af netop disse tre ting, skal al kommunikation gerne udstråle:

Glade, unge mennesker Fede værker Seriøs vildskab

12

Odense Designakademi - Designmanual  

Designmanual til ny visuel identitet til Odense Designakademi 2017. Her beskrives hvordan logo, skrifttyper, farver og grafik bruges.

Odense Designakademi - Designmanual  

Designmanual til ny visuel identitet til Odense Designakademi 2017. Her beskrives hvordan logo, skrifttyper, farver og grafik bruges.

Advertisement