Sandra Bisgaard. Designmanual

Transkript

1 Sandra Bisgaard Designmanual

2 Indholdsfortegnelse Introduktion side 3 Om mig side 4 Skrifttyper og fonte side 5 Farver side 7 Printformater side 9 Layoutgrid for logo side 10 Layoutgrid for hjemmesiden side 11 Layoutgrid for visitkort side 12 Layoutgrid for manualen side 13 2

3 Introduktion Denne designmanual opstiller et regelsæt for brugen af farver, skrifttyper og fonte samt størrelser på de forskellige udarbejdede printmaterialer. Derudover giver den også et overblik over hjemmesidens opbygning. Manualen giver altså et billede af det overordnede design og det er her vigtigt at dette regelsæt overholdes for at skabe en øjeblikkelig genkendelse hos målgruppen. Designmanuan er udarbejdet som delen af et skoleprojekt på Erhvervsakademi Sydvest i Esbjerg i foråret Projektet indkluderer udarbejdelse af hjemmeside, CV, visitkort samt denne manual. 3

4 Sandra Bisgaard Mit navn er Sandra Bisgaard, jeg er 20 år gammel og jeg studerer multimediedesign på Erhvervsakademi Sydvest i Esbjerg. Jeg dimmiterede på Erhvervsgymnasiet Grindsted i sommeren 2012, hvor jeg tog en HHX med bl.a. markedskommunikation som valgfag. Mit udtryk er meget moderne og enkelt og jeg har brugt meget geometriske former. Samtidig med det enkelte er det meget farverigt og giver det derfor lidt spræl og spænding, som opvejes af de store mængder white-space, så det ikke bliver for meget. Jeg er meget resultatorienteret samtidig med at jeg har stort fokus på detaljerne - ja, man kan sige at jeg er lidt af en perfektionist - hvilket jeg synes er en positiv ting inden for dette fag. Farvehjulet med de mange farver sender et signal om at jeg er en meget alsidig designer og den anderledes skrifttype signalerer at være anderledes og tænke ud af boksen. 4

5 Skrifttyper og fonte Jeg har valgt at bruge 2 skrifttyper - begge sans serif: 1 statement skrifttype og en meget neutral skrifttype. Statementskrifttypen hedder AR BONNIE og bruges i fonten regular. AR BONNIE bruges til overskrifter i størrelse 50 pt. samt på hjemmesien i størrelse 100 pt. Den neutrale skrifttype er Calibri og bruges både i bold og regular. Calibri bruges til brødtekst og underoverskrifter i størrelse 20 pt. I underoverskrifterne bruges skrifttypen med en tracking på 200 og ligeså også ved den lille tekst i logoet - dog her med en bold font i stedet. På hjemmesiden har jeg dog brugt en tredje skrifttype, da Calibri ikke er en websafe font. Navnet på denne skrifttype er Lucida Sans Unicode og bruges i størrelse smaller, medium og large. Lucida Sans Unicode minder meget om Calibri og er også meget neutral og let læselig. 5

6 Skriftyper og fonte Farverne på skrifttyperne må ændres efter behov, så længe det er en af farverne i denne manual - dog gerne med #F7931D som første prioritet. Det vigtigste er, at det passer sammen med de øvige elementer. AR BONNIE bruges til overskrifter og tekst der skal være i fokus, hvor Calibri/Lucida Sans Unicode bruges til brødtekst. Skrifttyperne ser således ud: Abcdefghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå

7 Farver Der er alt i alt brugt 13 farver. Farverne på næste side skal så vidt muligt holdes i farvehjulet, for at holde det så enkelt så muligt. Enkelte farver må godt trækkes ud og bruges til andre ting, dog med #F7931D som første prioritet, da det er en af mine primærfarver - sepcielt på hjemmesiden. Farven som ses herunder må kun bruges som baggrunds- eller tekstfarve - ligesom den er brugt på hjemmesiden. Der må ikke tilføjes flere farver end dem som er opgivet her i manualen. CMYK: 69, 63, 62, 58 RGB: 51, 51, 51 #

8 Farver CMYK: 0, 35, 85, 0 RGB: 251, 175, 63 # FBAF3F CMYK: 100, 100, 25, 25 RGB: 38, 34, 97 # CMYK: 0, 50, 100, 0 RGB: 247, 147, 29 # F7931D CMYK: 0, 80, 95, 0 RGB: 240, 90, 40 # F05A28 CMYK: 100, 100, 0, 0 RGB: 46, 48, 146 # 2E3092 CMYK: 100, 0, 0, 0 RGB: 0, 173, 239 # 00ADEF CMYK: 0, 100, 100, 0 RGB: 237, 28, 36 # ED1C24 CMYK: 100, 0, 100, 0 RGB: 0, 165, 80 # 00A550 CMYK: 0, 95, 20, 0 RGB: 237, 42, 123 # ED2A7B CMYK: 75, 100, 0, 0 RGB: 101, 44, 144 # 652C90 CMYK: 50, 0, 100, 0 RGB: 140, 198, 62 # 8CC63E CMYK: 0, 0, 100, 0 RGB: 255, 241, 0 # FFF100 8

9 printformater Når der printes skal der følges det grid der er opstillet her i manualen. Størrelsen på logoet varierer dog alt efter hvilket materiale der printes. Det er der dog taget højde for i de forskellige grids. Visitkortene skal printes i visitkort standard -målene som er 54x85 mm. Designmanualen skal printes i 210x300 mm og til sidst skal mit CV printes i 216x241 mm. Papiret skal være 160 g. Designmanual CV Visitkort 9

10 Layoutgrid for logo Logoet er basis for hele min visuelle identitet. Logoet er enkelt, farverigt og let overskueligt samtidig med at det giver et godt billede af, hvem jeg ser mig selv om designer. I mit logo har jeg brugt alle farverne, der ses på side 8. Derudover er der også brugt sort. Sandra Bisgaard er skrevet med AR BONNIE i størrelse 100 pt og Multimediedesigner er skrevet med Calibri i størrelse 20 med tracking på 200. Multimediedesigner sandra bisgaard 0,6 cm 0,5 cm 0,7 cm 10

11 layoutgrid for hjemmeside Alle undersider på hjemmesiden skal laves ud fra dette grid. Der må ikke være flere undersider end 3, da der kun er 3 farvehjul i logoet. Det er dog tilladt at lave underpunkter til undersiderne, i contentområdet, og på den måde skabe flere sider, hvis nødvendigt. Det er vigtigt hele tiden at holde det simpelt og luftigt. Som det sidste må siderne ikke være så lange at der skal skrolles for at se indholdet. 2,7 cm 9,5 cm 4,8 cm 11

12 Layoutgrid for visitkort På visitkortet har jeg valgt at bruge skrifttypen AR BONNIE på mit navn, da det skal skabe fokus og blikfang, sammen med illustrationerne. Derfor har jeg gjort teksten mindre og givet den en mere neutral skrifttype ved resten af informationerne. 2,2 cm 2,9 cm Multimediedesigner sandra bisgaard 2,1 cm 0,4 cm 0,5 cm 0,3 cm Sandra BisgAARD 1 cm 0,3 cm 1,3 cm Blåbærvej Agerbæk 0,7 cm mail@sandrabisgaard.dk 0,6 cm 12

13 Layoutgrid for manual Manualen er opstillet meget enkelt og er lavet med de samme elementer, farver og skrifttyper, som resten af designet. Igen har det været vigtigt at der overholdtes det samme grid, for at rapporten fik et ensartet og gennemført look. 3,5 cm 2 cm Sandra Bisgaard Designmanual 6,7 cm 5,2 cm 0,4 cm 0,8 cm 3,3 cm 13

14