THOMAS KNUDSHOLT MEDIEGRAFIKER Grafik - Billedbehandling - Typografi og Ombrydning Grafisk Design - Grafisk Produktionsforståelse MEDIEGRAFIKER HOVEDFORLØB 2
GRAFISK DESIGN
DOKUMENTION Kunden: Retsforbundet Opgaven Retsforbundet skulle have redesignet deres gamle hjemmeside til nyt og moderne design som skulle være responsiv og virke på alle skærme. Layout Sitet er responsive, så det tilpasser sig mobile enheder. Her er der brugt helt normalt css så siden skallere sig og tilpasser sig alt efter hvilke en skærmstørelse man bruger. Sitet er 1280px bred, teksten er skrevet i Indesign for at gøre det mere let læseligt. På hver artikel vil der være en funktion hvor man kan se hvem det er, der har skrevet artiklen. Designkrav Sitet skal være indbydende og enkel, deres krav var at folk med det samme kunne se en slags vælger erklaring. Sådan så de kunne tiltrække endnu flere personer til deres politik. Arbejdsproces Møde med kunden Inspirationssøgning på nettet Layot i Photoshop, som præceneres for kunden og godkendes Indspiration søgning Jeg ser tilbage på en kanon fed opgave mellem retsforbundet og jeg som udvikler. Farver Farverne til websitet er valgt efter retsforbundets logo, så der er en rød tråd. Derfor har jeg brugt den lilla farve som baggrunds knapper. Og ellers har jeg brugt grå til baggrunds farver så der skaber en harmoni imellem elementerne. Programmer jeg har brugt Jeg har valgte at bruge Photoshop til designe selve hjemmesiden og undersiderne. Herefter valgte jeg overfører designet til InDesign for få styr på min typografi og ombrydning til hjemmesiden Målgruppe Målgruppen er for dem som interresere sig for politik og fremtidens udvikling inden for de danske love. Hvad ser jeg tilbage på Jeg ser tilbage på en kanon fed opgave imellem retsforbundet og mig. Jeg har lært meget under processen, dels har jeg lært at føre en god samtale mellem mig som hovedmand og dem som kunde. Derudover er jeg blevet utrolig glad for resultat vi sammen er kommet frem til. Hvad tager jeg med Det jeg tager mig med til næste opgave er, at jeg er blevet bedre til at føre end samtale imellem mig og kunden.
INSPIRATIONSSØGNING
UDVALGTE LAYOUT SIDER Nuværende site Medlem side Forside Retsforbundet Bliv medlem MØD RETSFORBUNDET Bliv frivillig POLITIK BLIV MEDLEM Presse BLIV FRIVILLIG Kontakt AKTUELT FAQ PRESSE Danmark har brug for Retsforbundet Underskriv en vælgererklæring! Vi kæmper for et bæredygtig Danmark Retsforbundets værdier Retsforbundets vision er at skabe et samfund, der er baseret på størst mulig personlig frihed. Et samfund hvor vi alle har de bedste muligheder for selv at forme vores egen tilværelse. Vi mener, at vi alle har lige stor ret til at være her, og at alle bør have lige adgang til job, uddannelse og bolig. Vi ønsker et samfund, hvor vi beskytter klimaet, naturen og dens ressourcer. Et samfund hvor vi alle har et fælles ansvar for vore medmennesker og den verden, vi lever i. Vi kan skabe et samfund med lige muligheder for alle, men det kræver en retfærdig fordeling af vore fælles værdier; både de værdier naturen giver os, og de værdier vi mennesker har skabt og skaber i fællesskab. Læs vores læserbrev Om Paul Gehard Kristiansen Kontakt side Artikel sider Lad os følge briterne ud af EU Lad os følge briterne ud af EU Lad os følge briterne ud af EU Lad os følge briterne ud af EU Icia cusam, optas cum ut recepellibus doluptat faccum simporrovid qui tem quas alit es dolor aut asit etur, ullignihit, sandit, officiur, to cum quia idis eniatiatiae dus atatem quatemodit, sae nul- Icia cusam, optas cum ut recepellibus doluptat faccum simporrovid qui tem quas alit es dolor aut asit etur, ullignihit, sandit, officiur, to cum quia idis eniatiatiae dus atatem quatemodit, sae nul- Icia cusam, optas cum ut recepellibus doluptat faccum simporrovid qui tem quas alit es dolor aut asit etur, ullignihit, sandit, officiur, to cum quia idis eniatiatiae dus atatem quatemodit, sae nulparunt harum el molorep elisquid qui re omni. Icia cusam, optas cum ut recepellibus doluptat faccum simporrovid qui tem quas alit es dolor aut asit etur, ullignihit, sandit, officiur, to cum quia idis eniatiatiae dus atatem quatemodit, sae nulparunt harum el molorep elisquid qui re omni. Læs hele historien Læs hele historien Læs hele historien Læs hele historien Lad os følge briterne ud af EU Lad os følge briterne ud af EU Lad os følge briterne ud af EU Lad os følge briterne ud af EU Icia cusam, optas cum ut recepellibus doluptat faccum simporrovid qui tem quas alit es dolor aut asit etur, ullignihit, sandit, officiur, to cum quia idis eniatiatiae dus atatem quatemodit, sae nul- Icia cusam, optas cum ut recepellibus doluptat faccum simporrovid qui tem quas alit es dolor aut asit etur, ullignihit, sandit, officiur, to cum quia idis eniatiatiae dus atatem quatemodit, sae nul- Icia cusam, optas cum ut recepellibus doluptat faccum simporrovid qui tem quas alit es dolor aut asit etur, ullignihit, sandit, officiur, to cum quia idis eniatiatiae dus atatem quatemodit, sae nul- Icia cusam, optas cum ut recepellibus doluptat faccum simporrovid qui tem quas alit es dolor aut asit etur, ullignihit, sandit, officiur, to cum quia idis eniatiatiae dus atatem quatemodit, sae nul- Læs hele historien Læs hele historien Læs hele historien Læs hele historien Vi er også at følge på nettet! Læs flere nyheder på de sociale media Retsforbundets vision er at skabe et samfund, der er baseret på størst mulig personlig frihed. Et samfund hvor vi alle har de bedste muligheder for selv at forme vores egen tilværelse. Vi mener, at vi alle har lige stor ret til at være her, og at alle bør have lige adgang til job, uddannelse og bolig. Vi ønsker et samfund, hvor vi beskytter klimaet, naturen og dens ressourcer. Et samfund hvor vi alle har et fælles ansvar for vore medmennesker og den verden, vi lever i. Vi kan skabe et samfund med lige muligheder for alle, men det kræver en retfærdig fordeling af vore fælles værdier; både de værdier naturen giver os, og de værdier vi mennesker har skabt og skaber i fællesskab.
FUNKTIONER - ARTIKLER - ANDET Funktioner Siden er gået fra 3 spalte hjemmeside til 2 spalte hjemmeside. Derudover er siden blevet responsiv sådan så det fungerer til alle støreleser og endhedder. Artikler Siden er bygget op som en artikle side hvor resforbundet selv kan skrive deres artikler og redigere i dem. Medlemmer Under medlemmer vil man kunne se hvem det er der arbejder for retsforbundet og hvordan man kan kontakte den enkelte person. Vælgererklæring En vælgererklæring er der hvor man som person skriver under for, at hjælpe partiet med at blive stører.
GRAFISK PRODUKTION
DOKUMENTION Kunden: Retsforbundet Flowchart Opgaven Her skulle jeg kode hjemmesiden i HTML og CSS. Det skulle se nyt og moderne ud og siden skulle gå fra 3 spalte til 2 spalte design. Browserkompatibilitet Sitet er testet i Chrome, Firefox, Safari og Internet Explorer, og her fungerer det som det skal, og jeg har tjekket på caniuse.com for at se om de forskellige browsere understøtter HTML5 og CSS3. Der kan være lidt problemer med Internet explorer 8 og 9, da disse er ældre versioner, men jeg har brugt præfiks i min CSS3 og HTML5 shiv for at undgå dette. Usability Sitet er enkelt, overskueligt og nemt at navigere rundt på. Der er korte afsnit i teksten, så det ikke bliver for tungt at læse. Knappen ved kontaktformularen har en god størrelse og er fremhævet med orange for størrer synlighed. Det er nemt at finde frem til kontaktoplysningerne i menue. Media queries Media queries bruges til at bestemme, hvornår indholdet skal ændre sig i forhold til bestemte skærmstørrelser. Via media queries oprettes der forskellige CSS stylesheets, hvori der kan bestemmes, at f.eks. mobilversionen skal være i en kolonne ved en max-width på 480 px. Mål i procenter For at sitet skal være fleksibelt opgives bredderne på elementerne i procenter i stedet for i faste pixels. Det vil sige, hvis et element opgives til at være 50% i bredden, så er det 50% af bredden på browservinduet eller 50% af bredden på det element, som det er placeret inden i. Hvis et element skal begrænses til max at være en bestemt størrelse, så sættes der en max-width i et antal pixels. Mød Retsforbundet Historie Ledelse Regionale Kontakter Politik Artikel 1 Artikel 2 Artikel 3 Artikel 4 Artikel 5 Artikel 6 Blev medlem Blev Frivilig Nyheder Artikel 1 Artikel 2 Artikel 3 Artikel 4 Artikel 5 Artikel 6 Kontakt/Presse
Retsforbundet Gamle design Retsforbundet nye design
INDEX.HTML STYLE.CSS <!DOCTYPE html> <html> <meta http-equiv= Content-Type content= text/html; charset=iso-8859-1 /> <head> <title>retsforbundet - Danmarks bæredygtige parti</title> <link rel= stylesheet type= text/css href= style/main.css > </head> <body> <div id= wrapper > <div id= topheader > <div class= content > <div class= row > <ul> <li><a href= >Ledige stillinger </a></li> <li><a href= >Priser </a></li> <li><a href= # >Live support </a></li> <li><a href= http://test.knudsholt.dk/login/index.php > Kontrol Panal</a></li> </ul> </div> </div> </div> html { } background:#fff; color:#393838; #wrapper { width:100%; margin: 0 auto; }.content{ width:1280px; padding: 20px; margin: 0 auto; } #sidebar-left { width: 330px; margin: 40px 40px 0 0; float: left; padding: 0 0 20px 0; border: 4px solid #ddd; } #sidebar-right { width: 330px; margin: 0 0 40px 40px; float: right; padding: 0 0 20px 0; }
TYPOGRAFI OG OMBRYDNING
BAG TALLENE 2016 Opgaven: Dokumentation Opgaven Jeg fik til opgave, at redesign deres gamle folder fra 2015 sådan så det nye design kunne gjort print klar og trykkes i 2016. Layout Selve layout og tankerne bag var lavet på forhånd, mit primær hovedopgave med opgaven, var at få sat nye billeder ind samt tekst sådan så det fik et helt nyt look. Designkrav Vi fik udleveret et designguide som vi skulle følge fra top til tå. Denne design guide kom fra danmarks statestik. Tidskrav Selve opgaven have vi ca 1 uge til at lave færdig på fra Mandag - Fredag. Hvad ser jeg tilbage på? Jeg ser tilbage på opgaven hvor jeg virkelig fik udvikling min kreative evner samt forståelse for hvad InDesign virkelig kan. Font Arial Bariol Dinot Georgia Brødteks Punkt størelse: 9/12 Justification: 80%/100%/133% Mellemrubrik Punkt: 9/12 Font: Din Bold Space before: 3,528mm Space after: 0,706mm Underubrik Punkt: 15/19 Font: Din OT Font style: Medium Tracking: -10 Fakta Punkt: 12/18 Font: Din OT Font style: Medium Tracking: -20 Hyphenate Least:6 Before First: 3 Before last: 3 Hyphen limit: 3 Hyphenation zone: 12,7mm Skribnet Punkt: 12/18 Font: Georgia Font style: Regular Tracking: 15
Underrubrik Uncial RUBRIK Brød uden ind Brød inrykning Brød Mellemrubrik Brød Kursiv Skribent
BAG TALLENE 2016 PAGES Paragraph styles
GRAFIK OG BILLEDBEHANDLING
ROMHOLT Opgaven: Ikoner til website Opgaven Selve opgaven gik ud på at lave en masse IT ikoner til hjemmesiden Romholt. Illustrator Til opgaven valgte jeg at bruge Illustrator da det er et vecktor program / tegneprogram hvor man laver ikoner og andet grafik. Indspirations søgning Undervejs i processen har jeg brugt google til at finde de værktøjer jeg skulle bruge. Her kunne det fx være en mobil telefon. Her har jeg så fundet en mobil telefon på google og tegnet det op. Værktøjer der er brugt Jeg har brugt mest Pen Tool til at tegne de forskellige ikoner op med.
Dell Tavle Responsiv devices Support System Telefon Printer Computer Kurv
IKONER I BRUG
GRAFIK OG BILLEDBEHANDLING
SOVEVÆRELSET Opgaven: Design dit eget værelse Opgaven Opgaven gik ud på at jeg skulle designe et rum i photoshop. Herefter skulle der indsættes nogle møbler og andre elementer til rummet. Program Til opgaven har jeg valgt, at bruge photoshop. Her startede jeg med at bygge min grundkasse, som er bestående af 2 vægge en til højre og venstre, herefter kommer der tapet for enden af rummet og luft i toppen, og tilsidst gulvtæppe. Google søgning Når rummet var designet færdig gik jeg på google for at finde mine elementer jeg skulle bruge til værelset.
Elementer jeg har brugt til værelset
SLUT