Tilleggsoppgaver. Avslutning

Like dokumenter
Designmanual. Versjon 1 september 2017

Grafisk profilhåndbok Retningslinjer for grafisk profil

innenfor grafisk design i fremtiden. Dette fordi jeg selv ønsker at jeg en dag vil bli en av dem.

Profilering av AnnoDans. -et prosjekt utarbeidet av Annikken Skjæran Rapport

Minimanual Kavlifondet s.1

Visuell profil. Innhold. Logo. Logo s. 3. farger s. 7. Typografi s. 8. Profilering s.11. s. 14 Merkantilt. s. 16 Web. s.18 Bilder

D E S I G N M A N U A L 1

Retningslinjer. Retningslinjer for kommunikasjon gjelder for alle oss som arbeider med å synligjøre/ profilere Stiftelsen Kristian Gerhard Jebsen.

Gjelder fra: Godkjent av: Camilla Bjørn

Skrifttypen i navnet (signaturen), er tidsriktig og fremstår som mer åpen enn tidligere.

Digitale verktøy Mina Gulla 28/09/10. Grafikk og bilder. Oppgave T4: Digitale bilder

GRAFISK IDENTITET HVALTORVET PROFILMANUAL

Ocean Bergen profilmanual. Om profilmanualen

Visuell identitet Januar 2015

HÅNDBOK FOR BRUK AV VALGMATERIELL

2018 Q2 versjon DESIGNMAL FLEX ØSTFOLD

Logo Wisum As Joakim Eide Daglig Leder Maiken Skogstad Mediegrafikermester

PROFILHÅNDBOK. Veiledning og inspirasjon til Byggeriets profil

PROFIL HÅNDBOK V1.0 // JANUAR 2012

Retningslinjer. Retningslinjer for kommunikasjon gjelder for alle oss som arbeider med å synligjøre/profilere Stiftelsen KGJ.

INNHOLD LOGO/FARGER POSTALIA EKSEMPLER PÅ PROFILERING : Farger 09-13: Om Logo 14-15: Typografi og dekordetaljer.

Om profilmanualen. Målgruppe og ønsket etterlatt inntrykk. Logo

Mandatory Assignment 04 Layout

Obligatorisk oppgave 02. One product Four decades

INNHOLD ABOUT ABOUT 3

Innledning. Utarbeidet for Barnas festival 12/2011 RDesign

Aurskog-Høland kommune. den romslige kommunen. Grafisk profil. for Aurskog-Høland kommune. April 09

INNHOLD. Grafisk design. Bruksområder. Profilmanual Nordlandsforskning. Innhold

Visualisering er den nye grammatikken. Levende bilder utkonkurrerer de lange tekstene... Hvordan kommuniserer vi akademisk kvalitet?

Grafisk pakke dataseminar ARK6 12.feb 2008

BODØ 2016 PROFILMANUAL

Logo Logo plassering. Logo. Fargeprofil Fargesammensetning. Farge. Typografi Font hierarki. Skrifttype

Profilmanual. Grafiske retningslinjer for Handel og Kontor i Norge

Profilmanual. Mai 2015 Versjon 1.0

Profilhåndbok T. Kolstad Eiendom. profilhåndbok. for t. kolstad eiendom AS. retningslinjer og filer. Denne profilen er utviklet av Lima Design

rapport obligatorisk oppgave 05

Brukermanual. Support: Skytterkontoret Tlf: 02419, tast 2 support@dfs.no Velkommen til EPI-Server 7.

PROFILHÅNDBOK RØYKEN HISTORIELAG

Innledning. Sjanger og målgruppe 4 Budskap 5. Typografi 7 Farger 8-9

Profilhåndbok Aktiv mot kreft. Revidert 2014

Profilhåndbok Norges Bygdeungdomslag

Denne designmanualen for Private Brand Solutions er utarbeidet av Annette Berg Dahlen Versjon

Refleksjonsnotat Web.

1 innhold. Forskningsdagene. Grafiske retningslinjer, februar 2011

RØYKEN kommune. Grafisk profilmanual. Revidert januar 2016

Grafisk profil Norske Landbrukstenester

GRAFISK PROFILHÅNDBOK

Profilhåndbok. for Troms fylkeskommune

I denne boken P R O F I L M A N U A L 1

1. Om profilen. 2. Logo. 3. Profilfarger. 4. Typografi. 1.1 Vår visuelle profil 1.2 Stemmeleie

Innhold. Forord. Den visuelle profilen til festivalen er bygget opp på grunnlag av at hovedmålgruppa er relativt små barn.

Velkommen som bruker av Live logo!

Design. Manual. Mynte Medier. Svein Erik Rusten

PROSJEKTBESKRIVELSE OG RESEARCH

Typografi Introduksjon

Viva Designmanual 1. Designmanual

Designmanual. Retningslinjer for bruk av visuell profil

Noen viktige poenger for deg som er typograf eller designer hos produsenter av Tekna kursbrosjyrer:

Grafisk håndbok. Rødt 2019 v 0.9

INNHOLD ABOUT 3 LOGOEN 4 FARGER 6 TYPOGRAFI 8. DOs 10. DONTs 11 PROGRAM 12 PLAKAT 13 T-SKJORTER 14 BILLETTER 15 KONTAKTINFO 16

Profilmanual. for Norsk Form

PROFILHÅNDBOK VERSION

REFLEKSJON PSYKISK HELSE

Grafisk håndbok unge venstre

Vi selger iphonedeksler med motiv til deg som ønsker å beskytte din mobil med stil.

Hvordan bruke. En enkel guide Følg den røde pila!

Designhåndbok Hydal Aluminium Profiler rev Hydal Aluminium Profiler AS Postboks 600, NO GJØVIK tlf.

Innledning. Persona. For å ta for oss noen målgrupper kan vi tenke oss:

EKSAMEN 3.SEMESTER RAPPORT BARNAS BOKFESTIVAL I BERGEN

Grafisk håndbok unge venstre

Ledernes profilmanual

Riksarkivet. Designretningslinjer for elektroniske medier. Designdokumentasjon for Riksarkivet. Versjon 01

Retningslinjer for bruk av logo. Norsk Jernbaneklubb

DESIGNMANUAL. Funksjonshemmedes fellesorganisasjon

Odd Fellow Webadministrasjon

Det var ikke lov til å bruke tekst på plakaten og den skulle ha målene cm, en

HØGSKOLEN I SØR-TRØNDELAG Avdeling for informatikk og e-læring

Rapport Oblig 08 - Flash galleri og banner.

Profilhåndboken gir retningslinjer på hvordan den grafiske profilen til Altiweb skal brukes.

Brukerveiledning NHO digitale håndbøker. Veileder

Innholdsfortegnelse

Viva Designmanual 1. Designmanual

EL OG IT FORBUNDET PROFILMANUAL 2 INNHOLD

Innhold. Sjanger og målgruppe 4 Budskap 5 Logo 6 Farger 7 Typografi 8 Design/objekter 9 Design/objekter 10

Brukermanual. Itpays W3 Publish. Sette opp, logge inn og komme i gang. Redigert den 23. mai

Innføring i posterdesign. Anika Mackenroth Seksjon for formidlingstjenester Det helsevitenskapelige fakultet

Veiledning VinterJazz kampanjemateriell Logo

FN-SAMBANDET I NY DRAKT

PROFILMANUAL LOGO OG DESIGNELEMENTER SIRA HUNDEMAT

Nettsideplanleggings Guide

PURA DESIGNMANUAL SIST OPPDATERT AUGUST 2008 UTVIKLET AV SOMMERSETHDESIGN.NO

Årsplan for Design og Redesign 9. trinn 2018/2019

PRESENTASJON. BOP3102 Bacheloroppgave. Vår Eksamensnummer:

PROFILHÅNDBOK Versjon 1.13 Februar, 2013

Få din egen hjemmeside

PROSJEKTEKSAMEN. Innhold: GRA 1. Brief s Prosess s Designvalg s Egenevaluering s. 12 A V E S P E N S U S O R T.

Profilmanual. September 2015 Versjon 1.0

BRUKERMANUAL (versjon 1.0)

hjertet:

Transkript:

Dette dokumentet er laget i formatet 1920x1080px og vi anbefaler å åpne PDF filen i fullskjerm. Til å navigere anbefaler vi å bruke piltaster (høyre/venstre) eller pilene vi har lagt til i dokumentet. Navn Logo Tilleggsoppgaver Utvikling... Ferdig Produkt... Vektor & Greyscale... 4 5 6 Rollup & Backstagepass... T-Skjorter... Festivalnett... 15 16 17 Visuell Identitet Avslutning Fargevalg... Mønster & Tilleggselementer... Typografi... 7 8 9 Arbeidsfordeling... Referanser... 18 19 Markedsføringselementer Plakat 70x100cm... Flyer A5... Webdesign... Webannonse 780x90 px... 10 11 12 14 2

Da vi skulle lete etter navn til festivalen, valgte vi å ta utgangspunkt i oppgaveteksten: Musikkfestivalen skal arrangeres på Sørlandet og vil ha preg av sommer, sol og skjærgård. Festivalen finner sted helgen 28 30 Juli 2017. Derav lette vi etter sørlandsuttrykk, som kunne passe til kriteriene. Etter å ha snakket med flere sørlendinger, så fant vi ut at smeigedag var et uttrykk som var kjent for alle sørlendinger, og derfor egnet seg godt som navn på vår festival. Vi har vært innom mange sommerrelaterte navn. 3

UTVIKLING Da vi skulle skisse en logo, var vi nødt til å ta utgangspunkt i oppgaveteksten. Vi begynte først og fremst å tenke på hvilke farger vi kunne tenke oss i logoen. Vi kom frem til at solnedgang, er noe som minner de fleste om sommeren. Dette valgte vi å utnytte da vi skulle vurdere fargevalg, men dette kommer vi inn på senere under visuell identitet. Etter mye research med søk som summer, summer vector, svaberg, osv. samt andre festivaler i samme sjanger. Endte vi opp med en skisse med solnedgang og skjærgård. 4

FERDIG PRODUKT Vi har tenkt at logoen skal brukes på to forskjellige måter. Den ene skal brukes i kontekst hvor man vet hva logoen representerer (som på t-skjorter som man kjøper på festivalen/ brukes av frivillige). Hovedlogoen består av samme logo bare med tekst. Vi innså at slik logoen var uten tekst, ville den ikke være så gjenkjennelig som vi ønsket. 5

Vektor & GREYSCALE Logoen er laget i vektorgrafikk og kan derfor skaleres opp og ned så mye man vil uten tap av piksler. Greyscale har vi tatt med for de tilfellene dette er nødvendig. 6

FARGEVALG #A62945 #FF6545 #FFAE45 #FEFB45 #FFFFFF #000000 Vi tok utgangspunkt i solnedgangen vi laget i logoen. Slik at gult og oransje ble våre primærfarger. Men da disse fargene ikke er de beste til å skape god lesbarhet, så har vi også brukt mye hvitt og sort. Det var også viktig for oss å skape sterke kontraster som varmer og tiltrekker seg oppmerksomhet samtidig. 7

MØNSTER & TILLEGGSELEMENTER Vi har tatt i bruk en low-poly bakgrunn. Da vi først fant denne så vi et stort potensiale, og brukte den videre som en gjennomgående bakgrunn for hele prosjektet. I utgangspunktet var den for liten og derfor endte vi opp med å gjøre den om til vektorgrafikk, slik at den ble mer anvendelig. Vi hadde en idé om å bruke et fyrtårn i logoen, men det ble for detaljert. Derfor valgte vi å ha det som et tilleggselement i stedet og implementerte det i webannonsen. I illustrasjonen til venstre viser vi frem både low-poly mønsteret og fyrtårnet samtidig. 8

TYPOGRAFI Smeigedagene Primærfont Lemon Milk bold, har gått igjennom som en rød tråd, og skal assosieres med festivalen. SmeigeDagene Overskrifter Open Sans Extra Bold, har blitt brukt fordi at den fanger oppmerksomhet ved sine skarpe kanter og tydelige blokkbokstaver. SmeigeDagene Brødtekst Roboto Condensed Regular har vi brukt siden den passer veldig godt med Open Sans og er behagelig å lese. SmeigeDagene Logo Detalj Amanda Salées er blitt brukt til å illustrere to bokstaver i logoens skyer. 9

PLAKAT 70x100CM Plakaten har størrelsen 70x100 cm, og er laget i vektorgrafikk. Vi har også lagt til fargekorrigering i Photoshop, slik at vi ungikk blasse farger i mockupene. Den skal skape interesse, informere og vise sponsorer. Plakaten må ha mye informasjon, ettersom det ikke er noen der til å informere. Videre skal den også gi muligheten til å sende kunden videre til mer info, (hjemmesiden) derav linken i bunnen. Referanse 1: Mockup Poster 10

FLYER A5 Flyeren er laget som en vektor i et A5 format med informasjon på begge sider. Den skal inneholde samme informasjon som på en plakat, gjerne litt mer. I stedet for å stoppe og lese på en plakat, kan man i stedet ta med seg en flyer og lese den senere. Referanse 2: Mockup Flyer 11

WEBDESIGN Vi har valgt å lage et moderne, stilrent design som er ryddig og gjør det enkelt å finne frem for brukeren. Ved første møte skal besøkende få lyst til å dra på festival. Ved bruk av et One-Page design, er det enkelt for brukerene å finne frem dit de ønsker. Det første man ser, er menyen som er delt i to med logoen vår i midten. På venstre side er alle interne lenker, og på høyre er alle eksterne lenker. Interne lenker er såkalte Anchor-links og sender deg lenger ned på forsiden. Videre får man informasjon om de største artistene, og blir invitert videre inn til artistlisten gjennom en stor synlig knapp. Referanse 3: Apple Produkter 12

WEBDESIGN Vi har valgt å dele opp nettsiden i flere avsnitt, dette for å kunne vise frem flere detaljer og litt mer innhold enn ved første øyekast. Nederst ser man et eksempel på en neste del av nettsiden. Her har vi brukt ulike teknikker for å presentere innholdet på en innovativ og spennende måte. Referanse 4: Nettside Bakgrunn 13

WEBANNONSE 780x90 px Vi vil at webannonsen skal være godt synlig og attraktiv for målgruppen. Den skal være informativ og representere arrangementet på en riktig måte. Referanse 3: Apple Produkter 14

ROLLUP & BACKSTAGEPASS Det viktigste med et backstagepass er selvfølgelig funksjonen, men designet er viktig for å beholde den gjennomgående stilen. Rollupen skal være informativ samtidig som den stjeler oppmerksomheten til de forbigående. Dette løste vi ved å bruke sterke kontraster og mektig tekst. Referanse 6: Barcode Backstage-pass Referanse 7: Mockup Backstage-pass Referanse 5: Mockup Rollup 15

T-SKJORTER Her har vi implementert logo og design på t-skjorter for å vise eksempler på hvordan en festival t-skjorte kunne ha sett ut. Referanse 8: T-Skjorte Mockup 16

Festivalnett Her har vi implementert logo på et festivalnett, for å vise eksempler på hvordan et festivalnett kan se ut 17

Vi har hele tiden under arbeidet sittet ved siden av hverandre, noe som har resultert i god dialog. Gruppen har jobbet veldig godt sammen. Vi har jobbet på hver vår oppgave, for så å presentere oppgaven for de andre gruppemedlemmene. På den måten har alle kunnet dele idéer og vi har unngått tunnelsyn. Dette har ført til mye bedre produkter, enn det som i utgangspunktet ble presentert. Ved implementering av objektene i InDesign (presentasjonen) har to av gruppemedlemmene hatt ansvar for sideoppsett, mens det siste medlemmet har skrevet teksten som skal inn i presentasjonen. Etter hver ferdige side har vi finskrevet og blitt enige om at siden så ut slik vi ville. Ved å gjøre dette har vi arbeidet mer effektivt, og fått en bedre arbeidsflyt. Da nettsiden ble laget, var alle i gruppen fornøyd ved første utkast. Dette førte da til at kandidatnr 428 utførte denne delen alene. Vi er veldig fornøyd og stolt av både resultatet og gruppesamarbeidet. Kandidatnr: 428, 439 & 445 18

Low-Poly (Bakgrunnsbilder) https://static.wixstatic.com/media/0b9805_7f64e24c583d4dee81c81a968f9cff55~mv2.jpg 1. Mockup poster https://selz.com/download/592ec3476edca01b7c992990 2. Flyer mockup https://drive.google.com/file/d/0b5vdtw7m0avbrf9nnkvfnf9tzxm/view 3. Apple produkter http://www.graphberry.com/item/apple-devices-mockup 4. Nettside bakgrunn http://www.skral.no/media/2208/20160106t061917607.jpg?anchor=center&mode=crop&rnd=130971762640000000 5. Mockup Rollup https://qeaql.com/graphics/mock-up/ad-banner/photoshop-psd/ly6s4whnq3x28ssc2 6. Barcode til backstage-pass http://www.databar-barcode.info/wp-content/uploads/2015/02/barcode-15.png 7. Mockup backstage-pass http://www.pixeden.com/psd-mock-up-templates/psd-identity-card-holder-mockup-vol2 8. T-skjorte mockup http://graphicburger.com/down/?q=t-shirt-mockup-psd 19