GRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE
|
|
|
- Malene Holst
- 8 år siden
- Visninger:
Transkript
1 GRAFISK PRODUKTION OG WORKFLOW PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE
2 PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE
3 04 INDHOLDSFORTEGNELSE Dokumentation 05 Flowchart 06 Skitser 07 Storyboard 08 Mock up 09 Opret dokument 11 ThemeRoller 12 Håndkodet CSS 13 Botton styling 14 Formular Formular Form Validering Redirect Icon til hjemmeskærm 17 Fullscreen 17 W3 validering 18 Redirect fra Main site 19 Færdige web app 20 WATC MORE
4 05 DOKUMENTATION Opgaven Opgaven består i, at designe og udvikle en web app for Mobildiskotek ijockeys, som jeg i min fritid, er en stor del af. ijockeys har i forvejen en velfungerende hjemmeside. For at skabe en nem forbindelse mellem vores kunder og deres brug på mobile enheder, var en web app den rette løsning. Den skal indeholde samme funktioner som vores main site. Vi er mange som ved, hvor besværligt det er at surfe på sin smartphone på et ikke mobiloptimeret site. Dette var også en af grundene til at udvikle denne app. Layout Layoutet tager udgangspunkt i, hvordan vores fulde side ser ud. Det er f.eks. i form af farver og menupunkter. Layoutet bærer også stærkt præg af brugen af jquery Mobile, som leverer elegante layout elementer til webdesigns. Det kan bl.a. være knapper eller formular/søge felter. jquery Mobile er også nem at arbejde med, nemt at få noget til at se godt ud, eller hvis man ønsker menuerne skal swipe eller dreje, når der skiftes side (data-transition). Kodningen af appen er foregået med live-view funktionen slået til, for at Dreamweaver kan vise appens layout, mens der kodes. Modulopbygning Web appen er opbygget på samme måde som et hvilket som helst andet website. Med body-, div-, og classtags. Almindelig html kodning. Brugervenlighed I en web app er det helt essentielle udgangspunkt for designet, brugervenlighed. Et site med mange sider og undersider, skal på meget lidt plads, vise alt hvad der tilbydes, og det er en dårlig kombination. Det er for det første ikke til at overskue menupunkterne, og med et pegefingerklik vil man nemt trykke forkert. Mange smartphones i dag har displaystørrelser fra 4'' - 7''. Man oplever stadig sider som, på grund af for meget indhold, er svære at navigere rundt på. Indhold Tekstindholdet på mobilsiden er taget fra Mobildiskotek ijockeys fulde side. Jeg har derefter gennemlæst teksten grundigt, og justeret efter nogle af de grundlæggende regler for typografi til skærm samt læsbarhed. Brug skrifter uden fødder (grotesk) Korte tekst afsnit Min 10/12px fontstørrelse Ingen linjer over 60 anslag Browserkompatibilitet Html og css koderne er blevet valideret på w3 schools, hvorefter tegn og tags er rettet. Dog skal jeg se bort fra nogle af de errors som valideringen giver, da HTML koden er kodet som jquery Mobile, og f.eks. type= datetime er ikke tilgængelig i Safari og Firefox. Appen er testet på følgende platforme: iphone 4s Safari iphone 4s - Chrome ipad 3 Safari Xperia mini - webbrowser. Jeg har også arbejdet ud fra et skema med størrelser på skærme og ikoner til iphone og ipad. Kvalitetsvurdering Jeg har ikke arbejdet særlig meget med produktion af web apps før denne opgave, men jeg synes, at resultatet er blevet godt. Den fungerer, den er overskuelig, og den har ikke for mange fancy data-transitions effekter, hvilket kan gøre brugeroplevelsen langsommere. Appen har en redirect funktion, som gør at man bliver ledt til mobilsiden, hvis skærmbredden er mindre end 769px. Jeg har tilføjet en besked/confirm popup som giver brugeren mulighed for selv at vælge om de vil tilgå mobilsiden eller main site. Det forbedre brugervenligheden for de, som ikke ønsker at surfe på mobilsiden.
5 06 OPSTART - FLOWCHART Skitsering af flowchart. Her er bestemt hvilke sider siden skal indeholde.
6 07 SKITSER Skitsering af designet, med information om elementer og mulige farver i designet. Der er tage udgangspunkt i index siden.
7 08 STORYBOARD Storyboard rentegnet på skærm. INDEX INDEX INDEX Velkommen til vores mobile version Lorem ipsum dolor sit amet, consecte elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. INFO Info Info Info Lorem ipsum dolor sit amet, consecte- Lorem ipsum dolor sit amet, consecte Lorem ipsum dolor sit amet, consecte- Lorem ipsum dolor sit amet, consecte Lorem ipsum dolor sit amet, consecte- Lorem ipsum dolor sit amet, consecte Info Lorem ipsum dolor sit amet, consecte- Lorem ipsum dolor sit amet, consecte elit, sed do eiusmod. Lorem ipsum dolordolor sit amet, consectelorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consectelorem ipsum sit amet, consecteelit. elit, sed do eiusmod. elit. Lorem ipsum dolor sit amet, consecte- Lorem ipsum dolor sit amet, consecte Lorem ipsum dolor sit amet, consecte- Lorem ipsum dolor sit amet, consecte Lorem ipsum dolor sit amet, consecte- Lorem ipsum dolor sit amet, consecte INFO Velkommen til vores mobile version Velkommen til vores mobile version Lorem ipsum dolor sit amet, consectedolor sit amet, consecteloremlorem ipsumipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte elit, sed do eiusmod elit, do eiusmod elit, sed dosed eiusmod. tempor incididunt ut labore et dolore tempor incididunt ut labore et dolore magna aliqua. magna aliqua. INFO Velkommen til vores mobile version Lorem ipsum dolor sit amet, consecte elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. INFO INDEX KO Kontakt Kontakt Lorem ipsum dolor sit amet, consectedolor sit amet, consecteloremlorem ipsumipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte elit. elit. elit, sed do eiusmod elit, sed do eiusmod tempor incididunt ut labore. tempor incididunt ut labore. Booking Navn: Navn: Telefon: Emne: Dato: Emne: Dato: Besked: Indsend Lorem ipsum dolor sit amet, consectelorem ipsum sit amet, consectelorem ipsum dolordolor sit amet, consectelorem ipsum dolor sit amet, consecte elit. elit, sed do eiusmod. elit. Booking Telefon: Besked: KONTA Ryd Indsend Ryd KO KONTA Kontakt Kontakt Lorem ipsum dolor sit amet, consecteloremlorem ipsumipsum dolor sit dolor amet, sit amet, consecteconsectelorem ipsum dolor sit amet, consecte elit. elit, sed elit. do eiusmod elit, sed do eiusmod
8 09 MOCK UP INDEX Det blev besluttet at vi ville undlade knapper i bunden af skærmen. (facebook, , crew). INDEX INDEX Informationen på siden ville blive sværere at overskue, da bunden ville tage for meget plads. LOG til vores mobile version Velkommen Lorem ipsum dolor sit amet, consecte elit, sed do eiusmod tempor incididunt ut labore et dolore Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consectemagna aliqua. Velkommen til vores mobile version Velkommen til vores mobile version Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte elit, sed do eiusmod elit, sed do eiusmod tempor incididunt ut labore et dolore tempor incididunt ut labore et dolore magna aliqua. magna aliqua. Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte FORSID PRI Lorem tur adip Lorem ipsum dolor sit amet, consectelorem ipsum d Transp elit. Lorem tur adip Fotogr Lorem tur adip Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte Lorem tur adip Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte INFO es mobile version sit amet, consecteed do eiusmod ut labore et dolore Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte elit. elit. Info Info Værd at vide Værd at vide Inden du booker eller lejer udstyr Inden du booker eller lejer udstyr Crew Crew Indblik i personalets arbejde og interesser Indblik i personalets arbejde og interesser Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte Dan Klessen, 21 år Dan Klessen, 21 år Lorem ipsum dolor sit amet, consecte elit, sed do eiusmod tempor incididunt ut labore et dolore magna Lorem ipsum dolor sit amet, consecte elit, sed do eiusmod tempor incididunt ut labore et dolore magna Navn: LOG Inden du booker eller lejer udstyr Crew Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet,arbejde consecteindblik i personalets og interesser Telefon: Emne: Dan Klessen, 21 år Dato: Lorem ipsum dolor sit amet,dolor consectetur adipisiclorem ipsum sit amet, consectebesked: Lorem ipsum dolor sit amet, consecteing elit, sedsed do eiusmod elit, do eiusmod. Emne: Dato: Besked: Indsend Navn: Telefon: Ryd Indsend Kontakt Kontakt Info Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte elit, sed do eiusmod elit, sed do eiusmod tempor incididunt ut labore. tempor incididunt ut labore. Oversigt over vores udlejningsudstyr Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consectebooking Booking sed do eiusmod. Værdelit, at vide Oversigt over vores udlejningsudstyr Oversigt over vores udlejningsudstyr Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte INFO Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte INFO Ryd tempor incididunt ut labore et dolore magna Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte FORSID PRI Lorem tur adip Lorem ipsum dolor sit amet, consectelorem ipsum d Transp elit. Lorem tur adip Fotogr Lorem tur adip Lorem tur adip
9 10 INDEX Mock up i farver. INDEX INDEX til vores mobile version Velkommen Lorem ipsum dolor sit amet, consecte elit, sed do eiusmod tempor incididunt ut labore et dolore Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consectemagna aliqua. Velkommen til vores mobile version Velkommen til vores mobile version Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte elit, sed do eiusmod elit, sed do eiusmod tempor incididunt ut labore et dolore tempor incididunt ut labore et dolore magna aliqua. magna aliqua. Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte Lorem ips tur adipisi Lorem ipsum dolor sit amet, consectelorem ipsum dolo elit. eli Lorem ipsu tur adipisic Fotografe Lorem ips tur adipisi Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte Lorem ips tur adipisi Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte INFO LLEDER mobile version amet, consectedo eiusmod abore et dolore Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte Værd at vide Værd at vide Inden du booker eller lejer udstyr Inden du booker eller lejer udstyr Crew Crew Indblik i personalets arbejde og interesser Indblik i personalets arbejde og interesser Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte Dan Klessen, 21 år Dan Klessen, 21 år Lorem ipsum dolor sit amet, consecte elit, sed do eiusmod tempor incididunt ut labore et dolore magna Lorem ipsum dolor sit amet, consecte elit, sed do eiusmod tempor incididunt ut labore et dolore magna Navn: Inden du booker eller lejer udstyr Crew Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet,arbejde consecteindblik i personalets og interesser Telefon: Emne: Dan Klessen, 21 år Lorem ipsum dolor sit Dato: amet,dolor consectetur adipisiclorem ipsum dolor sit amet, consectelorem ipsum sit amet, consectebesked: ing elit, sedsed do eiusmod elit, do eiusmod. Emne: Dato: Besked: Indsend Navn: Telefon: Ryd Indsend Kontakt Kontakt Lorem ipsum dolor sit amet, consecte Info Lorem ipsum dolor sit amet, consecte elit, sed do eiusmod elit, sed do eiusmod ut labore. tempor incididunt ut labore. tempor incididunt Oversigt over vores udlejningsudstyr Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consectebooking Booking sed do eiusmod. Værdelit, at vide Oversigt over vores udlejningsudstyr Oversigt over vores udlejningsudstyr Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte elit. elit. Info Info INFO Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte INFO Ryd tempor incididunt ut labore et dolore magna Lorem ipsum dolor sit amet, consectelorem ipsum dolor sit amet, consecte Lorem ips tur adipisi Lorem ipsum dolor sit amet, consectelorem ipsum dolo elit. eli Lorem ips tur adipisi Fotografe Lorem ips tur adipisi Lorem ips tur adipisi
10 11 OPRET DOKUMENT Dokumentet oprettes som HTML5. HTML5 er den eneste HTML form, som giver os mulighed for af lave web- og mobilapps. HTML5 er typisk avanceret javascript (F.eks. jquery) og CSS3.
11 12 THEMEROLLER ThemeRoller er et værktøj til design af jquery mobile frameworket. ThemeRoller gør det nemt at trække og slippe farver samt downloade et brugerdefineret tema. ThemeRoller anvender CSS3 egenskaber som for eksempel tekst-skygge, box-skygge og gradienter. Her ses også hvordan jeg implementere temaet i HTML'ens head sektion.
12 13 HÅNDKODET CSS 1. Håndkodet CSS til styling af fonte, header, menuer og footer
13 Knap uden styling Knap med icon Knap float right Stylet knap uden tekst 14 BOTTON STYLING Styling at knappen sker direkte i HTML5 koden.
14 15 FORMULAR Implementering af formular. Jeg har validering på feltet, så dette skal udfyldes med en tekst, indeholdende snabel-a. På dato feltet har jeg valgt at bruge en ny HTML5 kode. Den frembringer en kalender med tidspunkter, når der klikkes. (type= datetime )
15 16 REDIRECT Efter formularen er udfyldt og afsendt, redirecter siden til denne takkeside.
16 17 ICON OG FULLSCREEN Fullscreen virker kun når siden er tilføjet til hjemmeskærm. Koden for fullscreen bevirker at url'en øverst på iphone skærmen, fjernes. Iconet til hjemmeskærm er en png fil. Ved at linke til filen i header sektionen og skrive apple-touch- icon-precomposed, vil iconet på iphone selv generere reflektions effekten. Fullscreen 114x114px
17 18 VALIDERING Her ses et udsnit fra validerings processen. Validering af web appen er gjort på w3schools.com. Line 78 før Line 81 før Line 78 efter Line 81 efter
18 19 REDIRECT FRA MAIN SITE Med dette script i head sektionen, vil enhedens browser læse, at hvis enhedens skærmstørrels er mindre end 769px bred, skal den spørge om man vil gå til mobilsiden, eller til maintite. Alle siderne har en redirect til den relevante mobilside. Eksempler ses her. Index Info
19 20 WEB APP WATCH MORE!
20 21
Grafisk workflow. Se siden her: www.cormas.dk
Grafisk workflow Se siden her: www.cormas.dk Dokumentation 4 Procesbeskrivelse 5 Inspirationssøgning 6 Skitser 8 Layout i Photoshop 9 Farver 10 Font 11 Flowchart 12 Wireframe 13 Storyboard 14 kontakt.html
GRAFISK WORKFLOW WEBSITE - CHOCOADDICT
GRAFISK WORKFLOW WEBSITE - CHOCOADDICT DOKUMENTATION OPGAVEBESKRIVELSE Opskriftsbogen Chocoaddict skulle have et website, hvor alle opskrifter samt skabelon til print selv opskriften er tilgængelig. Der
DOKU- MEN- TATION TEK- NISK
TEK- NISK DOKU- MEN- TATION GRUPPE 21: AMALIE HOVGESEN- CLEA-MARIE FIND PALUDAN THERESE HASSE LARSEN - CECILIE POSS AMALIE LEONORA DAM - KASPER MUNK JENSEN : http://miex5619.keaweb.dk/seasight/ 1. MOCKUP
Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16
GRAFISK WORKFLOW Indhold Grafisk workflow Procesbeskrivelse Inspiration 5 Skitser 6 Flowchart Typografi og farver 8 Skelet 9 Storyboard 2 Html, css og seo 6 Grafisk workflow Opgaven At skabe et nyt og
grafisk workflow OPGAVE: EMBRACE-IT WEBSITE
grafisk workflow OPGAVE: EMBRACE-IT WEBSITE BESKRIVELSE GRAFISK WORKFLOW BESKRIVELSE Den tidligere nævnte virksomhed Embrace-IT, forsøger i takt med at virksomhen vokser, at opdatere og optimere deres
GRAFISK PRODUKTION & WORKFLOW. Endotest website
GRAFISK PRODUKTION & WORKFLOW Endotest website DOKUMENTATION OPGAVEN: Endotest ApS ønskede at redesigne deres hjemmeside, så den fremstår mere professionel og enkel. Derudover skal det nye site præsentere
G F W F G R A F I S K W O R K F L O W N I K O L A J V A N G K I L D E M E D I E G R A F I K E R S V E N D E P R Ø V E 2 0 1 6
G F W F G R A F I S K W O R K F L O W N I K O L A J V A N G K I L D E M E D I E G R A F I K E R S V E N D E P R Ø V E 2 0 1 6 O P G A V E B E S K R I V E L S E Et redesign af hummels website. Det gamle
ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på
Grafisk design Design af hjemmeside til indretningsarkitekt med firma navn enrico indret, som jeg tidligere har designet logo for. Firmaet laver udelukkende erhvervsindretning og målgruppen for sitet er
KT OR LOW PRODUKTION // WORKFLOW
PR D O U ION KT // W KFKF OR LOW PRODUKTION // WORKFLOW // WORKFLOW HJEMMESIDE / REDEGØRELSE / IDÉ, FARVE, FONT OG GRAFIK / SKITSER OG FLOWCHART / SKELET / STORYBOARD / CSS HVAD? Opgaven er en fiktiv hjemmeside
WORKFLOW & PRODUKTION
OPGAVE Jeg har lavet et fiktiv website for en hundekennel. Det er mit bud på hvordan sådan en eventuelt kan se ud. PROGRAMMER Photoshop Dreamweaver Illustrator WORKFLOW & PRODUKTION KENNEL BISCO Dokumentation
Sabine Puk Sørensen Svendeprøve portfolio
Sabine Puk Sørensen Svendeprøve portfolio 2016 Grafisk workflow Svendeprøve Kvalitetsvurdering Hjemmesiden fungere som den skal, og kunden er meget glad for resultatet. Siden er simpel, men giver den ønskede
Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb
Dokumentation Workflow Grafisk produktion Trine Alexandersen 1. hovedforløb Jeg har valgt at vise min egen hjemmeside som workflow. Siden er min e-portfolio som skal vise hvad jeg lærer under min uddannelse
Grafisk produktion & workflow
Grafisk produktion & workflow WORKFLOW & PRODUKTION WEBSITE NATURSPEJDERNE Dokumentation I 2 OPGAVEN Opgaven Jeg har lavet dette fiktive website der kunne være en mulighed for en nyopstartet spejderforening.
Grafisk workflow. Hjemmeside til Bærkompagniet
Grafisk workflow Hjemmeside til Bærkompagniet Dokumentation Opgaven Bærkompagniet skulle have designet og programmeret et website, hvor de kunne præsentere deres produkter samt mulige forhandlere kunne
GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1
GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1 GRAFISK WORKFLOW DOKUMENTATION OPGAVEN Denne opgave er lavet som en fiktiv opgave. Opgaven er lavet for et fiktivt firma, som tilbyder personlig fitness træning.
GRAFISK WORKFLOW H1 MARIA SCHELDE
GRAFISK WORKFLOW H1 MARIA SCHELDE DOKUMENTATION Opgaven Arkitekt Mette Schelde skulle have designet og programmeret et website, hvorpå hun kunne præsentere hendes produkter. Designkrav Sitet skal være
GRAFISK PRODUKTIONSFORSTÅELSE
GRAFISK PRODUKTIONSFORSTÅELSE BRILLIANT BIKINIES WEBSITE MARÍ DYRMOSE OPGAVEN OPGAVEBESKRIVELSE Brilliant Bikini kompagniet skulle have designet og programmeret en website, hvor de kunne præsentere deres
Mit grafiske workflow inkluderer:
GRAFISK WORKFLOW Opgave: Opgaven var at producere en bog og et website med temaet stilhistorie. Jeg har valgt at beskrive mit grafiske workflow i produktionen af websitet. Kravene var, at der skulle være
Portfolio - Grafisk Workflow
Portfolio - Grafisk Workflow Opgaven gik ud på at designe et website for en tatovør. Der skulle indgå forskellige elementer på hver enkel side, samt overholdes nogle fastsatte krav. Vi skulle arbejde ud
portfolio GRAFISK WORKFLOW
Grafisk Workflow Opgaven Der skal laves hjemmeside til et lille privat bageri. Kunden ønsker et overskueligt site. Hjemmesiden skal kort og godt fortælle om Skejby Centrets Bageri og deres produkter og
GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger
GRAFISK PRODUKTION OG WORKFLOW Hjemmeside til Team Brügger DITTE MADSEN - SVENDEPRØVE - 2015 KUNDEPROFIL Team Brügger er en frisørsalon i Aars. Indehaveren Gitte Brügger startede salonen op sammen med
GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet
GRAFISK DESIGN Diner no. 34 Hjemmeside + Visuel identitet Diner no. 34 9 Opgavebeskrivelse Fiktive opgave. Redesign af visuel identitet og design af ny hjemmeside. Materialet skal skabe et genkendeligt
Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed
Redegørelse Grafisk Opgaven At redesigne en hjemmeside for AGF fanclub, som har et mere moderne look og et nyhedsarkiv som er let oversskueligt. Hjemmesiden er en opgave jeg selv har stillet mig og kunne
Vejledning. Indhold. Side 1
Indhold HTML-faneblade... 2 Sådan tilføjer du et HTML-faneblad til din Facebook side.... 3 Sådan redigerer du et HTML-faneblad på din Facebook side.... 5 Sådan deler du fanebladet... 10 Side 1 HTML-faneblade
PORTFOLIO TYPOGRAFI & OMBRYDNING
PORTFOLIO TYPOGRAFI & OMBRYDNING Typografi & Ombrydning DOKUMENTATION Opgave beskrivelse Kunden ønsker at få en simpel bruchurer, som han kan dele ud i klubben. Han kunne godt tænke sig i denne brochure,
Dokumentation. Karen-Louise Fejerskov
Dokumentation Grafisk Workflow Et af produkterne, jeg skulle lave, var et redesign af FreQuence s info hjemmeside. A B Punkt 1 Ansvar: Jeg har selv stået for opsætningen af hjemmeside og selv bestemt,
Produkt. Index side GRAFISK DESIGN
Grafisk design Produkt Index side Produkt Underside - kontakt Redegørelse OPGAVEN I forbindelse med valgfag, som jeg tog i København, havde vi lært forskellige nye funktioner, som vi skulle implementere
Grafik & Billede weloveorganic.com webshop
Grafik & Billede weloveorganic.com webshop Opgaven og afsender: Weloveorganic.com er en forholdsvis ny virksomhed, der pånuværende tidspunkt udelukkende sælger økologisk tøj til kvinder. På længere sigt
Portfolio - sunestenild.dk
Portfolio - sunestenild.dk Grafisk produktion og workflow Anvendte programmer: Opgavebeskrivelse: Jeg vil gerne lave en hjemmeside som promoverer mig selv i forhold til kommende arbejdsgivere og eventuelle
Se hjemmesiden på:
Se hjemmesiden på: www.share-connect.dk Dokumentation Opgavebeskrivelse Det lokale erhvervsnetværk, Share & Connect skulle have designet og programmeret sin nye hjemmeside, hvor de ville kunne have mulighed
GRAFISK DESIGN. Min personlige e-portfolio
GRAFISK DESIGN Min personlige e-portfolio 2 OPGAVEBESKRIVELSE Produkt: E-portfolio Farve: RGB Programmer: Brackets, Photoshop og Illustrator Min personlige e-portfolio er udarbejdet som et led i min uddannelse
GRAFISK WORKFLOW Hjemmesidedesign
GRAFISK WORKFLOW www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline Færdige produkt www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline Færdige produkt www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline
GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2.
GRAFISK PRODUKTION OG WORK- FLOW CSS Wrapper paragraph h1 h2 DREAMWEAVER CS5 Class Tags Kodning Design a.link, a.hover, a.visited HTML Kundekontakt Komposition og modulopbygning Skelet Pixels Layout Usabillity
GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2
GRAFISK WORKFLOW Kasper Staal - Portfolio - H2 Opgaven Denne opgave bestod i at design et website til min egen virksomed 3DService.dk. Websitet skulle være responsivt, og indeholde de mest gængse informationer
KODNING AF RESPONSIV DESIGN
Grafisk Workflow REDEGØRELSE GRAFISK WORKFLOW 39 OPGAVEN Frk. Nielsens rengøringsfirma kom til os for at få lavet ny hjemmeside. Hun var træt af den gamle, da hun ikke kunne rette i indholdet, og valgte
Grafisk produktion og workflow
Grafisk produktion og workflow Helle Nicolaysen svendeprøve juni 2016 Kunde (fiktiv) Bomholt er en virksomhed der laver og sælger plankeborde og som nu ønsker en helhedsorienteret grafisk designlinje,
GRAFISK WORKFLOW - RESPONSIV WEBSIDE
GRAFISK WORKFLOW - RESPONSIV WEBSIDE REDEGØRELSE Opgavebeskrivelse Redesign hjemmeside for Murerfirmaet Døssing i responsivt design, som udstråler professionalisme. Der skulle være en referenceside med
GRAFISK PRODUKTION & WORKFLOW
GRAFISK PRODUKTION & WORKFLOW CASPER GEIPEL JENSEN INDHOLDSFORTEGNELSE OPGAVEBESKRIVELSE...3 MÅLGRUPPE...3 KUNDEKRAV...3 SPECIFIKATIONER...3 BRUGTE TEKNIKKER...3 PROCESSEN...4 INSPIRATION...4 STYLETILE:
GRAFIK OG BILLEDE PORTFOLIO DAN KLESSEN BOOSTING BUSINESS H3
GRAFIK OG BILLEDE PORTFOLIO DAN KLESSEN BOOSTING BUSINESS H3 Grafik og billede 04 INDHOLDSFORTEGNELSE Dokumentation 05 Clone Tool 06 Selection 07 Curves 09 Masker Masker 10 Masker med effekter 11 Blending
1. Hovedforløb. Mediegrafiker - 2015
Af Ditte Vium Overgaard Grafik og billedbehandling 1. Hovedforløb Mediegrafiker - 2015 OPGAVEBESKRIVELSE Der er til alle de fire kernefagligheder taget udgangspunkt, i mit eget lille projekt, med design
GRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY
GRAFISK WORKFLOW OPGAVEBESKRIVELSE Min kunde er en ung mand som ønskede at få lavet en hjemmeside til hans fremtidig firma, den skulle være responsiv og simpel. Da kunden ikke havde noget ønske om selv
Grafisk workflow 3. Hovedforløb
Grafisk workflow 3. Hovedforløb 3. Hovedforløb Grafisk workflow Dreamweaver Opgavebeskrivelse Højbakkegaard har brug for en hjemmeside, som kan vise hvad gården har at byde på, deres unikke vine og faciliteter
grafisk workflow Madmagasinet
grafisk workflow Madmagasinet Dokumentation Opgaven Madmagasinet skal have et website som er responsive, således deres brugere har en side som er optimeret til de forskellige platformer, hvorpå deres site
GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen
GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen OPGAVE Designforslag til hjemmeside til motorcykelklubben Mc Chaufførerne GRAFISK DESIGN / Dorte Damsgaard Larsen 1/15 DESIGNPROCES Indledende møde med
OPGAVE: WELOVEORGANIC.COM WEBSHOP
OPGAVE: WELOVEORGANIC.COM WEBSHOP OPGAVEN OG AFSENDER: Weloveorganic.com er en forholdsvis ny virksomhed, der pånuværende tidspunkt udelukkende sælger økologisk tøj til kvinder. På længere sigt ønsker
Grafisk Workflow. Website til European Blues Challenge
Grafisk Workflow Website til European Blues Challenge Opgaven: European Blues Challenge er en europæisk blues festival som skifter lokation hvert år. I 2017 kommer festivallen til Horsens, og vores kunde
det færdige resultat
grafisk design Under dette fagområde har jeg valgt at præsentere jer for en opgave, jeg har udarbejdet for virksomheden Breinholt. Breinholt er en nyopstartet virksomhed i Odense, der tilbyder spirituel
GRAFISK WORKFLOW Hjemmeside - Husk hjelmen. http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/
GRAFISK WORKFLOW Hjemmeside - Husk hjelmen http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/ Produkt Web sider Index side Underside - Cykelhjelmen - brug den rigtig. Underside - Husk nu cykelhjelmen.
FORSTÅELSE FOR GRAFISK PRODUKTION
FORSTÅELSE FOR GRAFISK PRODUKTION OPGAVEBESKRIVELSE Til DI s Digitaliseringsindsats, har jeg udarbejdet en håndbog, med gode råd og cases fra andre virksomheder, om hvordan de har implementeret digitalisering
JAN MØLLER JD DESIGN CMK
JAN MØLLER JD DESIGN CMK INDHOLDSFORTEGNELSE Sitemap:... 3 Valg af farver:... 3 Skitser:... 4 Forside:... 4 Produkter:... 5 Kontakt/Bestil:... 6 Galleri:... 7 Info:... 8 Målgruppe:... 9 Persona:... 9 Produkter:...
GRAFISK DESIGN CAMILLA BEYER
GRAFISK DESIGN CAMILLA BEYER Dokumentation Brainstorm Opgaven Arbejdsproces Opgaven gik ud på at designe et logo til en grafisk - Brainstorm elev der søger elevplads. Der skal også designes visitkort,
FRISØR VEST. Link til hjemmesiden: Frisorvest.github.io. Lavet af: Aleksander, Benjamin, Line & Cathrine
FRISØR VEST Link til hjemmesiden: Frisorvest.github.io Lavet af: Aleksander, Benjamin, Line & Cathrine Case 3: Aleksander, Benjamin, Line & Cathrine. Beskrivelse af gruppens tidsplan Trello: Vi har benyttet
Opgavebeskrivelse. Opgaveløsningen
Opgavebeskrivelse Opgaven er et redesign af en hjemmeside til Tistrup Festuge. Opgaven er en fritidsopgave, udarbejdet for udvalget bag Tistrup Festuge. Da man i de seneste år, har ændret en del på konceptet
GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE
GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE WEBSHOP TIL KLITMØLLER COLLECTIVE Klitmøller Collective er et nyt lifestyle brand, som udspringer fra fiskerlejet Klitmøller i det nordvestlige Jylland.
portfolio GRAFISK WORKFLOW
Grafisk Workflow Opgaven Der skal laves nyt hjemmesidedesign til Inhouse Graphic skolepraktik på Aarhus Tech. Hjemmesiden skal kort og godt fortælle om de elever, der arbejder i skolepraktikken og om deres
GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL
GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL OPGAVEBESKRIVELSE Min kunde er en ung mand som ønskede at få lavet en hjemmeside til hans fremtidig firma, den skulle være responsiv og simpel. Da kunden
FRIHED FLEKSIBILITET
Hvorfor har vi bil? FRIHED FLEKSIBILITET Hvordan opleves vedligehold og værkstedsbesøg? BESVÆRLIGT, UFLEKSIBELT, TIDSKRÆVENDE, UIGENNEMSIGTIGT, DYRT, SNYD, UÆRLIGHED, ØV! Hvem sørger for en bedre forbrugerrejse?
Brugervejledning til Design Manager Version 1.02
Brugervejledning til Design Manager Version 1.02 Indholdsfortegnelse 1. Introduktion... 3 1.1 Det kan du med HostedShop Design Manager... 3 1.2 Feature list... 3 2. Design... 4 3. Filer og CSS... 4 3.1
Vejen til effektiv tilbudsteknik
Vejen til effektiv tilbudsteknik Opgaven( ( indhold Priser & Tidslinjen( Formål Beskriv kort, hvad tilbuddets formål er, og hvad kunden får ud af det, du tilbyder. Baggrund Det er sandsynligt, at andre
Grafisk workflow. bl.udbudsnet.dk
Grafisk workflow. bl.udbudsnet.dk Hvad går opgaven ud på? Opgaven gik ud på at lavet et præsentations website for Udbudsnet. Hjemmesiden skulle bruges til at sælge Udbudsnet, på en messe som hedder BL.
Grafisk design. Ide. Designprocess. Målgruppe
Ide Designprocess I denne opgave har jeg udviklet et website for et feriehus. Kunden ønsker et site, som både fungere privat, men også som offentlig hjemmeside. Hele site skal være på dansk, tysk og engelsk.
GRAFISK WORKFLOW PHILIP CREAMER AARHUS TECH SVENDEPRØVE NOVEMBER 2016
GRAFISK WORKFLOW PHILIP CREAMER AARHUS TECH SVENDEPRØVE NOVEMBER 2016 grafisk WORKFLOW // DOKUMENTATION opgaven // Jeg har i min opgave lavet et responsive onepage website for et årlig event kaldet Dirt
Grafisk Design Louise Schibbye Pedersen Mediegrafiker Svendeprøve 2016
Grafisk Design Louise Schibbye Pedersen Mediegrafiker Svendeprøve 2016 GRAFISK DESIGN PROCES Opgaven Jeg designer og laver mine egne plakater i min fritid både illustrationer, manuelt grafik og fotografier
Grafisk. Hjemmesiden er designet til en nyopstartet virksomhed kaldet Tegnestuen M. De har både en arkitektafdeling og en tømrer-/ snedkerafdeling.
Grafisk w o rk f l ow jemmesiden er designet til en nyopstartet virksomhed kaldet Tegnestuen M. De har både en arkitektafdeling og en tømrer-/ snedkerafdeling. Deres vision er at skabe enkle og inspirerende
PROGRAM VALG: InDesign CC Illustrator CC Photoshop CC Dreamweaver CC
grafisk design WITTH AIRLINES KUNDEN: Kunden Carl Witth har etableret et rejseselskab, med rejser til lave priser. Witth Airlines er et selskab der flyver til de fleste hovedstæder samt storbyer til en
Grafisk Design. fra idé til visuelt udtryk Benett
fra idé til visuelt udtryk Benett Indholdsfortegnelse Brief...5 Idé og skitsering....6 Værktøjer....6 Farvevalg....7 Flowchart eksisterende site...7 Design i Photoshop....9 Ikoner i Illustrator...11 Setup
Opgaven. Væsentlighed. Problemstillinger. Browserkompabilitet. Layout. Kvalitetsvurdering. Format. Processer. Komposition og modulopbygning
Opgaven Opgaven var fiktiv, og gik ud på at lave en side med titlen Husk Hjelmen - hvilket skulle være en underside, til rådet for sikker trafik. I sidens layout skulle vi vise at der var plads til at
Grafisk Design 70% Skitser
Grafisk design Grafisk 2 PRODUKT Som et led i den online markedsføring af BBQ Wing it, har jeg valgt at lave et website, med fokus på information. Det er et website, der er baseret ud fra lærte funktioner
workflow Programmer: Om opgaven: Kvalitetsvurdering: Afsender: Modtager: Cathrine Laulund Web: Dreamweaver Billedbehandling: Photoshop
Om opgaven: For et halvt år siden overtog nogle bekendte værtshuset Midtskiws i Skive. De havde derfor brug for en ny hjemmeside, som kunne fungere som et online informationssted og visitkort for deres
grafisk design Se webappen på din mobil
ideudvikling Jeg har valgt at bruge kulturbegivenheden Aarhus Festuge, som udgangspunktet i min svendeprøve. Jeg vil redesigne deres marketingsmateriale såsom logo, magasin, plakater m.m. Derudover vil
Laura Svendsen Kernekompetencer GRAFISK WORKFLOW
Laura Svendsen Kernekompetencer GRAFISK WORKFLOW website til drømmemadpakken Hvad? Opgaven er anden del af en opgave i to dele, et trykt produkt og et digitalt produkt. Vi fik udleveret tekst og billeder
WorkFlow. Svendeprøve Emil Momsen. BeskrivelseN ****** BeskrivelseN ******
Workflow Svendeprøve Emil Momsen BeskrivelseN WorkFlow BeskrivelseN Side - 2 / 8 Arktis Brief Fra kunde Opgave / Indhold Kunden var WWF og opgaven gik ud på at få folk til at blive klar over, hvor alvorligt
Produktion og workflow STINE D. LAURSEN
Produktion og workflow STINE D. LAURSEN Website til terapeut Stine D. Laursen Stine er nystatet som terapeut og behøvede en hjemmeside for at markedsføre sig selv til omverdenen. Hjemmesiden skulle ikke
GRAFISK WORKFLOW. 1 Grafisk workflow
GRAFISK WORKFLOW 1 Opgavebeskrivelse I forbindelse med et nyt online koncept Web in a box skulle jeg lave en Photoshop-skabelon, der kan eksportere materiale til en hjemmeside automatisk. Selve konceptet
Procesbeskrivelse - Webprogrammering
Procesbeskrivelse - Webprogrammering Indholdsfortegnelse Forudsætninger... 1 Konceptet... 2 Hjemmesiden... 2 Server-side... 3 Filstrukturen... 3 Databasehåndtering og serverforbindelse... 4 Client-side...
Grafisk produktion og workflow
Grafisk produktion og workflow Helle Nicolaysen, mediegrafiker, 3. hovedforløb Introduktion Bylderup-Bov Rideklub har en hjemmeside, bestående af en template, hvor designet er fastlagt. Jeg er i kontakt
PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester
PORTFOLIO SEBASTIAN NYHOLM Eksamensprojekt 1. Semester Indledning Dette projekt gik ud på at designe og udvikle sit eget portfolio, hvor indhold fra tidligere projekter, læring, brugerteste og begrundelse
Grafisk Workflow. Endeligt layout. Om mig. Forside. Portfolio
Endeligt layout Forside Om mig Portfolio 1 Hjemmeside Opgaven I dette design projekt skulle jeg gennemføre en designproces, hvor jeg enten skulle redesigne eller designe et produkt. Jeg valgte at designe
MARIA SKAU MADSEN SVENDEPRØVE 2015 WWW.BY-M.DK
DOKUMENTATION MARIA SKAU MADSEN WWW.BY-M.DK INDHOLDSFORTEGNELSE OPGAVE BESKRIVELSE.... 5 RESEARCH.... 5 DESIGN.... 5 SPECIFIKATIONER DET TRYKTE MEDIE.... 5 NUVÆRENDE IDENTITET... 6 PRIMÆR OG SEKUNDÆR MÅLGRUPPE....................6
Brugermanual. - For intern entreprenør
Brugermanual - For intern entreprenør Version 1.0 2014 Brugermanual - For Intern Entreprenør Velkommen som bruger på Smartbyg.com. Denne manual vil tage dig igennem de funktioner der er tilgængelig for
Grafisk Design. rafisk Design
rafisk Design Svendeprøve 2016 Opgaven I forbindelse med at ReklameTryk ville lancere en webshop skulle vores hjemmeside opdateres. Den skulle fremstå enkelt, lys og nem at navigere rundt på og samtidig
de fire grundelementer - samlet mærke baresso c offee
de fire grundelementer - samlet mærke baresso baresso c offee c offee baresso c offee baresso c offee de fire grundelementer - typografi og farver #44321B CMYK: 52,64,84,61 neuropol Century Gothic #309CD7
OPGAVEBESKRIVELSE. Grafisk design process for Kolding Motion, logo, frontend hjemmeside samt t-shirt og skilt.
01. OPGAVEBESKRIVELSE Grafisk design process for Kolding Motion, logo, frontend hjemmeside samt t-shirt og skilt. OPGAVE Re-design Kolding Motions logo, nyt layout til deres hjemmeside samt kodning. Ny
Mennesket bruger et tilbud i et forsøg på at forstå og navigere i, hvad der vil ske når en beslutning tages. Et tilbud vil som udgangspunkt være et
Mennesket bruger et tilbud i et forsøg på at forstå og navigere i, hvad der vil ske når en beslutning tages. Et tilbud vil som udgangspunkt være et forsøg på at sikre sig mod tab! Det effektive tilbud
EFTERSKOLERNES DAG 2017
EFTERSKOLERNES DAG 2017 Forberedt på mere indeholder betydningen - videre dannelse og videre uddannelse. Sande, præcise ord, men også en smule voksne. Bad vi en efterskoleelev om at sætte ord på det samme,
Hjemmeside på SkoleKom
Hjemmeside på SkoleKom 1 Om vejledningen Har din lærer givet tilladelse, kan du nu lave din helt egen personlige hjemmeside på SkoleKom. En hjemmeside på SkoleKom er let at gå til, og har du arbejdet lidt
GRAFISK - WORKFLOW HJEMMESIDE TIL ABITO;50
GRAFISK - WORKFLOW HJEMMESIDE TIL ABITO;50 Dokumentation OPGAVEN TaskerieT henvendte sig til os for at få udviklet en webshop til en tøj-kollektion (Abito;50) som hun på nuverende tidpsunkt kun sælger
Her ses et screenshot af websitet solsystemet i menuen Merkur. Baggrundsbillede skal være static så resten af siden skal man scrolle ned for at se.
Solsystemet lavet af Jesper Kjær Webintegrator i Kastrup Tekniske Skole Grundforløbsprøve 2014 Opgave: Vores solsystem Onsdag 23 april til onsdag 7 maj Her ses et screenshot af websitet solsystemet i menuen
Grafisk Workflow. Opgaven. Test i forskellige browsere (Usability) Arbejdsgang. Kvalitetsvurdering. Procesbeskrivelse
Jesus Kr istus - Ev ig Konge e g n o K g i v E s u t s i r K Jesus Jesus Kristu s - Evi g Kon ge Opgaven Opgaven går ud på, at lave en hjemmeside, enten som en præsentation af noget, eller en kampagne
grafisk workflow Frank winding
grafisk workflow Frank winding redegørelse Opgaven Byg & Bo stod foran årets byggeudstilling 2015, og min arbejdsgiver JUGEL&CO skulle stå for alt markedsføring, medieplanlægning og kommunikation. Mit
Grafisk. workflow. Produktion. Website
Grafisk & Produktion workflow Website www.patellaloeb.dk OPGAVEN: Løbetræneren Mads Frederiksen skulle have designet og programmeret et nyt site, hvor kunderne kan gå ind og læse om de løbepakker, han
Dalux FM Kundevejledning
Dalux FM Kundevejledning Indhold Derfor benytter ATP Ejendomme DaluxFM:... 2 Kundevejledning til indmelding på DaluxFM HelpDesk App:... 2 Download App:... 2 Log på DaluxFM - App:... 3 Opret en indmelding:...
Vejledning til: Mine aktiviteter (behandler)
Vejledning til: Mine aktiviteter (behandler) Modulet "Mine aktiviteter" fungerer som et katalog over skemaer og øvelser, som er tildelt den enkelte borger. De skemaer og øvelser, man er vant til at give
HHBR. Design. Kvalitets vurdering. Opgaven. Målgruppe og Budskab. De Grafiske valg
Opgaven Der skal designes en hjemmeside til en pensioneret revisor, som ønsker at starte en fritids beskæftigelse op, som privat revisor. Han Ønsker en hjemmeside der skal kort fortælle om hans forretning.
PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT
PROJEKTET Udarbejdelse og idéudvikling af en fiktiv grafisk identitet til Puls Fitness. I denne kernefaglighed fremhæver jeg designet til websitet samt lidt merchandise. Derudover ses et udkast til bl.a.
GRAFISK DESIGN SVENDEPRØVE 2013. Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5
NAVN PÅ OPGAVEN KERNEOMRÅDE SVENDEPRØVE 2013 Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5 Beskrivelse af opgaven I min fritid modtog jeg en opgave, som bestod i, at redesigne og kode et
Arbejdsproces. Kvalitetsvurdering
REDEGØRELSE Om opgaven FIKTIV OPGAVE: Til denne opgave skal der laves et design til en hjemmeside (one-page) samt designes grafik og knapper. Designet opsættes som HTML / CSS og valideres. Programvalg
I denne manual kan du finde en hurtig introduktion til hvordan du:
VORES NORDSJÆLLAND HURTIGT I GANG MANUAL 01: Bruger HVAD INDEHOLDER DENNE MANUAL? I denne manual kan du finde en hurtig introduktion til hvordan du: 1. Finder Vores Nordsjælland hjemmesiden 2. Opretter