GRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE

Størrelse: px
Starte visningen fra side:

Download "GRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE"

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

DOKU- MEN- TATION TEK- NISK

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

Læs mere

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

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

Læs mere

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT

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

Læs mere

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å

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

Læs mere

GRAFISK PRODUKTION & WORKFLOW. Endotest website

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

Læs mere

Grafisk workflow. Hjemmeside til Bærkompagniet

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

Læs mere

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb

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

Læs mere

portfolio GRAFISK WORKFLOW

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

Læs mere

GRAFISK WORKFLOW Hjemmesidedesign

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

Læs mere

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet

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

Læs mere

Dokumentation. Karen-Louise Fejerskov

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,

Læs mere

det færdige resultat

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

Læs mere

GRAFISK WORKFLOW H1 MARIA SCHELDE

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

Læs mere

Mit grafiske workflow inkluderer:

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

Læs mere

Produkt. Index side GRAFISK DESIGN

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

Læs mere

KODNING AF RESPONSIV DESIGN

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

Læs mere

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2

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

Læs mere

GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2.

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

Læs mere

Vejen til effektiv tilbudsteknik

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

Læs mere

GRAFISK DESIGN CAMILLA BEYER

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,

Læs mere

GRAFISK WORKFLOW Hjemmeside - Husk hjelmen. http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/

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.

Læs mere

portfolio GRAFISK WORKFLOW

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

Læs mere

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

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

Læs mere

Grafisk Workflow. Endeligt layout. Om mig. Forside. Portfolio

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

Læs mere

Brugervejledning til Design Manager Version 1.02

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

Læs mere

Arbejdsproces. Kvalitetsvurdering

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

Læs mere

MARIA SKAU MADSEN SVENDEPRØVE 2015 WWW.BY-M.DK

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

Læs mere

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT

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.

Læs mere

GRAFISK DESIGN SVENDEPRØVE 2013. Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5

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

Læs mere

Grafisk workflow. bl.udbudsnet.dk

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.

Læs mere

Stilen skulle gerne være feminin og primærfarven rosa.

Stilen skulle gerne være feminin og primærfarven rosa. Grafisk design // Grafisk Design Hjemmesideløsning for syerske Sorami er et enmands-firma med mere end 25 års erfaring, som tilbyder omforandring af tøj og tøj syet efter eget design, samt håndlavede smykker.

Læs mere

Grafisk design. Ide. Designprocess. Målgruppe

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.

Læs mere

Grafisk Design 70% Skitser

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

Læs mere

GRAFISK WORKFLOW. Layout Layout af hjemmesiden laves i Photoshop og siderne inddeles i mapper for bedre overblik.

GRAFISK 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 mere

Grafisk. Hjemmesiden er designet til en nyopstartet virksomhed kaldet Tegnestuen M. De har både en arkitektafdeling og en tømrer-/ snedkerafdeling.

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

Læs mere

# Redesign af copenhagenskatepark.dk

# Redesign af copenhagenskatepark.dk # 1 Grafisk Design # Redesign af copenhagenskatepark.dk Opgave Dette er en fiktiv opgave hvor jeg har valgt at redesigne copenhagenskatepark.dk's website. Jeg synes det kunne være en spændende udfordring

Læs mere

REDESIGN AF GRAFISK FORUMS HJEMMESIDE. Grafisk Workflow

REDESIGN 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 mere

WorkFlow. Svendeprøve Emil Momsen. BeskrivelseN ****** BeskrivelseN ******

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

Læs mere

FORSTÅELSE FOR GRAFISK PRODUKTION OG WORKFLOW

FORSTÅ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 mere

Procesbeskrivelse - Webprogrammering

Procesbeskrivelse - Webprogrammering Procesbeskrivelse - Webprogrammering Indholdsfortegnelse Forudsætninger... 1 Konceptet... 2 Hjemmesiden... 2 Server-side... 3 Filstrukturen... 3 Databasehåndtering og serverforbindelse... 4 Client-side...

Læs mere

PRODUKTION OG WORKFLOW

PRODUKTION OG WORKFLOW PRODUKTION OG WORKFLOW INTERN PROJEKTSTYRING PRODUKTION OG WORKFLOW Majken Cramer, Hovedforløb 2 Aarhus Tech, september 2012 HVAD GÅR OPGAVEN UD PÅ JULI 2012. Jeg har stået for projektstyringen på intranettet

Læs mere

GRAFISK PRODUKTION & WORKFLOW RESPONSIV HJEMMESIDE

GRAFISK 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

grafisk design Se webappen på din mobil

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

Læs mere

Grafisk Workflow. Opgaven. Test i forskellige browsere (Usability) Arbejdsgang. Kvalitetsvurdering. Procesbeskrivelse

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

Læs mere

Dokumentation. Inspiration S34 S35. Opgavens art Fiktiv opgave af opbygning af en hjemmeside.

Dokumentation. Inspiration S34 S35. Opgavens art Fiktiv opgave af opbygning af en hjemmeside. Grafisk Design Dokumentation Inspiration Opgavens art Fiktiv opgave af opbygning af en hjemmeside. Kort om opgaven Hjemmesiden, skulle være oplysende om produkter og virksomheden, den skulle være enkel

Læs mere

GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE

GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE 2 REDESIGN AF FUTURECOM BUSINESS SOLUTIONS HJEMMESIDE OPGAVEN Den gamle hjemmeside skulles redesignes da den daværende hjemmeside var forældet (indhold og udseende)

Læs mere

Grafisk Design. fra idé til visuelt udtryk Benett

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

Læs mere

Get Skeleton. Boilerplate for Responsive, Mobile-Friendly Development

Get Skeleton. Boilerplate for Responsive, Mobile-Friendly Development Get Skeleton Boilerplate for Responsive, Mobile-Friendly Development Hvad er Get Skeleton?!? Get Skeleton er en lille samling af små CSS og JS filer, som giver dig adgang til ultra hurtig udvikling af

Læs mere

PR Offset Dennis Iversen Mediegrafiker Nordre Ringvej 3 7000 Fredericia

PR Offset Dennis Iversen Mediegrafiker Nordre Ringvej 3 7000 Fredericia GRAFISKDESIGN PR Offset Dennis Iversen Mediegrafiker Nordre Ringvej 3 7000 Fredericia Trykket hos: PR Offset Papir: 170g multiart silk, omslag 130g multiart silk, indhold Grafisk design Dansk Kedel Kemi,

Læs mere

Brugermanual. - For intern entreprenør

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

Læs mere

web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet.

web 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 mere

Et krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl.

Et krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl. Indledning Mit sidste projekt her på 1.semester gik ud på at jeg skulle lave et redesign af mit første portfolio, som jeg lavede i starten af semesteret. Formålet var at vise hvad jeg havde lært siden

Læs mere

Grafisk workflow. website til duckhead music

Grafisk 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 mere

Common Denmark. Jan Koefoed-Nielsen. Common Denmark 01-01-2014

Common Denmark. Jan Koefoed-Nielsen. Common Denmark 01-01-2014 2014 Common Denmark Jan Koefoed-Nielsen Common Denmark 01-01-2014 2 Common Denmark Indhold Installation... 3 Iphone & Ipad... 3 Android... 8 Brugervejledning... 9 Login... 9 Profiler... 11 Møder... 15

Læs mere

HHBR. Design. Kvalitets vurdering. Opgaven. Målgruppe og Budskab. De Grafiske valg

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.

Læs mere

Carlas cupcakes. Projekt. http://bysileha.com/2.semester/cupcake/remake/index.html

Carlas cupcakes. Projekt. http://bysileha.com/2.semester/cupcake/remake/index.html Projekt 3 http://bysileha.com/2.semester/cupcake/remake/index.html Carlas cupcakes Amanda Hüttel Lindschouw Michelle Denise Andersen Simone Lenander Hansen Indholdsfortegnelse PROJEKTFORMULERING 1.0 3

Læs mere

RESPONSIVE WEBSITE GRAFISK WORKFLOW DOKUMENTATION

RESPONSIVE 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 mere

4. DEC 5. DEC 8. DEC 2014

4. DEC 5. DEC 8. DEC 2014 1. DEC I dag fik jeg opgavebeskrivelsen og fik et overblik over, hvad der skal laves, ved at gennemgå opgavebeskrivelsen, samt lave en brainstorm og PBS. Jeg er i gang med at finde et alternativ til programmet

Læs mere

Annemette Søgaard Hansen/www.dinwebvejleder.dk

Annemette Søgaard Hansen/www.dinwebvejleder.dk Google Docs Dokumenter Indholdsfortegnelse Værktøjer... Side 3 Menuer... Side 5 Opgave... Side 8 Få adgang til filerne fra din computer... Side 16 Vejledende løsning... Side 17 GoogleDocs Dokumenter 2

Læs mere

WORKFLOW. 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 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 mere

Grafisk design OPGAVEBESKRIVELSE

Grafisk design OPGAVEBESKRIVELSE OPGAVEBESKRIVELSE Min opgave var at lave og designe en pakke til s marketing og kommunikationsafdeling MarKom. Pakken består af: et hoved element portfolio hjemmeside communication.madebydelta.com to supplerende

Læs mere

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk Kunde Bogforlaget Frydenlund A/S Produkt www.his2rie.dk Opgave Hjemmesiden før Redesign af hjemmesiden www.his2rie.dk, som ejes af forlaget. Min opgave lød på, at udforme et nyt design til hjemmesiden,

Læs mere

NY IDENTITET TIL SCHWARZ

NY IDENTITET TIL SCHWARZ GRAFISK DESIGN NY IDENTITET TIL SCHWARZ Redskaber: Photoshop Illustrator Kundeprofil: Schwarz er en eksklusiv forhandler af senge og tilbehør i topklavlitet. Med deres store sortiment af kvalitetsmærker

Læs mere

SmartWeb Brugermanual

SmartWeb Brugermanual SmartWeb Brugermanual Table of Content Table of Content... 1 Best Practice SmartWeb:... 2 Implementering... 4 Egenskaber:... 5 Filer:... 7 Oprettelse af Kategori... 9 Sider og Tekster:... 11 Slideshow...

Læs mere

JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN.

JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN. JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN. Grafisk design Grafisk design Opgaven Jeg har fået til opgave at re-designe Sells.dk. Sitet skal benytte elementer fra en kampagne, der tidligere er

Læs mere

Hjemmeside på SkoleKom

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

Læs mere

PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester

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

Læs mere

WORKFLOW & GRAFISK PRODUKTION

WORKFLOW & 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 mere

Versionsbrev. LUDUS Web version 2.22.0. Den 4. august 2011. J.nr. 4004-V0890-11

Versionsbrev. LUDUS Web version 2.22.0. Den 4. august 2011. J.nr. 4004-V0890-11 Versionsbrev LUDUS Web version 2.22.0 Den 4. august 2011 J.nr. 4004-V0890-11 CSC Scandihealth A/S, P.O. Pedersens Vej 2, DK-8200 Århus N Tlf. +45 3614 4000, fax +45 3614 7324, www.csc.com/sundhed, sc-ludus@csc.com

Læs mere

Indhold Installation DLG Landbrug App (ios)...2 Installation via QR-kode...2 Installation via SMS...3 Installation via browser (Safari)...

Indhold Installation DLG Landbrug App (ios)...2 Installation via QR-kode...2 Installation via SMS...3 Installation via browser (Safari)... Indhold Installation DLG Landbrug App (ios)...2 Installation via QR-kode...2 Installation via SMS...3 Installation via browser (Safari)...4 Installation af DLG Landbrug App (Android)...5 Installation via

Læs mere

GRAFISK WORKFLOW. 1 Grafisk workflow

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

Læs mere

MÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder.

MÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder. GRAFISK DESIGN KUNDEN PA Vaskeriteknik er en enkeltmandsvirksomhed som startede i 2008. Manden bag er Preben, som gennem 14 års brancheerfaring startede sit eget firma op da han føler at han med sit partnerskab

Læs mere

Martin Møller Web1b Tirsdag den 19 juni 2012

Martin 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 mere

GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING

GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING DANSKE BEDEMÆND august 2014 v1.4 1 P a g e INDHOLDSFORTEGNELSE Adgang... 3 Overordnet om Umbraco... 4 Højreklik muligheder i oversigten...

Læs mere

Designmanual for websider

Designmanual for websider Designmanual for websider 31. marts 2009 Version 1.1. Denne manual beskriver de gældende retningslinjer for Aalborg Universitets websider. Det vil sige websider der benytter aau.dk i domænenavnet er omfattet

Læs mere

Afsluttende opgave 2009 Kommunikation/IT

Afsluttende opgave 2009 Kommunikation/IT Afsluttende opgave 2009 Kommunikation/IT Tema: Kulløse Miljømesse Rapport af: Jacob Almann Tinnesen, Oliver Mørk og Oscar Helmersen Roskilde Tekniske Gymnasium Klasse 1.1 Afleveret: 24-04-2009 Side 1 af

Læs mere

Portfolio Redesign Kamilla Klein 1. Semester eksamen

Portfolio Redesign Kamilla Klein 1. Semester eksamen 2014 Portfolio Redesign Kamilla Klein 1. Semester eksamen Lærene: Ditlev Skanderby Frederik Tang Ian Wisler- Poulsen Jesper Hinchely Merete Geidemann Lützen Morten Rold Thomas Hartmann Erhvervsakademiet

Læs mere

Kunsten på Silkeborg Højskole - en online kunstregistrant

Kunsten på Silkeborg Højskole - en online kunstregistrant GRAFISK DESIGN Design af responsiv hjemmeside til Silkeborg Højskoles nye kunstregistrant. Oprettelse af ny side på Silkeborg Højskoles primære hjemmeside. Kunsten på Silkeborg Højskole - en online kunstregistrant

Læs mere

Grundforløbsprøve Projektbeskrivelse

Grundforløbsprøve Projektbeskrivelse Grundforløbsprøve Projektbeskrivelse Webintegrator Thomas á Rógvi 221191-2505 Indholdsfortegnelse Opgaven... 3 Tidsplan... 4 Målgruppe... 5 Layout... 6 Design... 7 Fonte... 7 Browser... 7 Bilag... 8 Det

Læs mere

TWITTER OG #KVÆGKONGRES

TWITTER OG #KVÆGKONGRES SEGES 17-02-2015 Dorte Marcussen Projekt Videnformidling og dialog via nye kanaler TWITTER OG #KVÆGKONGRES Skriv #kvægkongres i tweets på Kvægkongressen Er klar til på #kvægkongres at se på de muligheder

Læs mere

Grafisk design. Svendeprøve Juni 2015 - Pia Søgaard

Grafisk design. Svendeprøve Juni 2015 - Pia Søgaard Grafisk design Dokumentation Svendeprøve Juni 2015 - Pia Søgaard Kunde: Sognegaarden - Hedensted Opgave: ny grafisk identitet og hjemmeside Programmer: Indesign, illustrator og photoshop Farverum: CMYK

Læs mere

Interface design. Arbejde med byggestenene: Fonte, Farver, Grafik, Video

Interface design. Arbejde med byggestenene: Fonte, Farver, Grafik, Video Interface design Arbejde med byggestenene: Fonte, Farver, Grafik, Video Plan for idag... Hvad er rich content? Farver Fonte Billededitering Video embed (screencast) Flash embed Rich Content Macromedia

Læs mere

Mark André Lyhne. Eksamen 2012. 12web1b

Mark 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 mere

Foreløbig version af Brugervejledning for datamodtagere til GS1Trade Sync

Foreløbig version af Brugervejledning for datamodtagere til GS1Trade Sync Foreløbig version af Brugervejledning for datamodtagere til GS1Trade Sync v 0.1 maj 2014 www.gs1.dk/gs1tradesync Indhold Log på... 3 Søg produkter... 4 Hierarkiopbygning... 7 Subskriptioner (Selektioner)

Læs mere

KOM I GANG MED IPAD MINI

KOM I GANG MED IPAD MINI Tryk pilen mod højre 1 Tryk på den nedadgående pilespids 2 Scroll nedad med fingeren indtil du kommer til Dansk og tryk på Dansk 3 Tryk på Vis mere 4 Scroll nedad med fingeren indtil du kommer til Danmark

Læs mere

Ansøgning / CV. Denitsa Stefanova Grafisk Designer / Mediegrafiker

Ansøgning / CV. Denitsa Stefanova Grafisk Designer / Mediegrafiker Ansøgning / CV CV Jeg er en ung kvinde og jeg er blevet uddannet som mediegrafiker hos KEA(Københavns Erhvervsakademi) I januar 2012. Mediegrafiker uddannelsen har givet mig både teoretisk og praktisk

Læs mere

GRAFISK DESIGN. Kenneth Friis Petersen

GRAFISK DESIGN. Kenneth Friis Petersen GRAFISK DESIGN Kenneth Friis Petersen Kenneth Friis Petersen - Svendeprøve 2015 Opgavebeskrivelse Total redesign af hjemmeside til Trademark Textiles A/S, både layout og kodning af side. Trademark textiles

Læs mere

Dalux Field Brugermanual Registrering og oprette opgaver

Dalux Field Brugermanual Registrering og oprette opgaver Dalux Field Brugermanual Registrering og oprette opgaver Dalux Field Brugermanual Registrering og oprette opgaver Side 1 af 14 Indholdsfortegnelse Om denne brugermanual... 3 Registrering af bruger... Error!

Læs mere

Vejledning til Kilometer Registrering

Vejledning til Kilometer Registrering Vejledning til Kilometer Registrering iphone Appen som holder styr på dit firma og privat kørsel. Udviklet af Trisect Development 2011. www.trisect.dk For iphone version 4.2 og nyere. Med Kilometer Registrering

Læs mere

Produktbeskrivelse - Grafisk workflow

Produktbeskrivelse - 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 mere

Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN

Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN Indholdsfortegnelse Introduktion... 2 Definitioner... 2 Generelt... 3 Oprettelse af en skabelon... 4 Sidetypeskabeloner... 5 Globale displaymoduler...

Læs mere

Sensus. Grafisk design og tilgængelighed

Sensus. Grafisk design og tilgængelighed Grafisk design og tilgængelighed Mange tilgængelighedsproblemer bliver skabt allerede i forbindelse med udviklingen af netstedets grafiske udtryk. Tilgængelige netsteder er ikke nødvendigvis ensbetydende

Læs mere

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside Tekstformatering med CSS

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside Tekstformatering med CSS Øvelse 2, individuel øvelse HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside Tekstformatering med CSS 1. Lidt om hvad du har lært Du har i øvelse 1 lært at lave en HTML5-side med afsnit,

Læs mere

kom godt fra start... Din guide til ForældreIntra

kom godt fra start... Din guide til ForældreIntra kom godt fra start... Din guide til ForældreIntra ForældreIntra - kom tættere på skolen ForældreIntra er en del af SkoleIntra - skolens lukkede intranet Med ForældreIntra kan du: følge med i hvad der sker

Læs mere

Pædagogisk IT. Vejledning i Office 365 til elever og deres familier. Version 4 Side 1. Kan udfyldes for at hjælpe med at huske

Pædagogisk IT. Vejledning i Office 365 til elever og deres familier. Version 4 Side 1. Kan udfyldes for at hjælpe med at huske Navn: Uni-login: Uni-login kode: Office365 email: Kan udfyldes for at hjælpe med at huske UNI-LOGIN @undervisning.kk.dk Version 4 Side 1 Indledning Velkommen til denne vejledning i Office 365, som introducerer

Læs mere

Indhold. 1 Indledning... 3. 1.1 Kompatible browsere... 3. 2 Log ind i Umbraco... 3. 3 Content-delen... 4. 3.1 Indholdstræet... 4

Indhold. 1 Indledning... 3. 1.1 Kompatible browsere... 3. 2 Log ind i Umbraco... 3. 3 Content-delen... 4. 3.1 Indholdstræet... 4 Indhold 1 Indledning... 3 1.1 Kompatible browsere... 3 2 Log ind i Umbraco... 3 3 Content-delen... 4 3.1 Indholdstræet... 4 3.2 Ændring af indhold... 5 3.3 Tilføjelse af en side/sektion... 6 3.4. At arbejde

Læs mere

Arbejdsproces. Designparametre

Arbejdsproces. Designparametre REDEGØRELSE Om opgaven Til denne opgave skal der laves et design til easynets nye hjemmeside. Den skal være moderne, simpel i udtryk og overskuelig. Fokus på brugervenlighed. Der skal designes forside,

Læs mere