8. Webdesign. Grundlæggende Grafisk design Stefan Grage & Klaus Bjerager Tirsdag 5. april

Størrelse: px
Starte visningen fra side:

Download "8. Webdesign. Grundlæggende Grafisk design Stefan Grage & Klaus Bjerager Tirsdag 5. april"

Transkript

1 8. Webdesign Grundlæggende Grafisk design Stefan Grage & Klaus Bjerager Tirsdag 5. april

2 Kursusplan 5. apr. 12. apr. 18. apr. 9. Webdesign / Opg. 7: website K: Usability, s K: Smukkere grafisk design, s. 116 K: Stram op på dine websider, s. 13, 39, K: Universal Principles of Design, s. 102, 104, 158, 202 K: Letting Go of the Words, s. 1-6, 8-9, (69-92) 10. Interaktiv markedsføring / Opg. 8: nyhedsmail K: Nej tak til de fleste reklamer K: Interactive brand design research K: Design til skærmen, s K: User Interface Design in Modern Web Applications K: (Design to Sell Increasing Conversion Rates)* 11. Eksamens-opgave stilles / Opg. 9: skitser web + cvi K: The Elements of User Experience, s apr. Påskeferie (Ingen undervisning) 26. apr. 12. Eksamens-opgave K: How Do Users Evaluate the Credibility of Web Sites? K: Do We Need Eye Trackers to Tell Where People Look? K: Idébogen, s , ! 3. maj 10. maj 13. Navigation / Opg.10: teori test G: Layout i opgaven, s K: Usability, s K: Don t make me think, s , Vejledning Vejledning og individuelt/gruppe-arbejde maj Aflevering af eksamensopgaven Aflevering ved Eksamenskontoret før kl juni Mundtlig eksamen

3 Agenda Kort om skitser Rammer for design - Skærme - Opløsning - Browsere Webdesign & dynamik Stefan Skriftlig evaluering Forskellige webdesign Trunk-test Opgave 7

4 Kort om skitser Test i design-processen brug skitser og prototyper i udvikling og test Skitser er et værktøj ikke kunst! Optimeret forståelse (jo tættere på desto bedre) vs. Brugbarhed som værktøj (hurtigt fremstillet og redigeret) Tegn på papir eller print dine skitser (så der kan tilføres rettelser og kommentarer)!

5 Kort om skitser En god skitse kan krølles sammen og smides væk uden det giver anledning til konflikter i udviklingsprocessen

6 Skærme Skærm størrelse tommer på PC - Mindre skærme (og pixels) på PDA og mobiltelefoner - 2 løsninger (Website + Mobilsite) koster kassen. Kontekst - Belysning - Rystelser - Overvej tilgængelighed

7 Opløsning Forskellige format - Widescreen, 16:9 - Skærmbredde: pixels - iphone 3: 320 x 480 pixel (163 ppi) - iphone 4: 640 x 960 pixel (326 ppi) Overvej detalje-grad og små elementer Husk browser, ramme og scrollbar Folden Over eller under folden

8 Opløsning Overvej grid 960 pixels Statistik fra FDIM: (Foreningen af Danske Interaktive Medier) x800 20,448 % x768 12,784 % x768 11,877 % x ,302 % x900 9,421 % x1050 6,915 % x900 3,873 % x1080 3,460 % x600 2,313 % x1200 2,248 % kilde:

9 iphone 4 skærm Skærm: 640 x 960 pixels 50 x 75 mm 128 pixels/mm

10 Browsere Overvej browser - Websitet vises forskelliget i forskellige browsere - Dette er ikke så vigtigt for jer (her på holdet), men I skal vide det Statistik fra FDIM: (Foreningen af Danske Interaktive Medier) 1 MSIE 8.X 44,137 % 2 MSIE 7.X 22,008 % 3 Firefox 3.X 12,051 % 4 Chrome 8.X 9,128 % 5 Safari 5.X 5,474 % 6 Safari 4.X 1,430 % 7 SafariMob 5.X 1,407 % 8 MSIE 6.X 1,272 % 9 SafariMob 4.X 0,888 % 10 MSIE 9.X 0,488 %

11 Browsere For forskellige browsere: MSIE 8.0 Firefox 3.6 Safari Opera 9.80

12 Webdesign & dynamik Stefan

13 Jakob Nielsen

14 Webdesign(s) bør leve op til Trunk testen Trunk test 1. Hjemmeside identitet? 2. Hvilken side er jeg på? 3. Hvilke sektioner består sitet af? 4. Hvilke navigationsmuligheder har jeg? 5. Hvor befinder jeg mig relativt til Home? 6. Hvilke søgemuligheder har jeg?

15 Øvelse I skal finde et website for en køreskole - efter eget valg I skal vurdere websites design ud fra: - Design-principper - Komposition - Kontraster - Grid - Visuel identitet - Samlet oplevelse I skal arbejde i grupper I skal forberede en kort præsentation (30 minutter)

16 Drivertz

17 Inges køreskole

18 Hodal Køreskole

19 Toyota

20 SU

21 SU

22 Webdesign(s) bør baseres på nedenstående overvejelser... men ikke nødvendigvis i denne rækkefølge. design-principper komposition kontrast grid visuel identitet helhedoplevelse

23 Britt Ks website: Forside

24 Britt Ks website: Priser

25 Britt Ks website: Åbningstider

26 Britt Ks website: Salonen

27 Britt Ks website: Stylist

28 Britt Ks website: Her er vi

29 Britt Ks website: Online booking

30 Opgave 7 Redesign et website for en frisør (Britt K) I skal aflevere 1 pdf-fil med min. 5 sider: Jeres grid i et browser-vindue 1+ forslag til komposition (skitse(r)) 3 sider fra websitet (forside + 2 frie) Gennemgang 12. april

31 Tak for i dag!

Overskrift. 1. Visuel kommunikation. Punkter - Underpunkter. Punkter. Klaus Bjerager Tirsdag den 8. februar

Overskrift. 1. Visuel kommunikation. Punkter - Underpunkter. Punkter. Klaus Bjerager Tirsdag den 8. februar Overskrift Punkter - Underpunkter Punkter 1. Visuel kommunikation Klaus Bjerager Tirsdag den 8. februar Agenda Introduktion til kurset» Præsentation af underviser og hjælpelærer» Præsentation af studerende»

Læs mere

Sundhedsapp.dk. - I hvor høj grad, skal vi have fokus på de potentielle brugere af websitet?

Sundhedsapp.dk. - I hvor høj grad, skal vi have fokus på de potentielle brugere af websitet? Oplæg til vejledning Sundhedsapp.dk - I hvor høj grad, skal vi have fokus på de potentielle brugere af websitet? - Kan man overhovedet forestille sig at udarbejde en prototype uden nogle former for feedback?

Læs mere

program * opsamling * skype foredrag * online markedsføring

program * opsamling * skype foredrag * online markedsføring dagens program * opsamling * skype foredrag * online markedsføring opsamling visuel identitet * hvad synes I? * pitch * s/h + negativ * farver Logo Logo Logo Web Tryk #0000ff Pantone Blue 072c C 100 M

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

Re-design af Bøssehusets hjemmeside Webdesign og webkommunikation, F2012 Iben Kold Thomsen (hold 1) & Morten Mechlenborg Nørulf (hold 2)

Re-design af Bøssehusets hjemmeside Webdesign og webkommunikation, F2012 Iben Kold Thomsen (hold 1) & Morten Mechlenborg Nørulf (hold 2) Introduktion Vores eksamensprojekt er et re-design af Bøssehusets hjemmeside. Bøssehusets er et kulturhus for bøsser, lesbiske og transseksuelle personer beliggende på Christiania. Huset skaber rammerne

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

Dynamisk Webdesign. Stefan Grage

Dynamisk Webdesign. Stefan Grage Dynamisk Webdesign Stefan Grage Brugen af web Hvilke sites besøger i oftest? Og hvorfor? Snak med sidemanden i 3 min. Kategorisering Utility sites Sociale sites Webshops Indholdstunge sites Utilities Google

Læs mere

Workflow & Grafisk produktion

Workflow & Grafisk produktion Workflow & Produkt Markedsføringen af BBQ Wing it er vigtigt for at blive en succes. Derfor er det ikke nok, at magasinet bliver trykt, men at det også bliver tilgængeligt online. I dag læser mange danskere

Læs mere

Hvordan kan vi designe et website til studenterorganisationen Analog café?

Hvordan kan vi designe et website til studenterorganisationen Analog café? Analog Café - Design til Digitale Kommunikationsplatforme - E2012 Problem felt ITU s studenterorganisation Analog søger en bedre online profil. På nuværende tidspunkt bruger de flere forskellige online

Læs mere

MULTIMEDIEDESIGNER 1. ÅRS PRØVE

MULTIMEDIEDESIGNER 1. ÅRS PRØVE MULTIMEDIEDESIGNER 1. ÅRS PRØVE Eksamensprojekt, 2. semester, forår 2010 TEMA: E-HANDEL Erhvervsakademiet København Nord Udleveret mandag d. 3. maj 2010 Afleveres i 4 eksemplarer senest d. 28. maj kl.

Læs mere

GRAFISK WORKFLOW - RESPONSIV WEBSIDE

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

Læs mere

12. Eksamens-opgave. Grundlæggende Grafisk Design1 Klaus Bjerager Tirsdag 26. april

12. Eksamens-opgave. Grundlæggende Grafisk Design1 Klaus Bjerager Tirsdag 26. april 12. Eksamens-opgave Grundlæggende Grafisk Design1 Klaus Bjerager Tirsdag 26. april Agenda Gennemgang opgave 8 Alle opgavers afleverings frist Alle opgavers godkendelser Opgave 9 gruppeøvelse Opgave 10

Læs mere

Førsteårsprøven 2015. Projektbeskrivelse 2. Semester Multimediedesigner

Førsteårsprøven 2015. Projektbeskrivelse 2. Semester Multimediedesigner Førsteårsprøven 2015 Projektbeskrivelse 2. Semester Multimediedesigner Projektbeskrivelse Formål Som afslutning på første studieår skal I gennemføre et tværfagligt projektforløb, der skal afspejle væsentlige

Læs mere

Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed

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

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

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

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

Multimediedesigner. Vedvarende. energi

Multimediedesigner. Vedvarende. energi Multimediedesigner Vedvarende energi Eksamensprojekt 2. sem. maj. 2014 - jun. 2014 Problemstilling Vedvarende energi er en samlebetegnelse for bioenergi, vindenergi, solenergi og andre teknologier, der

Læs mere

Den Grafiske Højskole

Den Grafiske Højskole 1 Den Grafiske Højskole Den Grafiske Højskole Medieproduktion og ledelse MPL 2004-2007 Skriftlig eksamen i produktionstilrettelægning Fredag 6. januar 2006 kl. 9.00 til 13.00 Alle hjælpemidler er tilladt

Læs mere

Undervisningsbeskrivelse

Undervisningsbeskrivelse Undervisningsbeskrivelse Stamoplysninger til brug ved prøver til gymnasiale uddannelser Termin Institution Uddannelse Fag og niveau Lærer(e) Hold Termin hvori undervisningen afsluttes: maj-juni 10/11 HTX

Læs mere

11. Eksamens-opgave. Grundlæggende Grafisk design Klaus Bjerager Mandag 18. april

11. Eksamens-opgave. Grundlæggende Grafisk design Klaus Bjerager Mandag 18. april 11. Eksamens-opgave Grundlæggende Grafisk design Klaus Bjerager Mandag 18. april Agenda Opgave 8, gennemgang Eksamensopgave Lydfil på Bloggen fra møde med Marketing Manager Hassan Tidligere eksamensopgaver

Læs mere

K-opgave i faget multimedietekologi, foråret 2004 Fremstilling af multimediebaseret præsentation

K-opgave i faget multimedietekologi, foråret 2004 Fremstilling af multimediebaseret præsentation K-opgave i faget multimedietekologi, foråret 2004 Fremstilling af multimediebaseret præsentation 1. Tidsfrister og generelle krav Dette er den karaktergivende eksamensopgave (K-opgave) på kurset multimedieteknologi,

Læs mere

Portfolio redesign. Kia Dahlen! cph-kd51@cphbusiness.dk! 1. semester eksamen! MUL-A 2013! !!! www.mul17.itkn.dk/portfolio/index.html!

Portfolio redesign. Kia Dahlen! cph-kd51@cphbusiness.dk! 1. semester eksamen! MUL-A 2013! !!! www.mul17.itkn.dk/portfolio/index.html! Portfolio redesign Kia Dahlen cph-kd51@cphbusiness.dk 1. semester eksamen MUL-A 2013 www.mul17.itkn.dk/portfolio/index.html Underviserer: Ditlev Skanderby Frederik Tang Ian Wisler-Poulsen Jesper Hinchely

Læs mere

KT OR LOW PRODUKTION // WORKFLOW

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

Læs mere

ANALYSE AF WEBSTEDET WWW.BILFORHANDLER.DK

ANALYSE AF WEBSTEDET WWW.BILFORHANDLER.DK ANALYSE AF WEBSTEDET WWW.BILFORHANDLER.DK Denne rapport indeholder en primær analyse af webstedet www.bilforhandler.dk. Vi har kigget på: Det vigtige førstehåndsindtryk af webstedet Brugervenlighed Anvendte

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

Gitte Smed, Styrelsen for biblioteker og medier. Midtvejstest af tilgængeligheden til nyt netsted

Gitte Smed, Styrelsen for biblioteker og medier. Midtvejstest af tilgængeligheden til nyt netsted Sensus ApS Langesvej 34 DK-3400 Hillerød Telefon: +45 48 22 10 03 Telefax: +45 48 22 10 04 www.sensus.dk sensus@sensus.dk Til: To: Kopi: Copy: Fra: From: Dato: Date: Emne: Subject: Gitte Smed, Styrelsen

Læs mere

Grafisk design og layout for ikke-grafikere

Grafisk design og layout for ikke-grafikere Grafisk design og layout for ikke-grafikere 4. og 5. maj 2009 Teknologisk Institut Taastrup 1. og 2. oktober 2009 Teknologisk Institut Taastrup Lær at opstille et appellerende og spændende layout Få indblik

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

Grafisk design og kommunikation Vægt i uddannelsen 10 ECTS-point

Grafisk design og kommunikation Vægt i uddannelsen 10 ECTS-point Grafisk design og kommunikation Vægt i uddannelsen 10 ECTS-point Mål Med udgangspunkt i teori inden for grafisk design skal kurset kvalificere de studerende til at kunne analysere samspillet mellem form

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

Style & Experience 1. semester efterår 2011 25. november - 2. december

Style & Experience 1. semester efterår 2011 25. november - 2. december obligatorisk projekt Style & Experience 1. semester efterår 2011 25. november - 2. december Har du samme forhold til jazz? Odense Vinterjazz er en jazzfestival der finder sted hvert år i oktober. Koncerterne

Læs mere

grafisk workflow Frank winding

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

Læs mere

Kom godt i gang med I-bogen

Kom godt i gang med I-bogen Kom godt i gang med I-bogen At åbne bogen Det allerførste, du skal gøre, for at kunne arbejde med i-bogen, er at aktivere den. Det gøres ved at oprette en konto på systime.dk og derefter aktivere bogen

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

Hassansalem.dk/delpin User: admin Pass: admin INTERFACE DESIGN

Hassansalem.dk/delpin User: admin Pass: admin INTERFACE DESIGN Hassansalem.dk/delpin User: admin Pass: admin INTERFACE DESIGN 1/20 Indledning Dette projekt er den afsluttende del af webudvikling-studiet på Erhvervs Lillebælt 1. semester. Projektet er udarbejdet med

Læs mere

startup.dk Multimediedesigner 1. års prøve Eksamensprojekt, 2. semester 2015

startup.dk Multimediedesigner 1. års prøve Eksamensprojekt, 2. semester 2015 startup.dk Multimediedesigner 1. års prøve Eksamensprojekt, 2. semester 2015 Opgaven I er en gruppe multimediedesignerstuderende, der har besluttet at starte jeres egen virksomhed. I kan frit vælge, hvilken

Læs mere

Internet vs WWW. Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information

Internet vs WWW. Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information web som medie Internet vs WWW Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information Internet protokoller (forskellige måder at udveksle information

Læs mere

txtbomber af Felix Vorreiter Mogens Jacobsen / moja@itu.dk

txtbomber af Felix Vorreiter Mogens Jacobsen / moja@itu.dk 1 txtbomber af Felix Vorreiter BSPR11 Introduktion Mogens Jacobsen / moja@itu.dk Dagens program 3/2 2 12:00-12:45: Introduktion 12:45-12:55: pause 12:55-13:10: Introduktion til design-opgaven 13:10-13:30:

Læs mere

eksamensprojekt 2. sem

eksamensprojekt 2. sem Multimediedesigner Klima 2009 Virksomheder i en klimakontekst eksamensprojekt 2. sem maj - juni 2009 www.cphnorth.dk Trongårdsvej 44 DK 2800 Kgs. Lyngby 1. Opgaven Indledning: I december 2009 skal Danmark

Læs mere

BRUGERCENTRERET DESIGN.

BRUGERCENTRERET DESIGN. BRUGERCENTRERET DESIGN. AGENDA. Velkomst og introduktion Brugercentreret design Kaffepause og netværk Implementering af brugercentreret design i en virksomhed Afslutning BRUGERVENLIGHED. BRUGERVENLIGHED.

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

Undervisningsbeskrivelse

Undervisningsbeskrivelse Undervisningsbeskrivelse Stamoplysninger til brug ved prøver til gymnasiale uddannelser Termin Institution Uddannelse Fag og niveau Lærer(e) Hold Termin hvori undervisningen afsluttes: maj-juni 10/11 HTX

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

Web løsning : Administration af fonde, legater og ansøgninger

Web løsning : Administration af fonde, legater og ansøgninger JLRC CO ApS, Ålsgårde d. 22. oktober 2013, www.netahead.dk Web løsning : Administration af fonde, legater og ansøgninger Version 4 1 JLRC CO. ApS, Møllestenen 21, 3140 Ålsgårde 1 Web løsning : Administration

Læs mere

Brugervenlighed som en fast del af udviklingsprocessen

Brugervenlighed som en fast del af udviklingsprocessen Brugervenlighed som en fast del af udviklingsprocessen Ingrid Haug, 10. marts 2010 Hvorfor dette oplæg? Brugervenlige produkter opnås kun ved at arbejde målrettet med brugervenlighed Alt for sjældent er

Læs mere

fotografisk kommunikation

fotografisk kommunikation XDANMARKS MEDIE- OG JOURNALISTHØJSKOLE CAMPUS KØBENHAVN Forprøve 2016 fotografisk kommunikation 1/2 Professionsbacheloruddannelsen i Visuel Kommunikation Studieretning: Fotografisk Kommunikation Del 1:

Læs mere

grafisk design Professionsbacheloruddannelsen i Visuel Kommunikation Studieretning: Grafisk Design

grafisk design Professionsbacheloruddannelsen i Visuel Kommunikation Studieretning: Grafisk Design XDANMARKS MEDIE- OG JOURNALISTHØJSKOLE CAMPUS KØBENHAVN Forprøve grafisk design Professionsbacheloruddannelsen i Visuel Kommunikation Studieretning: Grafisk Design Del 1: Plakatserie Til efteråret afholder

Læs mere

InfoGalleri i detaljer

InfoGalleri i detaljer InfoGalleri i detaljer InfoGalleri er et digitalt formidlingsværktøj, der hjælper dig til at kommunikere bedre med dine brugere ved brug af storskærme. Ved hjælp af vores brugervenlige redaktionsværktøj,

Læs mere

GRUPPE 5 Line - Nanna - Thea - Sarah

GRUPPE 5 Line - Nanna - Thea - Sarah GRUPPE 5 Line - Nanna - Thea - Sarah Gruppeopgave uge 40 Redesign af website - Feelgood Bakery 2. oktober 2015 Link til site http://nannalauth.com/fgb/website.html Kode Brugernavn : keammd Adgangskode

Læs mere

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

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

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

Dynamisk Webdesign F2010

Dynamisk Webdesign F2010 Dynamisk Webdesign F2010 Præsentationer Læringsmål Emnet: teknologi, koncept, design og process Projekt Semesterplan Jeres underviser: Tess Gaston Cand.it, software udvikling (ITU) og ba. pædagogik (KU)

Læs mere

Portfolioudvikling. Line la Fontaine. Multimediedesigner

Portfolioudvikling. Line la Fontaine. Multimediedesigner Portfolioudvikling Line la Fontaine Multimediedesigner Indholdsfortegnelse - Designvalg s. 1-9 - Målgruppe s. 1 - Wireframes/skitser s. 1-5 - Informationsarkitektur s. 6-7 - Farver s. 8 - Typografi s.

Læs mere

Online billede filtrering

Online billede filtrering Online billede filtrering Eksamensprojekt 2014 Andreas Lorentzen, klasse 3.4 Roskilde Tekniske Gymnasium Programmering C 09-05-2014 1 Indholdsfortegnelse Indledning Teori Problemformulering Målgruppe Indledende

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

!!! Undervisningsbeskrivelse. Termin Grundforløb 2013 til studieretningsforløb 2014. Oversigt over undervisningsforløb

!!! Undervisningsbeskrivelse. Termin Grundforløb 2013 til studieretningsforløb 2014. Oversigt over undervisningsforløb Undervisningsbeskrivelse Sted EUC Vest Skole HTX Underviser Hold 1.G Oversigt over undervisningsforløb Termin Grundforløb 2013 til studieretningsforløb 2014 Titel 1 Titel 2 Titel 3 Tine Helen Schlaikjer

Læs mere

GRAFISK PRODUKTION & WORKFLOW

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:

Læs mere

GRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE

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

Portfolio - sunestenild.dk

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

Læs mere

opsamling * Hvordan var det at arbejde med casen? * hvad har I lært (fokus på design)? * feedback på bloggen? * LInks til websites

opsamling * Hvordan var det at arbejde med casen? * hvad har I lært (fokus på design)? * feedback på bloggen? * LInks til websites dagens program * opsamling på IA projekt * næste temaprojekt: Go mobile * Brugsscenarier og wireframes * Øvelse * Modebranchen som case + fælles brainstorm * Øvelse/lektie * næste gang opsamling * Hvordan

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

Afsluttende opgave - Kommunikation/IT C Klasse 1.1

Afsluttende opgave - Kommunikation/IT C Klasse 1.1 11-05-2015 Affaldshåndtering Afsluttende opgave - Kommunikation/IT C Klasse 1.1 Hans Rasmussen & Kevin Kumar ROSKILDE TEKNISKE GYMNASIUM Indhold Affaldshåndtering i Grønsted kommune... 2 Krav... 2 Design...

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

Gruppe 15. Redesign af bageriet FeelGood Bakery s website. Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt

Gruppe 15. Redesign af bageriet FeelGood Bakery s website. Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt Gruppe 15 Redesign af bageriet FeelGood Bakery s website Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt Link til redesignet website: www.feelgoodbakery.thorsoe.dk

Læs mere

Introduktion til Evaluering Usability testing og feltstudier

Introduktion til Evaluering Usability testing og feltstudier Introduktion til Evaluering Usability testing og feltstudier Marianne Graves Petersen Associate Professor Computer Science Dept, University of Aarhus Center for Interactive Spaces, mgraves@cs.au.dk Interaktionsdesign

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

Birgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE

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

WORKFLOW & PRODUKTION

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

Læs mere

H2 Portfolio. Patrick Lindholm-Andersen

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

Redesign af Cinnober. Analyse af hjemmesiden Cinnober

Redesign af Cinnober. Analyse af hjemmesiden Cinnober Redesign af Cinnober Gruppe 25 Vi har i denne uge arbejdet på at redesigne hjemmesiden til butikken Cinnober, som ligger på Strøget i København. Cinnober sælger bøger og andre kontorartikler. Deres hjemmeside

Læs mere

kreativ kommunikation

kreativ kommunikation x DANMARKS MEDIE- OG JOURNALISTHØJSKOLE CAMPUS KØBENHAVN Forprøve kreativ kommunikation Professionsbacheloruddannelsen i Visuel Kommunikation Studieretning: Kreativ Kommunikation Forprøven består af to

Læs mere

PPHansen.dk. Introduktion til websiden. En fag præsentationsside af Palle Preben Hansen

PPHansen.dk. Introduktion til websiden. En fag præsentationsside af Palle Preben Hansen Introduktion til websiden PPHansen.dk En fag præsentationsside af Palle Preben Hansen Eksamensopgave i Webdesign og Grafiske værktøjer, 5. semester SIV. Indholdsfortegnelse Indledning... 2 Udviklingsprocessen...

Læs mere

KONCEPTBESKRIVELSE KarriereIndex - PBA E-konceptudvikler - UCN - Gruppe: Heidi, Janus, Ulrik, Eyla. Konceptbeskrivelse til

KONCEPTBESKRIVELSE KarriereIndex - PBA E-konceptudvikler - UCN - Gruppe: Heidi, Janus, Ulrik, Eyla. Konceptbeskrivelse til Konceptbeskrivelse til 1 Indledning Konceptet omhandler en personlig webportal, som skal kunne hjælpe dens brugere med at finde viden og inspiration til at udvikle deres karriere. Altså er det et webkoncept,

Læs mere

Opgaven. Væsentlighed. Problemstillinger. Browserkompabilitet. Layout. Kvalitetsvurdering. Format. Processer. Komposition og modulopbygning

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

Læs mere

FØR DU TESTER TILGÆNGELIGHED PÅ HJEMMESIDER

FØR DU TESTER TILGÆNGELIGHED PÅ HJEMMESIDER FØR DU TESTER TILGÆNGELIGHED PÅ HJEMMESIDER VEJLEDNING Vejledning til tilgængelighedstest Digitaliseringsstyrelsen 2012 Design: www.kopilot.dk 1 Før du tester tilgængelighed på hjemmesider Det er ofte

Læs mere

Undervisningsplan. Oversigt over gennemførte undervisningsforløb. Termin Grundforløb 2014 til studieretningsforløb 2015 Institution.

Undervisningsplan. Oversigt over gennemførte undervisningsforløb. Termin Grundforløb 2014 til studieretningsforløb 2015 Institution. Undervisningsplan Termin Grundforløb 2014 til studieretningsforløb 2015 Institution Rybners Uddannelse Fag og niveau Lærer(e) Hold Htx Kommunikation/it C Jeppe Moritz Led Htx 2014-2015, 1. E Oversigt over

Læs mere

MONA MIKKELSEN Multimediedesigner

MONA MIKKELSEN Multimediedesigner PROFIL Kreativ, engageret, nysgerrig og positiv Det er de første ord jeg kommer i tanke om, når jeg skal beskrive mig selv og det er dem der beskriver mig bedst, både personligt og professionelt. Jeg har

Læs mere

BRUGERCENTRERET DESIGN.

BRUGERCENTRERET DESIGN. BRUGERCENTRERET DESIGN. AGENDA. Velkomst og introduktion Brugercentreret design Kaffepause og netværk Implementering af brugercentreret design i en virksomhed Afslutning BRUGERVENLIGHED. BRUGERVENLIGHED.

Læs mere

Hvor er mine runde hjørner?

Hvor er mine runde hjørner? Hvor er mine runde hjørner? Ofte møder vi fortvivlelse blandt kunder, når de ser deres nye flotte site i deres browser og indser, at det ser anderledes ud, i forhold til det design, de godkendte i starten

Læs mere

UDFORDRINGEN. modul 4 - udfordringen. Opgaven I vores sidste modul lød opgaven for vores gruppe på at lave en ja-kampagne

UDFORDRINGEN. modul 4 - udfordringen. Opgaven I vores sidste modul lød opgaven for vores gruppe på at lave en ja-kampagne modul 4 - udfordringen UDFORDRINGEN Opgaven I vores sidste modul lød opgaven for vores gruppe på at lave en ja-kampagne til valget om retsforbeholdet den 3. december 2015. Vi fokuserede på emnet human

Læs mere

Website projekt 3, 2. semester. Responsive design. Lasse M. Bruun Overgaard www.lbodesign.dk. Mark Halding www.markhalding.dk

Website projekt 3, 2. semester. Responsive design. Lasse M. Bruun Overgaard www.lbodesign.dk. Mark Halding www.markhalding.dk Website projekt 3, 2. semester. Lasse M. Bruun Overgaard www.lbodesign.dk Mark Halding www.markhalding.dk Peter Konrad http://cph54.webkn.dk/ Anders Rein www.andersrein.dk Responsive design Projekt: www.andersrein.dk/projekter/hjemmesider/responsiv

Læs mere

fotografisk kommunikation

fotografisk kommunikation x DANMARKS MEDIE- OG JOURNALISTHØJSKOLE CAMPUS KØBENHAVN Forprøve 2014 fotografisk kommunikation 1/2 Professionsbacheloruddannelsen i Visuel Kommunikation Studieretning: Fotografisk Kommunikation Del 1:

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

DSU Dansk Stavgang Union

DSU Dansk Stavgang Union DSU Dansk Stavgang Union Projekt 3 af Camilla, Mateen, Mikkel & Sandie Indholdsfortegnelse Design brief Side 3 Projektplanlægning Side 4 Stakeholder analyse Side 6 Informations arkitektur Side 8 Medier

Læs mere

GRA DESIGN. HEARTS & MINDS

GRA DESIGN. HEARTS & MINDS GRA b DESIGN. HEARTS & MINDS HVAD, HVORFOR OG HVORDAN? HVAD GÅR OPGAVEN UD PÅ? Opgaven gik ud på at, udfra udleveret trykt materiale skulle lave et fuldt og responsivt hjemmeside design. Sitet er lavet

Læs mere

Grafisk design: Ny identitet til LiveCV

Grafisk design: Ny identitet til LiveCV Grafisk design _ 22 / 42 Grafisk design: Ny identitet til LiveCV Produkt _ Igennem mit eget firma Wunderly, har jeg fået til opgave at re-designe LiveCV s online identitet, med henblik på at gøre det hele

Læs mere

IA WORKSHOP #1 NAVIGATION #2 IA STRUKTUR #3 WIREFRAME

IA WORKSHOP #1 NAVIGATION #2 IA STRUKTUR #3 WIREFRAME IA WORKSHOP #1 NAVIGATION #2 IA STRUKTUR #3 WIREFRAME # 1 NAVIGATION DESIGN BRUGERENS VEJ TIL INDHOLD NAVIGATION ER ALLE DESIGN ELEMENTER DER GUIDER BRUGEREN TIL INDHOLDET HVOR ER JEG LAD BRUGEREN VIDE

Læs mere

Sådan bruger du Business Danmarks NetKasse. Dagpengekort og Dagpenge under aktivering i 4 uger eller mere

Sådan bruger du Business Danmarks NetKasse. Dagpengekort og Dagpenge under aktivering i 4 uger eller mere Sådan bruger du Business Danmarks NetKasse Dagpengekort og Dagpenge under aktivering i 4 uger eller mere I denne vejledning kan du læse, hvordan du bruger Business Danmarks elektroniske a-kasse, Netkassen.

Læs mere

DesignGuide. Gruppe B13. Olga Batrakova Nadezda Christersen Svetlana Koshman.

DesignGuide. Gruppe B13. Olga Batrakova Nadezda Christersen Svetlana Koshman. DesignGuide Gruppe B13 Olga Batrakova Nadezda Christersen Svetlana Koshman http://www.deleklub.dk/html_customized/web/sneakerscoffee014/index.html DesignGuide / Sneakers & Caffee / Gruppe B13 1 KONCEPTET

Læs mere

DESIGN TIL DIGITALE KOMMUNIKATIONSPLATFORME. 10. Oktober 2013 #6 Designproces + Projektstart

DESIGN TIL DIGITALE KOMMUNIKATIONSPLATFORME. 10. Oktober 2013 #6 Designproces + Projektstart DESIGN TIL DIGITALE KOMMUNIKATIONSPLATFORME 10. Oktober 2013 #6 Designproces + Projektstart DAGEN I DAG Designprocessen [Pause] Om delaflevering Gruppedannelse [Pause] Gruppeøvelse og projektstart DESIGNPROCESSEN

Læs mere

Undervisningsplan. Stamoplysninger til brug ved prøver til gymnasiale uddannelser. Oversigt over planlagte undervisningsforløb.

Undervisningsplan. Stamoplysninger til brug ved prøver til gymnasiale uddannelser. Oversigt over planlagte undervisningsforløb. Undervisningsplan Stamoplysninger til brug ved prøver til gymnasiale uddannelser Termin 2014-2016 Institution Uddannelse Fag og niveau Lærer(e) Hold HANSENBERG HTX DesignB Ane Friis 15hx3hkomdes Oversigt

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

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

UniIReg : Web program til registrering, rapportering, statistik/udtræk og opfølgning

UniIReg : Web program til registrering, rapportering, statistik/udtræk og opfølgning Version 2 UniIReg : Web program til registrering, rapportering, statistik/udtræk og opfølgning UniIReg : Registrering Rapporting Statistik/udtræk Opfølgning Backend 1 UniIReg Copyright 2012-2013 JLRC CO.

Læs mere