GRAFISK WORKFLOW H1 MARIA SCHELDE
|
|
- Frans Kristoffersen
- 8 år siden
- Visninger:
Transkript
1 GRAFISK WORKFLOW H1 MARIA SCHELDE
2 DOKUMENTATION Opgaven Arkitekt Mette Schelde skulle have designet og programmeret et website, hvorpå hun kunne præsentere hendes produkter. Designkrav Sitet skal være indbydende og enkelt Det skal være nemt at navigere rundt Produkterne skal være i fokus Man skal kunne lægge flere artikler ind under publications, uden det er for tidskrævende Layout Sitet skal opbygges i et grid Sitet skal senere hen kunne laves responsivt Produktteksten skal kunne læses, uanset hvor på produktsiden du er Logoet og menuen skal scrolle med ned på siden Der bruges fonten Helvetica, da den er let læselig på skærmen Billederne har en hvid ramme på 2 px., således de er rammet ind, hvis hun senere hen ønsker anden baggrundsfarve Usibility Sitet er enkelt, overskueligt og nemt at navigere rundt på. Produktteksterne er opdelt i korte afsnit, så de ikke bliver for lange at læse. Ligeledes er linjelængden også kort og menuen er let tilgængelig som ønsket. Arbejdsprocess Møde med kunden Inspirationssøgning på nettet Håndtegnede skitser Layout i Photoshop, som præsenteres for kunden og godkendes Udarbejdelse af flowchart, skelet og storyboard Programmering af sitet Søgeoptimering ved brug af meta tags (title, keywords, discription, alt. text) Browserkompatibilitet testet Demo til kunden Tilretninger af kode og tekster Sitet er godkendt og uploades på domæne Browserkompatibilitet Sitet er testet i Chrome, Firefox, Safari og Internet Explorer, og her fungerer det som det skal. Kvalitetsvurdering Jeg er blevet rigtig tilfreds med det færdige resultat, da sitet er blevet overskueligt og nemt at navigere rundt på. Det har fanget kundens ønske, som er enkelt og indbydende og det lever op til kundens forventninger. Kunden er tilfreds med både layout og funktionalitet af sitet. Senere hen skal det laves responsivt, således det virker på tablets og smartphones - det er en nødvendighed.
3
4 PROCESBESKRIVELSE Møde med kunden Inspirationssøgning på nettet Skitser Layout i PS præsenteres for kunden og godkendes Udarbejdelse af flowchart, skelet og storyboard Programmering af sitet Søgeoptimering ved brug af metatags Browserkompatibilitet testes Demo til kunden Tilretning af kode og tekster Sitet er godkendt og uploades til domænet
5 INSPIRATIONSSØGNING Tager følgende med derfra: Har et visuelt udtryk og teksten scroller med ned Tager følgende med derfra: Har et visuelt udtryk og enkelt udtrykt Tager følgende med derfra: Produktet er i fokus med store billeder
6 SKITSER index
7 SKITSER produktsider
8 FLOWCHART index.html architecture.html publications.html about.html contact.html viften.html sidetable.html theonethatmoves.html etkoekken.html flex.html planetlamp.html
9 TYPOGRAFI & FARVER På sitet er Helvetica brugt hele vejen igennem, hvad end det er menuen, H1, p mm. Helvetica er en enkelt font, med skabe linjer. De giver den seriøsitet, kombineret med det enkelte look, passer fonten perfekt ind til Mettes produkter og miljøet som skulle skabes på sitet. Ligeledes står fonten også godt til Mettes logo. Farverne på sitet er neutrale. Med den hvide baggrund og den grå tekst - rgb(102,102,102) - er det billedernes farver og materialer som får fuld fokus. Dette er et bevidst valg, da det er den lækre kvalitet produkterne har, som hun skal sælges på. H1 Helvetica, Arial, Sans-serif; Lighter, uppercase, str. 14px. ABCDEFGHIKLMNOPQRSTUVXYZÆØÅ H2 Helvetica, Arial, Sans-serif; Lighter, lowercase, str. 12px. abcdefghiklmnopqrstuvxyzæøå p Helvetica, Arial, Sans-serif; Lighter, str. 12px. ABCDEFGHIKLMNOPQRSTUVXYZÆØÅ abcdefghiklmnopqrstuvxyzæøå #nav ul li p Helvetica, Arial, Sans-serif; Lighter, str. 11px. ABCDEFGHIKLMNOPQRSTUVXYZÆØÅ abcdefghiklmnopqrstuvxyzæøå
10 LAYOUT I PS Layoytet pæsenteres for kunden, og godkendes. Her er der fokus på stil og opsætning af sitet. Her ses layoutet af index.html, samt hvordan siderne, hvorpå produkterne præsenteres, vil komme til at fungere. Produktsiderne vil naturligvis afhænge af antal produktbilleder kunden ønsker at vise af hvert enkelt produkt. Siden er lavet med en bredde på 960px. og en auto højde. En bredde på 960px. vil fungere til både tablet og smartphones, indtil sitet også er opbygget responsive.
11 SKELET Skelet for index.html Alle mål er i pixels 60 #header: 960x80 Mål: 960x #content: 960xAuto #left: 314xAuto #boks1_1:310xauto border: 2px. solid #right: 633xAuto #boks2_1:633xauto border: 2px. solid #boks1_2:310xauto border: 2px. solid #right_spalte1_1: 314xAuto #boks2_1_1:310xauto border: 2px. solid #right_spalte2_1: 314xAuto #boks2_1_1:310xauto border: 2px. solid #boks2_1_2:310xauto border: 2px. solid #boks2_2_2:310xauto border: 2px. solid #footer: 960xAuto 20 30
12 60 #header: 960x80 Mål: 960x80 SKELET #content: 960xAuto #left: 314xAuto #right: 633xAuto pic: 633xAuto Skelet for produktvisning Alle mål er i pixels pic: 633xAuto 9 pic: 633xAuto 9 pic: 633xAuto 9 pic: 633xAuto 9 pic:310xauto border: 2px. solid 9 pic:310xauto border: 2px. solid 9 #footer: 960xAuto 20 30
13 1 16 STORYBOARD logomettescheldegraa.png 2 planetlamp.metteschelde.png hover: planetlamp.metteschelde.gif 3 flex.metteschelde.png hover: flex.metteschelde.gif et_koekken.png hover: koekken.metteschelde. kitchenart.gif 5 bangogolufsen.metteschelde.jpg hover: bangogolufsen.metteschelde_ tekst.jpg 12 6 frankchair.metteschelde2.png hover: frankchair.metteschelde.png 7 sidetable.metteschelde.jpg hover: sidetable.metteschelde_tekst.jpg draabenmetteschelde.jpg hover: draabenmetteschelde_tekst.jpg 8 9 et_koekken.jpg water.metteschelde.jpg 11 fire.metteschelde.jpg 12 block.metteschelde.jpg 13 etkoekken.action.png 14 etkoekken.parts.jpg 15 etkoekken.skitser.jpg 15 etkoekken.doc
14 HTML OG CSS Template Jeg har opbygget sitet med en template, således jeg kun skal rette i et dokument for alt der vises på samtlige sider på sitet. Content har jeg som det eneste gjort redigerbar, således det er der al indhold på de forskellige sider er. Kommentarer I mine html-koder bruger jeg kommentarer til at gøre det mere overskueligt, og for at <div>-taggene er hurtige at referere tilbage til
15 HTML OG CSS Søgeoptimering På sitet har jeg både lavet en description og matatags, for at øge søgeoptimeringen. Derudover har jeg lavet alternative tekster til billederne, samt brugt H1, H2... Google Analytics I mellem <head> og <body> har jeg indsat et <script> som hjælper kunden med at følge med i aktiviteten på hendes site via Google Analytics.
16 HTML OG CSS.class Billederne er placeret med class sådan at man nemt kan tilføje og fjerne billeder, uden at der kommer rod i koderne.
17 HTML OG CSS generelt.css body font-family: Helvitica, Arial, sans-serif font-weight: lighter color: rgb(102,102,102) font-size: 11px float: left #header position: fixed #nav font-size: 12px #nav ul li list-style-type: none display: none #nav center ul li text-decoration: none #footer p font-size: 9px text-align: right p font-size: 14px line-height: 15px margin-bottom: 15px h1 font-size: 14px text-transform: uppercase h2 font-size: 12px text-transform: lowercase produktsider.css #left position: fixed
18 SLUTPRODUKT grafisk workflow Se det færdige websitet på
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
Læs mereGRAFISK 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
Læs mereGrafisk 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
Læs mereMit 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
Læs mereGrafisk workflow. website til duckhead music
Grafisk workflow website til duckhead music Portfolio h1 Side 18 website til duckhead music Selvom jeg er hos et webbureau, så sidder jeg udelukkende med design, og er derfor ikke kommet til at kode endnu.
Læs mereGRAFISK WORKFLOW. Layout Layout af hjemmesiden laves i Photoshop og siderne inddeles i mapper for bedre overblik.
GRAFISK WORKFLOW Opgaven Design og skabelse af website til maler og skrotkunstner Ole Møgelby. Websitet skal virke som en oversigt af Oles værker og som en informationsside. Programvalg Af programmer har
Læs mere5. Billeder og logo til websitet er optimeret til web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet.
GRAFISK WORKFLOW Grafisk workflow Beskrivelse Opgaven Design af website til Tipsbladet Fokus, som er noget, jeg selv har fundet på. Det er tænkt som et alternativ til Tipsbladet.dk, hvor der på Tipsbladet
Læs mereGrafisk Workflow STILHISTORIE. Website lavet i forbindelse med et projekt om stilhistorie. Klik her for at se websitet:
STILHISTORIE Website lavet i forbindelse med et projekt om stilhistorie. Klik her for at se websitet: http://www.mediegrafiker-ats.dk/12gf32med8b/stil/maria/ Opgaven I forbindelse med et tema omhandlende
Læs mereweb via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet.
GRAFISK WORKFLOW Grafisk workflow Beskrivelse Opgaven Redesign af website for bilforhandleren PerB. Opgave har jeg stillet mig selv med det formål at lave en simpel men indbydende udgave af PerB s website.
Læs mereGrafisk 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
Læs mereGRAFISK 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
Læs mereGRAFISK 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
Læs mereIndhold. 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
Læs merePORTFOLIO 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,
Læs mereLaura 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
Læs mereSe 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
Læs mereREDESIGN AF GRAFISK FORUMS HJEMMESIDE. Grafisk Workflow
Grafisk Workflow REDESIGN AF GRAFISK FORUMS HJEMMESIDE Før Efter REDEGØRELSE OPGAVEN Da jeg ikke har noget med web at gøre på min elevplads, opfandt jeg en fiktiv opgave - nemlig at redesigne Grafisk Forums
Læs mereGrafisk 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.
Læs mereGRAFISK WORKFLOW GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM
GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM OPGAVEN Redesign af Ole Møgelbys hjemmeside, der efter stor succes med sine værker, gerne vil have frisket udtrykket lidt op. Billedsiderne skal udvides
Læs mereGRAFISK 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.
Læs mereportfolio 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
Læs mereGRAFISK 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
Læs mereGRAFISK 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
Læs mereportfolio 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
Læs mereKT 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
Læs mereGRAFISK 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
Læs mereFORSTÅELSE FOR GRAFISK PRODUKTION OG WORKFLOW
Opgaven I AArhus er en fiktiv hjemmeside. Formålet med hjemmesiden, er at Folk som befinder sig i Aarhus kan henvende sig til I AArhus og berette deres synspunkt på Aarhus. Siden henvender sig til unge,
Læs mereGRAFISK 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
Læs mereWORKFLOW & 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
Læs mereGRAFISK WORKFLOW GRAFISK WORKFLOW
Opgaven At lave en ny hjemmeside til tekniske skolers sportslege. Den gamle var rodet og uoveskuelig. Det vigtigste var at rydde op, samt holde en rød tråd til logo og indbydelsen. Afsender Lærerne på
Læs mereGRAFISK 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
Læs mereGRAFISK 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
Læs mereGrafisk workflow. Maria Clausen Svendeportfolio Grafisk workflow
Grafisk workflow Maria Clausen Svendeportfolio Grafisk workflow OPGAVEN Kunden har stiftet et nyt firma som hedder Wood id, som sælger lamper, møbler og tilbehør lavet i kvalitets træ. Kunden ville gerne
Læs mereGrafisk 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
Læs mereGrafisk 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
Læs mereGRAFISK 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
Læs mereGRAFISK 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
Læs mereGRAFISK 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.
Læs mereGrafik & 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
Læs mereProjekt-studieweb. Om kommunikationsteorierne. Morten, Jacob, Kristian og Cihat
Projekt-studieweb Om kommunikationsteorierne Morten, Jacob, Kristian og Cihat Gestaltlovene Loven om nærhed Loven om lukkethed Loven om lighed Loven om forbundethed Loven om fortsættelse Loven om figur
Læs mereGRAFISK 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:
Læs mereDokumentation. 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,
Læs mereGRAFISK 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
Læs merePræsentationsportfolio for Hovedforløb 1. Kongens Folk hjemmeside
Præsentationsportfolio for Hovedforløb 1 Kongens Folk hjemmeside Opgaven Jeg skal lave en ny hjemmeside til foreningen Kongens Folk. De har en gammel hjemmeside der skal fornyes. De ønsker en side, der
Læs mereWORKFLOW & GRAFISK PRODUKTION
Opgavebeskrivelse Kunde: Gorm Larsen & Zornig (GLZ) Websitet Social media cheat sheet er en oversigt over forskellige sociale mediers opsætning. Formålet er altså at gøre det nemt at finde de mål, der
Læs mereNyhedsbrev april: spørgeskemaundersøgelse
#ChronoContact_Survey { margin-bottom: 10px; margin-left: 0px;.form_element { float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin-bottom: 8px; margin-left: 0; margin-top: 8px;
Læs merePortfolio - 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
Læs mereGRAFISK 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.
Læs mereGrafisk Workflow. hovedforløb 2
Grafisk Workflow hovedforløb 2 WORLD OF FURNITURE Forside.wrapper width: 95%; margin: 0 auto; box-shadow: 0px 0px 25px #888888; Image slider carousel 5 sekunder .button span.button span:after.button:hover
Læs merePortfolio - 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
Læs mereDokumentation. 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
Læs mereGrafisk 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.
Læs mereGrafisk 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
Læs meregrafisk 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
Læs mereworkflow 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
Læs mereGRAFISK 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
Læs mereWORKFLOW. RESPONSIV HJEMMESIDE MED ET FARVETWIST Hjemmesidedesign og udvikling. www.mads-pj.dk/clothesly
WORKFLOW RESPONSIV HJEMMESIDE MED ET FARVETWIST Hjemmesidedesign og udvikling www.mads-pj.dk/clothesly DOKUMENTATION OPGAVE Opgaven jeg stillede mig selv, var at designe og kode et koncept til en webshop
Læs mereGrafisk 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,
Læs mereGrafisk 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
Læs mereOpgaven. 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
Læs mereGrafisk Workflow. Mediegrafiker - Svendeprøve. Mediegrafikeruddannelsen af Ramin Azizi
Grafisk Workflow Mediegrafiker - Svendeprøve Mediegrafikeruddannelsen 2012-2016 - af Ramin Azizi www.azizidesign.dk Dokumentation Opgavebeskrivelse: Jeg har i denne opgave valgt at redesigne s hjemmeside,
Læs mereBirgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE
Birgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE Grafisk produktion og workflow Grafisk produktion og workflow l 12 Pedersholmparken 6 DK 3600 Frederikssund Tlf.: +45 27 57 7164
Læs merePORTFOLIO SVENDEPRØVE
EDDIE KÜSTER ABI-KHALIL PORTFOLIO SVENDEPRØVE GRAFISK WORKFLOW Red en med blodkræft - Website 2 Produktet 3 OPGAVEN Denne opgave er en mindre fiktiv opgave, som ikke har fået sit sidste godkendelse endnu.
Læs mereGRAFISK WORKFLOW. Proces. Kodning. Fonts:
P f t r o o i l o 1 H GRAFISK WORKFLOW»Vi skal bruge en hjemmeside, så vi kan få fat i patienterne til vores botilbud. Ellers risikerer vi at de vælger noget andet. Der skal laves logo, samt lærringsvideoer«proces
Læs mereGrafisk. 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
Læs mereOPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner.
GRAFISK DESIGN OPGAVEN Min kæreste er medstifter af en vinloge. Medlemmerne af logen kunne godt tænke sig et sted, hvor de bl.a. kunne få et overblik over, hvilke vine de har bedømt og hvornår næste loge
Læs mereSabine 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
Læs mereGRAFISK PRODUKTIONSFORSTÅELSE
GRAFISK PRODUKTIONSFORSTÅELSE Opgavebeskrivelse Julie Abels Dansestudie vil gerne have en ny hjemmeside, der skal promovere studiet. De har en opsat hjemmeside fra 123hjemmeside, som de gerne vil have
Læs mereMålgruppe Mænd og kvinder i alderen 30 til 60 år, som er interesret i selvudvikling og ønsker et sundt arbejds- og privat liv.
Grafisk Design Kunden Mindfullife er en forskningsinvolveret undervisnings- og uddannelsesvirksomhed indenfor mindfulness-baseret intervention. De tilbyder kurser, retreats og uddannelse centreret omkring
Læs mereOPGAVE: 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
Læs mereGrafisk. 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
Læs mereKODNING 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
Læs mereMark André Lyhne. Eksamen 2012. 12web1b
Mark André Lyhne Eksamen 2012 12web1b Indholdsfortegnelse Indholdsfortegnelse... 1 Projekt beskrivelse... 3 Målgruppe... 3 Afsender... 3 Budskab... 3 Kommunikationsmål... 3 Ideudvikling... 3 De 6 Designparametre...
Læs mereGrafisk Design. Svendeprøve Portfolio Anja Jelstrup Jensen, Kailow
Grafisk Design Svendeprøve Portfolio Anja Jelstrup Jensen, Kailow Gammelt layout Nyt layout 6 Grafisk Design Kunden Mindfullife er en forskningsinvolveret uddannelsesvirksomhed indenfor mindfulness-baseret
Læs meregrafisk 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
Læs mereJAN 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:...
Læs mereEksamen. Jonas Langhoff Nielsen Web01b
Eksamen Jonas Langhoff Nielsen Web01b 1 Indhold Tidsplan 3 Projektbeskrivelse og Målgruppe 4 De 6 Designparametre. 5 Skitser.. 6 Flowchart 7 Fremstilling af Logo 8 Farvevalg 9 Valg af fonte 10 Skelet.
Læs mereOPGAVE BESKRIVELSE ARBEJDSPROCES. Idéudvikling. Inspiration. Skelet. Uploade til server. Kodning. Teste sitet igennem. Rettelser og godkendelse
GRAFISK WORKFLOW ARBEJDSPROCES OPGAVE BESKRIVELSE OPGAVEN At lave et redesign af AGF Fanclubs hjemmeside med et mere nutidigt look og bedre oversskuelig brugerflade. Opgaven har jeg stillet mig selv, men
Læs mereOPGAVEN Konditoren skulle have lavet et site til deres opskrifter. Konditoren.dk er en blog for bageglade amatørere i alle aldre.
WORKFLOW OPGAVEN Konditoren skulle have lavet et site til deres opskrifter. Konditoren.dk er en blog for bageglade amatørere i alle aldre. Det er en fiktiv opgave. MIT BIDRAG Jeg stod for al design og
Læs mereOpgavebeskrivelse. 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
Læs mereGrafisk. Workflow. Side 1
Grafisk Workflow Side 1 http://mediegrafiker-ats.dk/15gt33med/freja/hotelinger/ Side 2 Kunde: Inger Marie, Hotel Inger Målgruppe: Aldersgruppe mellem 30-50 år. Hvad har jeg bidraget med? Mit bidrag til
Læs mereGrafisk 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
Læs mereH2 Portfolio. Patrick Lindholm-Andersen
H2 Portfolio Patrick Lindholm-Andersen Grafisk design Opgave Opgaven gik ud på at designe et nyt logo til et gammelt fiktionelt bryggeri firma. Da kunden er engelsk har alt kommunikation foregået på engelsk
Læs mere1. 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
Læs mereGRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE
GRAFISK PRODUKTION OG WORKFLOW PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE 04 INDHOLDSFORTEGNELSE Dokumentation 05
Læs mereELEMENTER 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
Læs mere1 SVENDEPRØVE 2016 GRAFISK DESIGN GRAFISK DESIGN
1 SVENDEPRØVE 2016 GRAFISK DESIGN GRAFISK DESIGN 2 SVENDEPRØVE 2016 GRAFIK & BILLEDER 3 SVENDEPRØVE 2016 GRAFIK & BILLEDER 3 SVENDEPRØVE 2016 GRAFISK DESIGN 01. BRIEFING GRAFISK DESIGN 01. Briefing 02.
Læs mereEfterlyst! Introduktion HTML & CSS. I dette projekt skal du lære, hvordan du laver din egen plakat. Arbejdsliste. Test dit Projekt.
HTML & CSS 1 Efterlyst! All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club. Introduktion
Læs mereRESPONSIVE WEBSITE GRAFISK WORKFLOW DOKUMENTATION
RESPONSIVE WEBSITE DOKUMENTATION OPGAVEN Opgaven gik ud på at designe og kode et responsive website til sommerhuset Brink Møllegaard. Websitet skulle præsentere og informere besøgende om huset og området
Læs mereProdukt. 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
Læs mereProduktbeskrivelse - Grafisk workflow
Produktbeskrivelse - Grafisk workflow Opgavebeskrivelse Det er en nyhedsmail. De er en ny opsætning Ansvar for opgaveløsning Webadministratoren står for opgavefordeling. Tekst kommer fra salgs og butikslederen.
Læs mereGRAFISK DESIGN CAMILLA VINTER
GRAFISK DESIGN CAMILLA VINTER OPGAVEBESKRIVELSE (Fiktiv) Jeg har valgt at lave en ny visuel identitet for Tv-programmet KURS MOD FJERNE KYSTER. I programmet følger du Mikkel Beha s og resten hans familie,
Læs mereGRAFISK - 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
Læs mereTHOMAS KNUDSHOLT MEDIEGRAFIKER. Grafik - Billedbehandling - Typografi og Ombrydning Grafisk Design - Grafisk Produktionsforståelse
THOMAS KNUDSHOLT MEDIEGRAFIKER Grafik - Billedbehandling - Typografi og Ombrydning Grafisk Design - Grafisk Produktionsforståelse MEDIEGRAFIKER HOVEDFORLØB 2 GRAFISK DESIGN DOKUMENTION Kunden: Retsforbundet
Læs mereByg et website med Dreamweaver
Byg et website med Dreamweaver I denne øvelse skal vi opbygge et website for Hotel Holiday i Dreamweaver. Det færdige site kan ses her: http://www.itu.dk/people/khhp/hotel_holidays/velkommen.html Øvelsen
Læs mereMartin Møller Web1b Tirsdag den 19 juni 2012
Martin Møller Web1b Tirsdag den 19 juni 2012 Projektbeskrivelse 3 Tema valg 3 Budskab 3 Afsender 4 Målgruppe 4 Kommunikations mål 4 Skitser 6 Layout index 7 Layout Kulturliv 8 Layout Gratis glæder 9 Layout
Læs mereGRAFISK PRODUKTION & WORKFLOW RESPONSIV HJEMMESIDE
GRAFISK PRODUKTION & WORKFLOW RESPONSIV HJEMMESIDE Opgavebeskrivelse Jeg har valgt at gennemgå min egen responsive hjemmeside, hvor jeg vil fokusere på responsivt design. Layout Min hjemmeside har jeg
Læs mere