GRAFISK DESIGN 1. HOVEDFORLØB

Transkript

1 GRAFISK DESIGN 1. HOVEDFORLØB

2 LAUESEN HUS - OG HAVESERVICE //GRAFISK DESIGN BRIEF Lauesens hus- og haveservice er en enmandsejet virksomhed, som trænger til et løft på sin reklame del. Det er et firma, som laver alt fra gartneri til husforbedringer. Størstedelen af alt hvad der bliver lavet, gør Oluf Lauesen (ejeren) selv og han er en meget fleksibel mand. Hans hjemmeside og folder trænger til et løft, så det bliver mere tidsvarende, samt skal der udvikles et logo. SKRIFTTYPER Jeg har valgt skrifttyperne Source Sans Pro, DIN 1451 Std og Bebas neue. Source Sans Pro er et godt alternativ til en brødtekst skrift. Den har en lethed i sig og er meget læsbar. Den ligger i Adobe typekit, så den kan virke på alle platforme, hvis man anvender Adobe CC Jeg synes selv dette er et rigtig godt værktøj, til sine skrifttyper og mindsker risikion for manglende skrifter. Bebas neue er en skrift, som også ligger i typekit, og jeg anvender den på hjemmesiden som er kodet i Adobe Muse, der automatisk embedder skriften i html en. DIN 1451 Std er en hentet font, den er stærk og læsbar. Jeg bruger den til rubrikker og mellemrubrikker, da den kun findes i versaler. Source Sans Pro AaBbCc Adobe has been a leader in type design and technology for over thirty years. Adobe Web Fonts are selected from the Adobe Type Library, a collection of fonts crafted by award-winning type designers. bebas neue AaBbCc DIN 1451 Std AaBbCc PROGRAMMER/TJENESTER BRUGT TIL DETTE PROJEKT: Adobe Typekit Adobe Businesscatalyst, Adobe Color Adobe Muse cc 2014 Adobe InDesign cc 2014 Adobe Illustrator cc 2014 Wacom Intuois Pro 5 INSPIRATION TIL LOGO 2

3 LOGO Jeg har valgt at handyman en skal være i fokus. Fordi han er en stærk person med mange jern i ilden - som Oluf selv beskriver. Logoet skal være rustikt og moderne. Det skal have mange detaljer og skal kunne vise hvilke service Lauesen hus og haveservice kan tilbyde. Logoet skal kunne skille sig ud i mængden og virke personligt, men samtidig professionelt. FARVER Jeg har valgt bløde og organiske farver som mit tema gennem hele dette design. 3

4 4

5 FOLDER Mit mål med denne folder var at skabe større læsbarhed og forenkle budskabet han vil ud med. Det visuelle er utroligt vigtigt i en folder/handout. Både for at fange folks interesse, men også for at hjælpe læseren til at komme i den rette stemning. Jeg arbejder meget i det rustikke look og bringer grafiske elemter ind i folderen for at forbedre forståelsen og det visuelle udtryk. FORMAT: A4 (foldes på midten) BASELINEGRID: skydning på 12 pt. 5

6 1 DESIGN / 2 FUNKTIONER Min problemstilling var at folderen ikke nødvendigvis skulle printes, og hvis den skulle var det i begrænset antal. Den skulle fungere visuelt på web og på print. Det skulle være 2 sammenhængende sider, med en forbindelse til hinanden. Folderen skulle være let læselige på web og ligeledes på print. Grafik kan se meget forskelligt ud i forhold til, det man ser på skærmen og det der kommer ud på print. Det var min store udfordring her. Derudover skulle den også foldes på midten på print, og samtidig kunne se sammenhængende ud på web. Jeg forestillede mig det hele som 2 billeder, som skulle være i samme serie, der kunne foldes på midten. I et link på hjemmesiden, kan man åbne folderen i en ny fane. 6

7 WEB DESIGN Læsbarhed og brugervenlighed er det der er mit største fokusområde her. Målgruppen er ikke nødvendigvis den mest elektronik øvede. Jeg har gjort brugerfladen meget mere simpelt, og samlet det hele på en side. Det gør helheden mere overskuelig og giver en bedre sammenhæng. Hjemmesiden er kodet i Adobe Muse, som er et helt nyt program til webdesign. Man undgår HTML og CSS - hvilket godt kan være en begrænsning for nogle designere. Dog har programmet nogle begrænsninger og funktioner, som ikke er udviklet endnu. Jeg har valgt programmet Adobe Muse fordi, jeg kan se mulighederne bedre i forhold til design. Det er lettere for mig som medigrafiker at opsætte et design, som er grafisk korrekt. Det sparer mig meget tid, i forhold til først at lave et layout i Photoshop, også derefter slice det ud og kode det. Med Adobe Muse, kan jeg også dele mit webdesign, uden at udgive det til en ftp vært. Jeg kan sende et aktivt link til min kunde, så han eller hun kan se det i sin browser med det samme. Derudover kan jeg give han eller hun adgang til at redigere i det via browseren f.eks. en dato eller begivenhed. 7

8 TEKNISKE DETALJER I Adobe Muse har du mulighed for at lave alt hvad der har med CSS og Html at gøre. Jeg har gjort hjemmesiden søgbar med metadata, H1 og H2. Derudover har jeg sat et favicon på og skrevet billedtekster til alle billeder. Galleriet bliver vist i lightbox visning - super fin måde at vise et galleri på. Logo som det første man ser, det skaber genkendelse Menu bar, med link til ankerpunkter, som fører dig hen til det link du klikker på En menu der scroller ned, så du hele tiden har hurtig adgang til at navigere. Hvid baggrund til teksten, for at skabe større kontrast og hjælpe læseren // Ved hjælp af widget biblioteket kan jeg nemt importer alt fra Google maps til Image sliders Godt billede af Oluf Lauesen som er stifter af firmaet. Google maps kort embedded, hvis man klikke på kortet kommer man hen til google maps i browseren // Jeg kan definere hvert afsnit til at det skal være en H1 eller p. Grafiske elemter til kontakt information Galleri i lightbox visning // Userface i Adobe Muse, nemt at gå til og udfærdige en hjemmeside i 8

9 KONKLUSION Oluf Lauesen har fået et ansigtsløft. Hans markedføring førhen var meget forvirrende og udtrykkede ikke noget professionelt. Han har nu fået et logo, som kan skabe genkendelighed for ham. Derudover har han fået en opdateret folder, som visualisere hvad han laver. Han har fået hjemmeside der kan samle det hele, og skaber helhed omkring hans nye image. Hjemmesiden er brugervenlig og tidsvarende de features vi ser i dag. 9