DOKU- MEN- TATION TEK- NISK

Størrelse: px
Starte visningen fra side:

Download "DOKU- MEN- TATION TEK- NISK"

Transkript

1 TEK- NISK DOKU- MEN- TATION GRUPPE 21: AMALIE HOVGESEN- CLEA-MARIE FIND PALUDAN THERESE HASSE LARSEN - CECILIE POSS AMALIE LEONORA DAM - KASPER MUNK JENSEN

2 : 1. MOCKUP 2. FORSIDE 3. SITEMAP 4. LAYOUTDIAGRAM 5. KODEEKSEMPEL 6. DESIGNMANUAL

3 MOCKUP COMPUTER,TABLET, SMARTPHONE EXPLORE MAP ABOUT CONTACT EXPLORE THE CITY HABOUR AND SEE ALL THE SEA SIGHTS. BE YOUR OWN CAPTAIN AND ENJOY THE FREEDOM TO EXPLORE COMPUTER Welcome EXPLORE Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + EXPLORE MAP ABOUT CONTACT SEASIGHTS EXPLORE THE CITY HABOUR AND SEE ALL THE SEA SIGHTS. BE YOUR OWN CAPTAIN AND ENJOY THE FREEDOM TO EXPLORE EXPLORE THE CITY HABOUR AND SEE ALL THE SEA SIGHTS. BE YOUR OWN CAPTAIN AND ENJOY THE FREEDOM TO EXPLORE EXPLORE TABLET Welcome EXPLORE Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Welcome Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. SMARTPHONE Lorem ipsum dolor sit amet consectetur Lorem ipsum dolor sit amet consectetur Lorem ipsum dolor sit amet consectetur Lorem ipsum dolor sit amet consectetur Lorem ipsum dolor sit amet consectetur Lorem ipsum dolor sit amet consectetur Lorem ipsum dolor sit amet consectetur Lorem ipsum dolor sit amet consectetur

4 MOCKUP OVERSIGT

5 SCREENSHOT AF FORSIDE

6 SITEMAP index.html map.html index.html about.html contact.html map1.html map2.html map3.html map4.html map5.html map6.html map7.html index.html

7 LAYOUTDIAGRAMMER index.html

8 contact.html

9 map.html, map1, map2, map3, map4, map7

10 about.html

11 KODEEKSEMPEL Responsive webdesign og kodning handler om at tilpasse sin hjemmeside til mange skærmstørrelser både store og små. I vores kodeeksempel har vi i body lavet en div container med class= tema_container som skal indeholde ikoner der skal tilpasses skærmformatet. Det vil sige vi altså har brug for både store og små ikoner. Dette gøres ved at lave forskellige baggrundsbilleder i vores CSS. tema_container styler vi til at have en maks. bredde på 990px hvilket er den størrelse man ser i et stort skærmbillede. En div boks er et blokelementet der altid vil fylde hele skærmen. Vi vælger at give den en bredde for at have mulighed for at centrere den ved at sætte margin til 0 i toppen og auto i siderne.

12 Hvert tema har deres egen div container, eksempel class= tema one, som har fået et baggrundsbillede. Bredden på div containeren har vi sat til 25% hvorved der indeni tema_container ligger sig fire containere som er udregnet i forhold til tema_container. Vi sætter display til at være inline-block sådan at de fire containere ligger sig ved siden af hinanden og vi indsætter float som vi indstiller til at være left, sådan at elementet flyder fra venstre. Vi sørger for at baggrundsbilledet kun bliver vist engang ved at indsætte stylingen: background-repeat: no-repeat; I de fire tema_containere er der endnu en div container med tekst. Vi har sat padding-top til 160px da denne er justeret i forhold til baggrundsbilledet sådan at teksten ikke ligger over baggrundsbilledet. Efter de fire containere har vi indsat et div element: clear-fix der specificerer hvilke sider elementerne ikke måde flyde til, og sådan at elementerne ligger sig på linje. Det er muligt at tilpasse et stort skærmformat til et mindre dette gør vi på følgende måde: I <head> opsætter vi fire regler i form af links, som siger noget om de forskellige layouts. Når browser størrelsen bliver under 990px vil designet blive flydende. Når skærmen ændrer sig og bliver over 990px så vil designet derfor skifte karakter ved hjælp af CSS3 media forespørgsler. Hvis skærmstørrelsen er mellem 50px og max 500px så vil browseren bruge css reglen screen_small_layout.css og hvis max bredden er mellem 501px og 990px så ændrer skærmlayoutet sig til screen_layout_medium.css. Når man skifter fra laptop til tablet så registreres skærmstørrelsen og opløsningen sådan at designet optimeres.

13 DESIGNMANUAL

14

15 SEASIGHTS

16 FONTTYPES Roboto-Thin ABCDEFGHIJKLMN OPQRSTUVXYZÆØÅ abcdeftghijklmn opqrstuvxyzæøå

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

INDHOLD. 01. Introduktion. Ministeriet for By, Bolig og Landdistrikter Netværkscentret Gammel Mønt 4, 2 1117 København K. 02. Brevpapir. 03.

INDHOLD. 01. Introduktion. Ministeriet for By, Bolig og Landdistrikter Netværkscentret Gammel Mønt 4, 2 1117 København K. 02. Brevpapir. 03. DESIGNMANUAL INDHOLD Ministeriet for By, Bolig og Landdistrikter Netværkscentret Gammel Mønt 4, 2 1117 København K Telefon: 41 71 78 30 E-mail: netvaerkscenter@mbbl.dk ISB-nr. 978-87-7134-125-6 01. Introduktion

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

Et er søkort at forstå, et andet, skib at føre. Guidelines for udvikling af nyhedsgrafik.

Et er søkort at forstå, et andet, skib at føre. Guidelines for udvikling af nyhedsgrafik. Et er søkort at forstå, et andet, skib at føre. Guidelines for udvikling af nyhedsgrafik. ÉT STYKKE MED GRAFIK, TAK! MAX ONE SIZE DOES NOT FIT ALL På de følgende sider redegøres der for en række principper

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

Kapitel A til Grafisk design. ZebraSoft

Kapitel A til Grafisk design. ZebraSoft Kapitel A til Grafisk design Kapitel A 2 Elektroniske blanketter Som du kan se i brochuren med printerlister, er der et hav af varianter i blanketter og formularer. Kunderne har forskellige behov/krav,

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

Denne designmanual indeholder de grafiske værktøjer og retningslinier for profileringen af SuperBest som Hele Danmarks fødevaremarked.

Denne designmanual indeholder de grafiske værktøjer og retningslinier for profileringen af SuperBest som Hele Danmarks fødevaremarked. Indhold Forord Scandinavian DesignLab... 2 SuperBest's nye logo... 3 Primært logo... 4 Primært logo Varianter og Sekundært logo... 5 Farvepalet... 6 Typografi... 7 Primært logo Skiltning... 8 Sekundært

Læs mere

Designmanual. Version 1.1

Designmanual. Version 1.1 Designmanual Version 1.1 Aabenraa Kommunes grafiske design Denne designmanuals vigtigste opgave er at sikre, at borgerne oplever genkendelighed, når Aabenraa Kommune kommunikerer med omverdenen. Ud over

Læs mere

Kvalitetsmærke for tilgængelighed

Kvalitetsmærke for tilgængelighed Kvalitetsmærke for tilgængelighed DESIGNMANUAL FTA MARTS 2004 Redaktion: Ulla Kramer, sekretariatsleder Lars Nielsen, formand for FTA Niels-Henrik Larsen, Danmarks Turistråd Preben Aagaard Nielsen, Dansk

Læs mere

Sådan sætter du et dokument op med billeder i Microsoft Word (2003)

Sådan sætter du et dokument op med billeder i Microsoft Word (2003) Sådan sætter du et dokument op med billeder i Microsoft Word (2003) Denne vejledning gennemgår hvordan man indsætter billeder i Word, og forklarer de basale værktøjer der kan bruges til at lave layout

Læs mere

DET DANSKE SPEJDERKORPS DESIGNGUIDE

DET DANSKE SPEJDERKORPS DESIGNGUIDE DET DANSKE SPEJDERKORPS DESIGNGUIDE Side 2 / Det danske spejderkorps / INDTRODUKTION Visuel identitet til DET DANSKE SPEJDERKORPS Det Danske Spejderkorps visuelle identitet udtrykker kammeratskab, ansvar,

Læs mere

RESPONSIVE DESIGN. Fleksibelt, platformuafhængigt webdesign. Frank Thomsen & Toke Fritzemeier Efterår 2012

RESPONSIVE DESIGN. Fleksibelt, platformuafhængigt webdesign. Frank Thomsen & Toke Fritzemeier Efterår 2012 RESPONSIVE DESIGN Fleksibelt, platformuafhængigt webdesign Frank Thomsen & Toke Fritzemeier Efterår 2012 Første browser med grafik 1993 Første browser med grafik 1993 1995 100% 1995 2003 Første browser

Læs mere

Sådan kommer I de dårlige undskyldninger til livs

Sådan kommer I de dårlige undskyldninger til livs Guide til Elsparefondens medarbejderkampagne Sådan kommer I de dårlige undskyldninger til livs Jeg troede, der var en anden, der gjorde det Følg kampagneguiden og hjælp kollegerne med at spare på strømmen

Læs mere

DesignGuide HILLERØD FORSYNING. Sådan bruger du denne guide Grundelementer. Papirlinje. Publikationer og annoncer Merchandise / Yderligere info

DesignGuide HILLERØD FORSYNING. Sådan bruger du denne guide Grundelementer. Papirlinje. Publikationer og annoncer Merchandise / Yderligere info DesignGuide Sådan bruger du denne guide Grundelementer 2 3 Logo Logotype Det 5. element Farver Typografi Papirlinje 4 Brevpapir Kuverter Visitkort Publikationer og annoncer Merchandise / Yderligere info

Læs mere

Ajos visuel identitet. Designguide

Ajos visuel identitet. Designguide Ajos visuel identitet Designguide Version 1.2 2012 Designguide Indhold 2 Forord Side 3 Grundelementer Logo 4 Logofrizone 5 Farver 6 Typografi 7 Grafisk elementer 8 Formater 9 Brand billedbehandling 10

Læs mere

Børn, forældremyndighed & samvær. Forældreskab i en moderne tid

Børn, forældremyndighed & samvær. Forældreskab i en moderne tid Børn, forældremyndighed & samvær Forældreskab i en moderne tid Indhold Nogle ord om denne folder... Nogle ord om denne folder... 3 Børn og forældremyndighed 5 For børn født efter 1. juli 2002 5 For børn

Læs mere

RØDE KORS DESIGNMANUAL IDENTITET.

RØDE KORS DESIGNMANUAL IDENTITET. RØDE KORS DESIGNMANUAL IDENTITET. DE VISUELLE DRIVERS Handlekraftig Kompetent og innovativ Nærværende Troværdig Begreberne fortolket visuelt Solidt, robust og ikke til at overse. Det røde kors er garant

Læs mere

RØDE KORS DESIGNMANUAL IDENTITET.

RØDE KORS DESIGNMANUAL IDENTITET. RØDE KORS DESIGNMANUAL IDENTITET. RØDE KORS DESIGNMANUAL LOGO. RØDE KORS LOGO Introduktion I Røde Kors skelner vi mellem det røde kors som beskyttelsesmærke og det røde kors som logo. Beskyttelsesmærke

Læs mere

Hjemmesideoptimering/synlighed

Hjemmesideoptimering/synlighed Hjemmesideoptimering/synlighed Søgemaskineoptimering/webdesign To sider af samme sag Søgemaskineoptimering/webdesign Hvad vil det sige at optimere for søgemaskiner? Søgemaskineoptimering handler ikke længere

Læs mere

Programvalg Al typografi og ombrydning er lavet i InDesign.

Programvalg Al typografi og ombrydning er lavet i InDesign. Typografi og ombrydning Beskrivelse Opgaven 32 siders Blå Bog + omslag. Jeg modtog teksterne i word samt enkelte billeder. De resterende billeder var jeg ude at fotografere til elevernes gallafest. Programvalg

Læs mere

Programvalg Al typografi og ombrydning er lavet i InDesign.

Programvalg Al typografi og ombrydning er lavet i InDesign. Typografi og ombrydning Beskrivelse Opgaven 32 siders Blå Bog + omslag. Jeg modtog teksterne i word samt enkelte billeder. De resterende billeder var jeg ude at fotografere til elevernes gallafest. Programvalg

Læs mere

UNIVERSITY COLLEGE SJÆLLAND DESIGNGUIDE VERSION 1.01

UNIVERSITY COLLEGE SJÆLLAND DESIGNGUIDE VERSION 1.01 UNIVERSITY COLLEGE SJÆLLAND DESIGNGUIDE VERSION 1.01 UDGIVELSESDATO 1. marts 2008 ONLINE GUIDE /designguide komm@ucsj.dk Introduktion 2 Introduktion Med denne designguide tager vi et vigtigt skridt i arbejdet

Læs mere

BOGKORT VEJLEDNING TJEKLISTE FØR DU GÅR I GANG

BOGKORT VEJLEDNING TJEKLISTE FØR DU GÅR I GANG formater som vises BOGKORT VEJLEDNING TJEKLISTE FØR DU GÅR I GANG FORSIDE STAMDATA (skal med) Foto af bogen (3D) eller en illustration af bogens forside (2D)? Det skal i begge tilfælde være i høj opløsning,

Læs mere

DESIGNGUIDE. Designguide Kunststyrelsen

DESIGNGUIDE. Designguide Kunststyrelsen DESIGNGUIDE DESIGNGUIDE s visuelle identitet er det tavse bindeled mellem organisationens interne enheder og omverdenen. Den visuelle identitet er med til at skabe en intern ramme for kulturen i den nye

Læs mere

Ankestyrelsens Designguide

Ankestyrelsens Designguide ANKESTYRELSENS DESIGNGUIDE 1 Ankestyrelsens Designguide 1. udgave, august 2011 INDHOLDSFORTEGNELSE Side Side 2 1. Moderniseret design og layout 3 Udgangspunkt for nævnene 3 Spørgsmål? 3 2. Faste designelementer

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

Etik og prioritering i sundhedsvæsenet. hvorfor det er så svært

Etik og prioritering i sundhedsvæsenet. hvorfor det er så svært Etik og prioritering i sundhedsvæsenet hvorfor det er så svært Etik og prioritering i sundhedsvæsenet hvorfor det er så svært Etik og prioritering i sundhedsvæsenet hvorfor det er så svært Det Etiske

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

Et åbent økosystem for [kulturel] innovation, samarbejde og deling af resultater i det digitale samfund. Lidt om...

Et åbent økosystem for [kulturel] innovation, samarbejde og deling af resultater i det digitale samfund. Lidt om... DDB Ready MARTS 2012 Et åbent økosystem for [kulturel] innovation, samarbejde og deling af resultater i det digitale samfund Lidt om... #1 /Idéen T!NG ønsker at samle den danske bibliotekssektor og på

Læs mere

Danske Fysioterapeuters Designguide

Danske Fysioterapeuters Designguide Danske Fysioterapeuters Designguide DANSKE FYSIOTERAPEUTERS DESIGNGUIDE INDLEDNING OG INDHOLD / 5 Dette er Danske Fysioterapeuters designguide. Guiden præsenterer foreningens visuelle identitet og viser,

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

Hvad er det vi vil..?

Hvad er det vi vil..? Hvad er det vi vil..? Målsætningen for det nye samarbejde er, at - skabe et attraktivt brand, der kan rumme alle aktører - gennemføre stærke markedsføringsaktiviteter... - der giver området stor synlighed

Læs mere

Lejemålet vil kunne blive istandsat af udlejer inden overtagelse, i samråd med den nye lejer.

Lejemålet vil kunne blive istandsat af udlejer inden overtagelse, i samråd med den nye lejer. RÅ LOKALER PÅ Sydhavnsgade 7 er super attraktiv placeret på Aarhus Havn tæt på midtbyen, Lystbådehavnen og lige ved udmundingen af indfaldsvejen til E45. Bag bygningens rå og industrielle facader gemmer

Læs mere

Vejleåparkens boligsociale helhedsplan

Vejleåparkens boligsociale helhedsplan Vejleåparkens boligsociale helhedsplan 2013-2017 Forord Denne helhedsplan er blevet til i tæt samarbejde mellem AAB afdeling 55, Stenbjerggård Boligselskab, Søvejhuse og Ishøj Kommune. Gennem mere end

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

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

Dolor Set Amet. Bogtitel

Dolor Set Amet. Bogtitel Dolor Set Amet Bogtitel Sund kost på Marienlyst Produktions højskole Sund kost På højskolen Marienlyst, bliver der spist sund kost, da skolen ønsker sine elever sunde, og veltilpasse. Derfor serveres der

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

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

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

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

Letbanens designguide

Letbanens designguide AARH US LETBANE I /S D ESIG NG U ID E Letbanens designguide Indhold 02 Introduktion 03 Brandstrategiske udgangspunkt 06 Grundelementer Design inspiration: 17 Papirlinje 20 Tryksager 24 Digitale medier

Læs mere

ARBEJDSMILJØKAMPAGNE TJEK APPETIT PÅ APV GRATIS TILBUD: TEMAMØDER OG KURSER. TJEK Gør APV nyt, nemt og nyttigt. arbejdsmiljøkøbenhavn

ARBEJDSMILJØKAMPAGNE TJEK APPETIT PÅ APV GRATIS TILBUD: TEMAMØDER OG KURSER. TJEK Gør APV nyt, nemt og nyttigt. arbejdsmiljøkøbenhavn ARBEJDSMILJØKAMPAGNE TJEK APPETIT PÅ APV GRATIS TILBUD: TEMAMØDER OG KURSER TJEK Gør APV nyt, nemt og nyttigt arbejdsmiljøkøbenhavn Indhold Introduktion til TJEK Appetit på APV 3 Suppleringskursus: Hold

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

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

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

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

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

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

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

DAGENS PROGRAM. Layout og komposition. [Pause] CSS. [Pause] Individuel obligatorisk øvelse

DAGENS PROGRAM. Layout og komposition. [Pause] CSS. [Pause] Individuel obligatorisk øvelse DAGENS PROGRAM Layout og komposition [Pause] CSS [Pause] Individuel obligatorisk øvelse LAYOUT OG KOMPOSITION LAYOUT The primary task of graphic design is to create a strong, consistent visual hierarchy

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

DESIGN- OG BRANDMANUAL INTRODUKTION BRANDPLATFORM DESIGNPROGRAM

DESIGN- OG BRANDMANUAL INTRODUKTION BRANDPLATFORM DESIGNPROGRAM DESIGN- OG BRANDMANUAL 2008 INTRODUKTION BRANDPLATFORM DESIGNPROGRAM 2 TMF DESIGN- OG BRANDMANUAL TMF DESIGN- OG BRANDMANUAL 3 INDHOLDSFORTEGNELSE A. INTRODUKTION 1.0 OM DESIGN- OG BRANDMANUALEN X B. BRANDPLATFORM

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

Leica SmartStation Totalstation med integreret GPS

Leica SmartStation Totalstation med integreret GPS Leica SmartStation Totalstation med integreret GPS Leica SmartStation Totalstation med integreret GPS Nyt revolutionerende opmålings system. Verdens første, perfekte kombination af TPS og GPS. Total station

Læs mere

Corporate Brand Manual Danyun

Corporate Brand Manual Danyun 13155 Danyun // Corporate Brand Manual // copyright by designwerk august 2013 Corporate Brand Manual Danyun visual design visual design 13155 Danyun // Corporate Brand Manual // copyright by designwerk

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

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

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

Hjemmeværnet Designmanual. 2012 VERsion 2,0

Hjemmeværnet Designmanual. 2012 VERsion 2,0 Hjemmeværnet Designmanual 2012 VERsion 2,0 Indhold Introduktion Autorisation... Formålet med Designmanualen... 1. Grundelementer HJV-mærke... HJV-logo... Farver... Størrelser... Placering og respektafstand...

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

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

indhold: Generalsekretærens forord... 5 Arktis... 6 Klima og energi... 12 Hav og fiskeri... 18

indhold: Generalsekretærens forord... 5 Arktis... 6 Klima og energi... 12 Hav og fiskeri... 18 ÅRSRAPPORT DK 2013 Martin Harvey / WWF-Canon Indisk tiger. indhold: Generalsekretærens forord.... 5 Arktis.... 6 Klima og energi.... 12 Hav og fiskeri.... 18 Skov....22 Dansk Natur....26 Bæredygtig udvikling

Læs mere

Egedal Kommunes Logo- og designmanual

Egedal Kommunes Logo- og designmanual Egedal Kommunes Logo- og designmanual Opdateret oktober 2007 Visuel identitet introduktion design Dette er Egedal Kommunes Logo- og Designmanual. Designmanualen er Egedals fælles visuelle identitet, som

Læs mere

340-033 Reduktion af tryktab på HVAC-anlæg, renovering og nyanlæg

340-033 Reduktion af tryktab på HVAC-anlæg, renovering og nyanlæg 340-033 Reduktion af tryktab på HVAC-anlæg, renovering og nyanlæg Projektgruppen: Teknologisk Institut Brøndum Vent-ordningen Strategos ApS Nectar Communication ApS 1 A Resume I nybyggeri er der fokus

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

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

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

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

Sikkerhed frem for alt.

Sikkerhed frem for alt. ODOROX oxygen tilsat sporstof Sikkerhed frem for alt. Du kan ikke se lækagen, du kan ikke høre lækagen, men du kan lugte den med ODOROX oxygen tilsat sporstof. 02 ODOROX oxygen tilsat sporstof Du skal

Læs mere

INDHOLD: PANDA CLUB...44 MEDLEMMER...46 VIRKSOMHEDER OG FONDE...48 KRYBSKYTTERI...54 PARTNERSKABER...58 REGNSKABER... 60 BESTYRELSEN...

INDHOLD: PANDA CLUB...44 MEDLEMMER...46 VIRKSOMHEDER OG FONDE...48 KRYBSKYTTERI...54 PARTNERSKABER...58 REGNSKABER... 60 BESTYRELSEN... ÅRSRAPPORT DK 2014 NATUREPL.COM / ANDY ROUSE / WWF-CANON. AFRIKANSK BABYELEFANT INDHOLD: GENERALSEKRETÆRENS FORORD.... 5 KLIMA OG ENERGI.... 6 GRØNLAND OG ARKTIS.... 12 SKOV.... 18 HAV OG FISKERI....22

Læs mere

Pixlr - vejledning Udarbejdet februar 2014

Pixlr - vejledning Udarbejdet februar 2014 Pixlr - vejledning Udarbejdet februar 2014 www.skive.dk 2.1 Billedbehandlingsprogrammet Pixlr.com Til redigering af et billede kan du med fordel benytte webtjenesten Pixlr, som du kan tilgå fra hvilken

Læs mere

Edinburgh Photographic Society

Edinburgh Photographic Society Edinburgh Photographic Society 27-10-2010 Duis Sed Sapien Aenean sit amet lacus in tortor fermentum blandit. Quisque at purus in nulla. Page 3 Nunc Et Orci Page 4 Morbi Posuere Pellentesque odio risus,

Læs mere

1 Robbins, Jennifer N.: Learning Web Design, s. 41

1 Robbins, Jennifer N.: Learning Web Design, s. 41 I designarbejdet forbundet med at udvikle en hjemmeside, er det vigtigt at gøre sig nogle overvejelser over hvilken optimale skærmstørrelse man designer til, da dette har konsekvens for den efterfølgende

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

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

Scrollbars side 2-5. Ankerpunkter side 6-7. Text Swap side 8-10. Links i flere farver side 11-14. z-index og baggrundsbilleder side 15-18

Scrollbars side 2-5. Ankerpunkter side 6-7. Text Swap side 8-10. Links i flere farver side 11-14. z-index og baggrundsbilleder side 15-18 Indhold Scrollbars side 2-5 Ankerpunkter side 6-7 Text Swap side 8-10 Links i flere farver side 11-14 z-index og baggrundsbilleder side 15-18 Sprymenuer side 19-24 Sider med dynamisk høje side 25-27 CSS3

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

INDHOLD. Visuel identitet. Logo. Logoplacering. Typografi. Papirlinje. Brevpapir og visitkort. Konvolutter. Stillingsannoncer.

INDHOLD. Visuel identitet. Logo. Logoplacering. Typografi. Papirlinje. Brevpapir og visitkort. Konvolutter. Stillingsannoncer. DESIGN- MANUAL INDHOLD 03 04 05 06 07 07 08 09 10 10 11 12 13 14 15 16 17 18 Visuel identitet Logo Logoplacering Typografi Papirlinje Brevpapir og visitkort Konvolutter Stillingsannoncer Publikationer

Læs mere

Læsø. Designmanualen. Sådan viser vi Læsø frem!

Læsø. Designmanualen. Sådan viser vi Læsø frem! Sådan viser vi Læsø frem! Forord Læsø Markedsføring og Læsø Turist og Erhvervsforening står i samarbejde med Læsøfærgen og Læsø Pakkerejser bag bl.a. visitlaesoe.dk og en lang række udadvendte aktiviteter,

Læs mere

BørnSulter. Update. Barmhjertighed. godhed. Beloved Children Home. Oktober2013. Retfærdighed

BørnSulter. Update. Barmhjertighed. godhed. Beloved Children Home. Oktober2013. Retfærdighed Oktober2013 BørnSulter Update...på lang sigt kommer drivkræfterne til at afgøre vores handlinger d Barmhjertighed Retfærdighed godhed NÅR DRIVKRAFTEN ER AFGØRENDE Indimellem kan man forledes til at tro,

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

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

ISønderborg Yacht Club

ISønderborg Yacht Club Sønderborg Yacht Club 100 års jubilæum 1904-2004 Jubilæumsskrift Sønderborg Yacht Club 100 års jubilæum ISønderborg Yacht Club Sønderborg Yacht Club gennem 100 år Indholdsfortegnelse Sønderborg Yacht Club

Læs mere

RETNINGSLINJER EKSTRA BLADET TABLET

RETNINGSLINJER EKSTRA BLADET TABLET RETNINGSLINJER EKSTRA BLADET TABLET GENERELLE RETNINGSLINJER Annoncøren er ansvarlig for bannermateriale, funktionalitet og design. Bannere, der forstyrrer det redaktionelle indhold eller forårsager tekniske

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

ARBEJDSMILJØ KØBENHAVN DESIGNGUIDE

ARBEJDSMILJØ KØBENHAVN DESIGNGUIDE /kom s trykte designguide suppleres af den digitale platform /kom Her findes elektroniske versioner og skabeloner til download samt vejledninger og uddybende information. ARBEJDSMILJØ KØBENHAVN DESIGNGUIDE

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

QUICK MANUAL BRUGERNAVN: ADMIN PASSWORD: 00000 APP: SMARTEYES PRO PORT: 50100. SecVision - Quick Manual v1.0

QUICK MANUAL BRUGERNAVN: ADMIN PASSWORD: 00000 APP: SMARTEYES PRO PORT: 50100. SecVision - Quick Manual v1.0 QUICK MANUAL BRUGERNAVN: ADMIN PASSWORD: 00000 APP: SMARTEYES PRO PORT: 50100 SecVision - Quick Manual v1.0 1. System Login 1.1. Bruger Login ID: admin Password: 00000 1.2. Indstilling af dato/tid og harddisk

Læs mere

Leica GPS1200 Hurtig, præcis, solid og pålidelig

Leica GPS1200 Hurtig, præcis, solid og pålidelig Leica GPS1200 Hurtig, præcis, solid og pålidelig 30 km range GPS teknologi GPS1200 s SmartTrack måle maskine får kontakt til alle synlige satelitter på få sekunder, tracker dem til lave højder måler under

Læs mere

GRAFISK DESIGN. Opgaven. Målgruppe. Procesbeskrivelse. De 4 grafiske designparametre. Kvalitetsvurdering. Farver: Ideudvikling: Form: Typografi:

GRAFISK DESIGN. Opgaven. Målgruppe. Procesbeskrivelse. De 4 grafiske designparametre. Kvalitetsvurdering. Farver: Ideudvikling: Form: Typografi: GRAFISK DESIGN Opgaven Opgaven gik ud på at designe en æske, indpakningspapir og en lille folder til en produktlinie fra Chokoladefabrikken A/S. Derudover skulle der designes et logo til Chokoladefabrikken

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

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