HOVEDFORLØB 2. Mia Phillippa Fabricius

Transkript

1 HOVEDFORLØB 2 Mia Phillippa Fabricius

2 GRAFISK DESIGN - TOXKLAR LOGO Før- og efter resultat Screendump af det færdige design

3 GRAFISK DESIGN - TOXKLAR LOGO Toxklar, et mindre speditionsfirma med speciale i toldpapirer skulle have lavet et nyt design til deres hjemmeside, hvor jeg blev sat på sagen. Deres daværende side var meget simpel, holdt i sort/hvid nuancer med meget få menupunkter og ikke meget tekst. Dette var de egentlig fint tilfredse med, og ønskede derfor at det nye design gerne måtte være i samme stil, lidt mere grafisk - men uden for mange detaljer og farver, stadig i sort/hvid men dog med én kontrastfarve. Logoet skulle de have skiftet i den forbindelse, så derfor blev jeg også sat til at lave et midlertidigt logo. Det skulle være en simpel logotype også holdt i sort. Til denne opgave valgte jeg at bruge Montserrat Bold i 48px og gøre fonten UPPER- CASE, så logoet ville stå mere klart på siden. Noget jeg kunne have gjort anderledes, var at knibe i bogstavsmellemrummene. Det valgte jeg ikke at gøre, fordi jeg synes fonten i sig selv udgjorde det bogstavmellemrum jeg fandt tilfredsstillende. Logoet endte i venstre side af hjemmesidens top på traditionel vis, og i.png-format, da logoet på den måde fremstår skarpere, da det er grafik, i forhold til hvis jeg havde valgt at uploade i.jpg-format, som egner sig bedst til fotos.

4 TYPOGRAFI & OMBRYDNING - TREFLØJET FOLDER De tre yderste sider af folderen De tre inderste sider af folderen

5 TYPOGRAFI & OMBRYDNING - TREFLØJET FOLDER Til typografi- og ombrydning har jeg udarbejdet denne folder, hvori alt indhold er fiktivt. Det er en trefløjet folder i A4-format, opbygget i tre ligestore spalter. De yderste tre sider af folderen er bygget meget simpelt op, helt generelt er design holdt i meget enkel og minimalistisk stil. Overskriftens farve er taget fra ydersiden af løget, underoverskrift er taget fra den mere lyserøde del af løget. Forsideoverskrift er lavet med Oleo Script og underoverskrift Glegoo. Til brødtekst har jeg brugt Minion Pro, 14pt/16,8pt. Citatteksten på første side indeni folderen er gjort større og i en anden font for at øge fokus på det vigtige i folderen. Denne er lavet med forskellige tekstformateringer, dog alle med fonten Yeseva One. Af specielle formateringer i folderen er på indersiden i brødteksten et uncial. Dette er bygget op med Paragraph Formatting Controls og sat så Drop Cap Number of Lines ligger på 3. Der er også lavet en Paragraph Style med mellemrubrikken, som er i Yeseva One 16pt/19pt. Selvom man skulle tro det, har citatet ikke nogen tekstformatering, fordi grid et er bygget op på en måde så det ikke blev nødvendigt i sidste ende.

6 GRAFIK & BILLEDBEHANDLING - MANIPULATION AF FOTO Før- og efter resultat

7 GRAFIK & BILLEDBEHANDLING - MANIPULATION AF FOTO For noget tid siden var jeg til musikfestival i Egå hvor jeg tog en masse billeder, fordi det var et meget betagende sted med smuk natur og god atmosfære. Men da det jo var en festival var der mange ting der kambolerede med den smukke natur, ex. vis på dette billede, hvor det som sådan ville være et godt billede, hvis det ikke var fordi der var en masse sikkerhedstape og et trådhegn i vejen. Derfor besluttede jeg mig for at manipulere det væk i Photoshop. Det første jeg gjorde var at rette billedet op, da jeg havde taget det i en lettere skæv vinkel. Så benyttede jeg mig af Clone Stamp Tool hvor jeg på den måde fik erstattet sikkerhedstape og trådhegn med samples fra græsset. Afslutningsvis brugte jeg Selective Color og lavede masker på hhv. græs og himmel, hvor jeg deri forstærkede grøn og blå farve, da farverne på det originale billede var lidt grumset at se på.

8 GRAFISK PRODUKTION & WORKFLOW - CASE: NR. FELDING MASKINSTATION Mockup af facebookdesign Mockup af hjemmeside

9 GRAFISK PRODUKTION & WORKFLOW - CASE: NR. FELDING MASKINSTATION Nr. Felding Maskinstation, en maskinstation i Holstebro skulle både have lavet nyt design til deres hjemmeside, som også skulle indeholde SEO Basic. Derudover skulle de også have designet profil- og coverbillede til deres facebookside. Jeg blev sat på projektet, og tilknytter det til denne del af mit portfolio, da der spiller en masse faktorer ind man skal tage stilling til, når der skal designes til hjemmesiden og facebook..jpg,.png-format... HVAD HØRER TIL HVAD? Som tidligere nævnt i afsnittet om grafisk design er det ikke tilfældigt om man bruger.jpg eller.png til filupload. JPG er godt at bruge til fotografier, da formatet mindsker filstørrelsen kraftigt, så det giver mening at bruge i forbindelse med ex. vis et galleri. Ulemper ved JPG kan dog være at det tager længere tid at åbne og gemmer filer af dette format. PNG derimod fylder som udgangspunkt mere end JPG, da det bør anvendes til grafiske filer. Da filerne stadig kan være meget tunge, er det godt at have et komprimeringsværktøj, der skal sørge for at filerne fylder mindre, men stadig er i god opløsning. Til alle mine projekter bruger jeg compressjpg.com (kan også formindske.png og.pdf-format). Til design af profil- og coverbillede til Facebook, er det Facebook selv der sætter retningslinjerne for formattypen, og det kan skifte af og til. Pt. er det dog gældende at man poster.png-format i begge, for den bedst mulige opløsning. SEO: GOOGLE BEMÆRKER DIN HJEMMESIDE Til denne case skulle også laves såkaldt SEO Basic, så siden bliver bemærket og bliver rangeret højere op på Googles søgemaskine. Ved SEO Basic skulle der i dette tilfælde udvikles titler til hjemmesiden, samt flyttes url er fra den nuværende hjemmeside, da det også har betydning. Når man udvikler titler til SEO Basic er det vigtigt at få virksomhedens lokalitet med ind i titlen, da man som bruger ofte skal bruge en virksomhed i nærheden af egen bopæl, og det vil Google hive fat i. Ved denne case lavede jeg til hjemmesidens design nogle knapper i form af møtrikker, der går igen på facebooksidens coverbillede, og illustrerer maskinstationens fagområder. Disse indeholder både grafik og skyggeeffekter, og derfor bør man uploade i.png, da den gode opløsning ellers ville gå tabt, og hvis man uploader i.jpg, vil det transparante område af skyggeeffekterne få en hvid baggrund.