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