CPH Distortion Designmanual

Distortio

n

PH We Rock

Your World

2

IndledningDet udviklede designkoncept til Copenhagen Distortion be-står af en designmanual, som danner baggrund for visu-alisering af den grafiske brugerflade til en prototype på et nyhedssite og til en iphone-applikation. Med udgangspunkt i designmanualen er der endvidere udarbejdet forslag til nyt logo, merchandise og øvrigt promotionmateriale.

Det visuelle udtryk der er valgt til designkonceptet er Post-modernisme. Stilen er kendetegnet ved stærke og klare farver på detaljer, et bredt spektrum af mønstre, geometriske former som trekanter, firkanter og cirkler. Postmodernismen er ofte inspireret af storbynattens neonlys, hvilket harmo-nerer med Copenhagen Distortions festivalarrangementer.

Spansk kunstner og designerEn af Postmodernismens store eksponenter, Javier Maris-cal, er spansk kunstner og designer født 1950 i Valencia i Spanien. Han startede studier på Escuela de Elisava i Barcelona. Siden 1971 har han boet og arbejdet i Barce-lona. I 1989 åbnede Mariscal Estudio Mariscal. Mariscal som også er døbt ”Peter Pan af spansk design” favner et bredt spektrum af kreative evner fra skøre tegneserier over interiører/indretning, møbeldesign, grafisk design, maleri, skulptur, Urban Planning til havedesign og Corporate Iden-tity. Mariscals udtryksform er stærke farver og stor udtryks-fuldhed med få streger.

Designpriser og kunstprojekter

Mariscal er modtager af adskillige designpriser her iblandt den nationale pris for Design i 1999. Af kunst-projekter kan nævnes Gambrius – en kæmpe glasfi-ber hummer, som er placeret ved indgangen til havnen Passeig de Colom. I 1992 designede han Cobi – den officielle OL-maskot for OL i 1992. Hundemaskotten er nu den mest profitable maskot i historien. Senere designede han Corporate Image for Barcelona Zoo. I 1995 blev Alexandra-lænestolen tegnet. I 2002 de-signede han alt fra uniformer til facaden på Gran Hotel Domine Bilbao herunder også det grafiske billede og dets websted.

3

Kirsten Lynge Trefeldt3. semester, 2011 [email protected]

Distortion PH

Indeks

Logo, logotype og 5. element 4 Farvepalette 5 Designelementer, mønstre og typografi 6 iphone-app 7

Merchandise 8 Plakat i fuld størrelse 9 Plakat i miljø 10

4

Kirsten Lynge Trefeldt3. semester, 2011

[email protected] Distortion PH

Copenhagen Distortions nuværende logo er lidt for detaljeret og kaotisk at se på. På den baggrund er der udarbejdet forslag til nyt logo/logotype. Tanken med det nye logo er, at lave en forenkling samt illu-strere musikken, som er det bærende element gen-nem hele Distortion Festivalen. C’et for Copenhagen symboliseres derfor af en afbrækket CD/DVD. Logo-fonten Ariel er anvendt til logotypen.

LogofarveDet nye logo til Copenhagen Distortion er i farverne orange og sort. Nedenfor ses logoet også i gråtone, hvidt og sort.

Logo, logotype og 5. element

SloganTil understøttelse af Logo og logotype er der ud-færdiget et slogan: “We Rock Your World”. Fonten skal højretilles under logotypen. Farvemæssigt kan Tagline-fonten stå i de forskellige designfarver, som det passer ind i fremtidige grafiske opgaver.

5. elementDer er udarbejdet en supergrafisk effekt i form af en hånd, der gør V-tegn. V-tegnet ses typisk, hvor der er unge mennesker til koncert eller festival. V-tegnet gør det ud for CPH Distortions 5. element.

5. element

Logo

Tagline/slogan

Distortion PH Distortion PH

Distortion PH

Distortion PH

We rock Your World

5


Distortion PH

Farvepalette

HSV: 11

100

100

RGB: 25

5 51

0

CMYK: 0 8

8 94

0

HEX: #ff

f3300

HSV: 17

9 100

40

RGB: 0

102

102

CMYK: 87

42 5

3 0

HEX: #0

0666

6

HSV: 16

3 100

80

RGB: 0

204

153

CMYK: 70

0 52

0

HEX: #0

0cc9

9

HSV: 17

9 10

0 0

RGB: 0

0 0

CMYK: 86

85 7

9 10

0

HEX: #0

0000

0

HSV: 17

9 0

100

RGB: 25

5 25

5 25

5

CMYK: 0 0

0 0

HEX: #ff

ffff

Farvesammensætning

I tråd med Copenhagen Distortion Festivals egne termer er farvepaletten udviklet til at repræsentere de fem kvarterer, der er en del af den 5-dage lange Distortion-fest. De rene farver anvendes både på site og grafisk brugerflade til Distortion-iphone-app.

Farvesammensætningen består af 3 tertiærfarver herudover en ren sort og en ren hvid. Den orange, mørkturkise og lysturkise er rene, klare og mættede farver uden brug af beskygning. Den varme rød- orange farve er blandet af den gule farves lys og den røde farves varme. De kølige turkise toner er blandet af lige dele grønt og blåt.

Farverelationer

De 3 kromatiske farver udgør en farveharmoni, da de ligger over for hinanden i den tolvdelte farvekreds, samtidig er de også komplementærfarver. Farvernes

valør, forøger i forbundethed strålekraften hos hin-anden.

Farver i forhold til stilart

Farverne er i tråd med Postmodernismens stærke og klare pangfarver.

Farver i forhold til KBH og målgruppen

Den rødorange farve udstråler varme, kreativitet, strålekraft, sikkerhed og selvrespekt. De turkise toner symboliserer glæde og ungdommelighed, men også kølighed, beherskelse og sentimentalitet. De 3 farver tilfører projektet en energi, der matcher mål-grupen, som hovedsagelig hører til den yngre del af befolkningen. Karaktermæssigt består målgruppen af energiske, kreative og teknisk mindede menne-sker. De friske farvetoner antyder ungdom, kreati-vitet (kunst) og mobilitet.

6



Designelementer, mønstre og typografi

DesignelementerSom designelementer anvendes skitser af menne-sker i bevægelse, musiksymboler og den super-grafiske effekt, som omtalt på side 4. Det, at festi-valen er mobil bliver blandt andet symboliseret ved silhouetter af mennesker i bevægelse.

TypografiSom typografi er fonten Arial valgt. Fonten, som er en grotesk/sans serif skrifttype, er en læsevenlig skrifttype i forhold til den eksisterende Courier New, som anvendes på sitet i dag. Overskrifter: Arial Regular 26 ptUnderoverskrifter: Arial Bold 12 ptBrødtekst: Arial Regular 10 pt

Font name: Arial

Version: Version 5.06

OpenType Layout, Digitally Signed, TrueType Outlines

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890.:,; ' " (!?) +-*/=

12The quick brown fox jumps over the lazy dog. 1234567890

18 The quick brown fox jumps over the lazy dog. 1234567

24 The quick brown fox jumps over the lazy

36 The quick brown fox jumps

48 The quick brown fox

60 The quick brown

72 The quick bro

Arial Regular 26 pt Arial Bold 12 pt

Arial Regular 10 pt

7


Distortion PH

CPH Distortion iphone-app

Grafisk brugerfladeDen grafiske brugerflade til iphoneapplikationen er udviklet i overensstemmelse med de visuelle ele-menter i designmanualen.

Ikoneriphone-ikonerne er skabt i tråd med de valgte de-signelementer i designmanualen og symboliseres af silhouettegninger. Det gennemgående farvevalg til applikationer er hvid, sort og de turkise toner i farvepaletten.

TypografiI overensstemmelse med site og andet materiale i det visuelle koncept, er fonten Arial valgt til anven-delse på brugerfladen.

LogoDet nye logo er placeret øverst i venstre side af time-baren på iphone-brugerfladen.

22:35Monday, June 6, 2011

AT&T 3G

Distortion PH

News Contacts Friends Gallery

Dist

ortio

n

PH

PHOTOSPHOTOSPHOTOS

IMAGES IMAGES IMAGESGALLERY

GALLERYlGALLERYl

GALLERYGALLERY

GALLERYGALLERY

GALLERYGALERY

GALLERYGALLERYl

GALLERYGALLlERY

GALLERYl

GALLERYGALLERY

GALLERYGALLERY

GALLERYGALLERYl

GALLERY

Gallery

PHOTOSPHOTOSPHOTOS

IMAGES IMAGES IMAGESGALLERY

GALLERYlGALLERYl

GALLERYGALLERY

GALLERYGALLERY

GALLERYGALERY

GALLERYGALLERYl

GALLERYGALLlERY

GALLERYl

GALLERYGALLERY

GALLERYGALLERY

GALLERYGALLERYl

GALLERY

Dist

ortio

n

PH

8




AT&T 3G

Distortion

PH


AT&T 3G

Distortion

PH

Dist

ortio

n

PH

We Rock Your Worldwww. cphdistortion.dk

Merchandise

Sodacan T-shirt

SunglasesBadges

Umbrella


AT&T 3G

Distortion

PH


AT&T 3G

Distortion

PH

Dist

ortio

n

PH

We Rock Your Worldwww. cphdistortion.dk

9



10

Designinspiration - PostmodernismePlakaten, der udelukkende er udarbejdet i Illustra-tor, er inspireret af Postmodernismen. Farver og de-signelementer fra Copenhagen Distortions design-manual er anvendt,

EksponeringEksponeringen foregår både på husfacader i København, men også i tog og busser.

Plakat

Distortion PH We Rock Your World

CPH Distortion Designmanual

Documents

Transcript of CPH Distortion Designmanual