13
DESIGN MANUAL

DESIGN MANUAL - VU

  • Upload
    others

  • View
    4

  • Download
    0

Embed Size (px)

Citation preview

Page 1: DESIGN MANUAL - VU

DESIGN MANUAL

Page 2: DESIGN MANUAL - VU

INDHOLD:

Diego Flores
VU’s Design:Downloads:Generelle Design setups:- Farver- SkrifttyperIdentitet på Facebook:- Din egen Facebook Side- Profilbillede- Side Cover- Event Cover- Spot skabelon
Page 3: DESIGN MANUAL - VU

VU’S DESIGN: DOWNLOADS:Her er nogle brugbare links til det grafiske arbejde i Venstres Ungdom

Onedrive mappe: https://1drv.ms/u/s!AnuJkkKPt1r5vl6O3j0rn60g6tG-?e=zQCDvRHer kan du finde skrifttyper og diverse skabeloner

VU’s Pressecenter: https://vu.dk/kontakt/pressebilleder-og-logoer/Her kan du finde billeder af formand og næstformand samt VU’s logoer i forskellige farver

Vælg .eps hvis det er til tryksager, eller til at lave nyt logo til en lokalforening. Vælg .png hvis det er til digital anvendelse (fx Powerpoints, facebook opslag og lignende).

Gratis billedmateriale: Freepik.com - Et hav af vektorer og motiver til at få liv i dine grafikker.Unsplash.com - Flotte billeder til baggrunde og lignende.

Vores design i Venstres Ungdom er helt sit eget, men giver alligevel associationer til Venstres farver. Vi bruger ligesom Ventre også blå, orange og hvid. Vores nuancer er dog tilstrækkeligt anderledes til at signalere, at vi er vores egne. Dén politiske ånd vi gennem-lever, når vi fra tid til anden agerer liberal vagthund overfor Venstre er netop subtilt udtrykt i vores valg af farver. Den dybere og mørkere VU blå er osgå et signal om at VU’s liberale gen går dybere end den lettere Venstrå blå nuance.

Vores skrifttype er også helt sin egen. Skrifttypen blev lavet i 2004 af tyskeren Yanone med inspiration fra 1920’ernes kaffehuse. Skrifttypen i dag bliver brugt bredt i forskellige sam-menhænge, alt fra Mcdonalds reklamer i New Zealand, kaffe produkter og shoppingcentre i Dubai til politiske bevægelser som #OccupyWallstreet.

Vores nuværende logo er fra 2012 og blev indført under Landsformand Morten Dahlin. Det er simpelt i sin struktur og altid let genkendeligt. Der er markering under U’et for at markere UNGDOM i vores navn. Logo’et blev lavet af Salvador.dk og blev lavet i samme omgang som vores nuværende hjemmeside.

Page 4: DESIGN MANUAL - VU

GENERELLE DESIGN SETUPS

Page 5: DESIGN MANUAL - VU

FARVER:

VU Blå: HSB: 204 - 100 - 15RGB: 0 - 22 - 37CMYK: 62 - 50 - 47 - 61#001625

VU Orange:HSb: 31-97-96RGB: 242 - 128 - 8CMYK: 4 - 50 - 100 - 1#f28008

Hvid:HSB: 0 - 0 - 100RGB: 0 - 22 - 37CMYK: 0 - 0 - 0 - 0#ffffff

VU Blå anvendes oftest til overskrifter, baggrunde og andre større grafiske elementer

VU Orange anvendes oftest når noget skal være i øjenfaldende, som eksempelvishvis der skal lægges tryk på et ord i en sætning, samt mindre grafiske detaljer

Den hvide farve anvendes som baggrund til brødtekster, eller som tekstfarve, når baggrunden er orange eller mørkeblå

Gem dine farver til senere brug:

Dobbelt klik på den markerede farver vælger

Indtast farvekoderne for farven i én af formaterne beskrevet tidligere og klik på Add to Swatches

Navngiv din farve og tryk OK - Du burde nu kunne finde din gemte farve ved at klikke en enkelt gang på farvevælgeren markeret på første billede

Page 6: DESIGN MANUAL - VU

SKRIFTTYPER

YANONE KAFFEESATZYANONE KAFFEESATZYANONE KAFFEESATZYANONE KAFFEESATZ

Skrifttypen ligger ikke som standard på din computer. Du skal derfor selv hente den. - Dette er heldigvis ikke så svært som man skulle tro!

1. Start med at downloade installationsfilerne fra vores Onedrive mappe (Se Downloads side 2)

2. Hent alle fire filer fra mappen og find dem efterfølgende på din computerHer skiller fremgangsmåden alt efter hvilket styresystem du kører:

3. (MAC) Dobbeltklik på hver enkel fil for at åbne installationsvinduet og tryk hernæst på installer knappen i det givne vindue

3. (Windows) Marker alle filerne og højreklik, vælg herefter install

VU’s skrifttype hedder Yanone Kaffeesats og er den primære skrifttype på alt materiale. Skrifftypen har forskellige tykkelse man kan arbejde med:

Den fede skrifttype (Bold) bruges ofte i overskrifter og taglines på kampagnerDen “normale“ (regular) bruges ofte til brødtekst og mellemlange afsnit i materiale

De to tynde (Light + Thin) bruges ikke så ofte, men kan give et elegant touch til dit materiale

Tal i tekster:Yanone Kaffeesatz har desværre lidt flyvske tal, derfor bruger vi ofte skrifttypen Gill Sans til tal, da det

ser pænere ud end de flyvske tal fra vores standard skrifttype:

5kr 5krYanone Gill Sans

Sådan installerer du skrifttypen:

Page 7: DESIGN MANUAL - VU

IDENTITETPÅ FACEBOOK

Page 8: DESIGN MANUAL - VU

Din egen Facebook side:

Din facebook side er for mange mennesker det første møde med lige netop din lokalforening. Det er derfor utroligt vigtigt, at de mødes

med et indbydende design!

i denne sektion vil du derfor blive taget igennem forskellige elementer du kan tage i brug for at udforme din facebook sides design.

Page 9: DESIGN MANUAL - VU

PROFILBILLEDE:Profilbilledet på din side er en central del af udtrykket på din facebookside, det er derfor vigtigt at det er godt beskåret og har den rigtige opløsning!

Til dette afsnit skal du benytte dig af profilbillede skabelonen fra Onedrive mappen (Se Downloads side 2)

Beskæring: Dit profilbilelde beskæres til en cirkel, når det bliver uploaded til din side (Se billede på forrige side)

Åben den downloadede Photoshop skabelon og træk dit billede fra din mappen og ind på midten af cirklen - Dit billede skulle nu dække det hvide, som vist på billede nummer to

BEMÆRK: Slet laget med de grå skærezoner inden upload

Sådan gør du:

Page 10: DESIGN MANUAL - VU

SIDE COVER:Først og fremmest er det vigtigt at vide, at din side ikke ser ens ud på alle platforme, dette vil for dit coverbillede have en vis betydning.

Til at lave dit coverbillede skal du benytte coverskabelonen fra Onedrive mappen (Se Downloads side 2) og åbne den i Photoshop.

Dit coverbillede bliver beskåret i siderne på telefonen og beskåret i toppen på computeren (Se eksempler nedenunder).

Åben Photoshop skabelonen og orienter dig omkring skærezonerne - De gule zoner kan ikke ses på telefon, mens de røde forsvinder på computeren

Indsæt baggrundsfarve/billede under skærezone laget, så det dækker fra kant til kantSørg for at have alle vigtige elementer indenfor safe zonen (Det hvide område)

Page 11: DESIGN MANUAL - VU

EVENT COVER:Event coveret er anderledes i dimensionerne fra sidecoveret, da det ikke er ligeså bredt og højere.

Du kan i dette afsnit benytte dig af Eventcover skabelonen i Onedrive mappen (Se downloads side 2)

Her kan man se skabelonen åbnet i Photoshop. Designet i skabelonen er meget simpelt og kan med lethed friskes op med baggrundsbilleder eller andre effekter:

Page 12: DESIGN MANUAL - VU

SPOT SKABELONDen mest omfattende skabelon i Onedrive mappen (Se Downloads side 2) er spotkampagne skabelonen.

Én ting er at have sat din Facebook side pænt op, men en anden ting er at generere indhold til din side. En god måde at gøre dette på er ved at lave politiske opslag ved hjælp af Spotkampagne skabelonen

Skabelonen er bygget op af 3 elementer:

En hvid overskrift hvor det stærkeste argument for din sag præsenteres, du kan udnytte den orange tekstfarve til at lægge tryk på små dele af overskriften (Se billedet).

En grafik i midten som er relateret til emnet. Disse grafikker kan ofte findes på Freepik.com og fritlægges herefter i skabelonen.

En punchline i den orange boks med det konkrete forslag og et udråbstegn til at gøre klart hvad spotkampagnen omhandler.

Page 13: DESIGN MANUAL - VU

Har du spørgsmål? Mangler en fil?

Problemer?

SKRIV EN MAIL TIL: [email protected]