Projekt 3 Visuel ID

Forslag til logo
Min idé var en sol, da solen for mig står for livsglæde og sundhed.

Rasmus havde fået en ide om et slogan ”sport – på den kloge måde”. Men synes det virker for langt til et logo, så mit forslag blev ”Klog-Sport”, forestillede mig samtidig solen bagved.

Font til logoet
Gik ind på hjemmesiden dafonts.com for at finde en font jeg ville benytte. Mit valg blev ”xenogears” og ”harabara” for at prøve lidt forskellige muligheder.

Afgrændsning
Jeg ville lave et logo som kunne vises ved alle events, plakater osv. Det skulle også kunne vises sammen med DIF’s logo. Så jeg ville benytte mindst en af farverne fra deres logo. Undervejs i forløbet fik jeg ideen at lave „Klog-sport” om til ”Sund-Sport”.

    Workflow:

  • Tegnede en ellipse
  • Skrev logoteksten ”klog-sport” over
  • Tegnede en solstråle med penne-værktøjet
  • Og lavede en rotation på 30 grader med centrum i ellipsen
  • Gentog rotationen ind til jeg havde solstråle hele vejen rund
  • Jeg bemærkede at strålerne lignede ben
  • Prøvede at lave flere forskellige forslag og prøvede forskellige farve kombinationer bl.a. samme røde farve som i Dif’s logo.
  • For at sikre mig at logoet kunne vises sammen med Dif’s logo hentede jeg det ind i Illustrator

Her er de to logo forslag:

Klog-Sport (pdf — 31.7 mb)

Sund-Sport (pdf — 31.7 mb)

Efter at have vurderet alle logoerne i gruppen. Valgte vi følgende logo til den visuelle identitet. Jeg har stået for rentegningen herunder (klik på billedet for at se det i større udgave).


Frise idé
For at kunne differentiere de forskellige segmenter i målgruppen, fik jeg den idé at vi kunne lave en frise. Frisen kunne skifte farve alt efter segment og med logoet for sund-sport inde i. Vi blev så i gruppen enige om hvilke farver der skulle repræsentere hvad. Her er friserne som de endte med at se ud (klik på billedet for at se det i større udgave).

    Workflow i illustrator:

  • Tegnede en lang rektangel som skulle kunne bruges til at skære i
  • Hentede logoet over (fra logo.ai over til frise.ai)
  • Forstørrede det op til en stor størrelse som kunne danne et godt mønster i firkanten
  • Brugte „pathfinder” panellet/divide til at skære mønstret
  • Klikkede på rektanglet og ændrede farverene så de blev røde baggrunden i en mørkere nuance end logo figuren

Plakat Udvalg
For at prøve alle ideer af mht. mediet plakat — lavede vi alle nogle udkast. Jeg var så heldig at de andre i gruppen, valgte mit udkast eller idé. Der var mange gode ideer i gruppen så jeg er meget beæret. Herunder ses plakaten som er lavet i Illustrator og Photoshop.

Grundlæggende for plakat designet
Øverst i venstre hjørne findes logoet som tydeligt identificerer kampagnen. Lilla for alternativ idræt, grøn for ernæring, gul til præsentationsfremmendestoffer og rød til euforiserendestoffer. Disse farver går igen på de to streger under logoet og på frisen i bunden af plakaten. Frisen er som nævnt en del af den visuelle identitet på plakater og website.

Kampagnesitet
For at samle de forskellige undersegmenter af målgruppen. Har vi valgt at oprette et website. Da jeg har prøvet at lave mange websites før foreslog jeg gruppen at lave en. Selve ideen med et segment pr. farve er gruppens idé. Websitet er egentlig kun en prototype og udelukkende udviklet til at vise hvordan den visuelle identitet skal implementeres i et website. Den er testet til firefox og ikke andet. Så jeg garanterer ikke for om den virker i IE.

Det mest komplicerede er navigationsdelen — alle knapper er baseret på CSS regler. Således at man senere ville kunne give knapperne en variable bredde alt efter tekst indholdet i knapperne. På den måde vil det være ret ukompliceret at tilføje emner til menuen. Nedenfor er et skærmdump af siden. (Klik på billedet for at få en større udgave af billedet)

Selve websitet findes her (udelukkende testet og udviklet til Firefox).

Dette indlæg blev udgivet i content, Studie Projekt og tagget , . Bogmærk permalinket.

Skriv en svar

Din e-mail-adresse vil ikke blive offentliggjort. Krævede felter er markeret med *

*

Disse HTML koder og attributter er tilladte: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>