Grafisk Workflow Personligt website

Størrelse: px
Starte visningen fra side:

Download "Grafisk Workflow Personligt website"

Transkript

1 Grafisk Workflow Personligt website Andreas Ernst Tørnqvist

2 Grafisk Workflow Redegørelse Opgaven Opgaven er en personlig hjemmeside lavet i min fritid. Siden skal bruges som en reklamesøjle for potientelle kunder, elevpladser eller blot grafisk interes serede. Personlige krav Mit formål med siden er at give de besøgende et billede af, hvem jeg er. Derfor skal nedenstående gerne være på plads efter et besøg på siden: At jeg er mediegrafiker-studerende Vide hvem jeg er og hvor jeg er fra Se det arbejde jeg har lavet samt danne sig et (positivt) indtryk af min stil. Have set mine uploads (Portfolio, anbefalinger og CV) Vide præcist hvor mine kontaktoplysninger foreligger og kunne huske min webadresse. Layout Sitet er designet med inspiration fra den nye Windows 8 s flade design trend - dog med mine egne forbehold. Jeg har anvendt Google Web Fonts, fordi det giver mig ret stor kreativ frihed, da disse er serverside fonts og dermed websafe. Farverne er alle holdt i en lys cremenuance, som spiller godt med hinanden og samtidig har gode kontraster. Usability Det vigtigste element ved mit sitet er navigationen. At kunne navigere ubesværet rundt er alfa og omega for besøgendes tilbagevenden og grundlaget for et godt site. Jeg har sørget for, at alle vigtige informationer kan findes i footeren på alle siderne. Designet er flat og enkelt og med klare rammer for nye afsnit eller andet. Ønsker man at se mine mange projekter igennem, kan man gøre det hele på den samme side - uden at skulle gå frem og tilbage. Browserkompabilitet Hjemmesiden er testet i Firefox, Internet Explorer 9+, Google Chrome og Opera. De er dog kun testet med PC. Arbejdsproces Sådan foregik arbejdsprocessen til min hjemmeside: Inspirationssøgning til idé Skitsering af idé Udarbejdelse af flowchart Mockups i Photoshop Udarbejdelse af skelet Udarbejdelse af storyboard Slicing af endeligt layout i Photoshop Billedoptimering til Web (Save for Web and Device) HTML kodning af index side i Dreamweaver CSS udarbejdelse i Dreamweaver SEO optimering (Metatags, description og keywords) Template opsættelse til yderligere sider og herefter resten af siderne opsat Crossbrowser testning (FF, IE og Chrome) Upload til webhotel Test af diverse links Kvalitetsvurdering Generelt er jeg tilfreds med mit site. Jeg har dog nogle enkelte rettelser, jeg ønsker at se på, når jeg har tiden til det. Jeg vil gerne implementere en slider på forsiden, som kommer til at erstatte min nuværende velkomsttekst. Denne vil indeholde de seneste opgaver, jeg har uploadet. Herudover ønsker jeg at implementere muligheden for at kunne gå frem og tilbage uden at gå ud af min lightbox. Sitet skal gøres lige godt dobbelt så bredt, så elementer kan stå 2 og 2 ved siden af hinanden. Dette vil jeg gerne, da jeg så kan undgå alt for meget scroll for at komme til bunds. Min SEO skal kigges igennem og rettes til. Til sidst skal sitet gøres responsivt, så det vil fungere til alle slags platforme. Sitet er langt fra færdig - det er en konstant proces, hvori jeg videreudvikler så snart nye kompetencer læres. Andet Hjemmesidens indhold er sidenhen blevet opdateret, hvilket bevirker at den ikke passer med denne portfolios indhold. Derfor har jeg oprettet en kopi af siden, som den så ud da jeg skrev dette. Link til hjemmeside: Alternativ version: Portfolio for H1 Andreas Ernst Tørnqvist 2

3 Flowchart Portfolio for H1 Andreas Ernst Tørnqvist 3

4 Skelet Struktur Body: Bredde og højde er begge fleksible. Wrapper: Bredden er 960 med en fleksibel højde. Navigation: Denne foregår via Imagemap. Tekstboksene: Disse er alle med variabel højde, da indhold selvfølgelig variere. Alle mål er i pixels. Index About : 225x180 * : 335x180 * sorthvid_web_small.png 218x190 Margin-bottom: 20 Margin-left: 20 Portfolio Faste mål.image_template: 135x135 : 160x116 : 600, margin-top: 20, padding: 10 : 620x141 Banner Margin-top: 20 Margin-bottom: 10 billedbehandling.png Margin-top: 0 grafiskdesign.png typografi.png Banner_bg: 930x380 (Repeat-x) Banner.png: 960x600 block_print. jpg: 137x137.image template Alle billeder bruger.image_template vektor.png workflow.png : Footer Footer: 580x50 - Margin-top: 20, Padding: 20 Footer links: 32x32 block_ps.jpg: 137x137 block_ logo.jpg: 137x137.image template.image template block_ vector.jpg: 137x137.image template Adobe.png: 590x383 Margin-bottom: 20 Margin-top: 20 : web_skill.png: 429x429 Margin-bottom: 40 Margin-top: 10 Margin-left: 85.5 coming-soon.png 308x299 Margin-bottom: 20 Margin-left: 146 #showcase_placeholder: 620 (fleksibel højde) Padding-top/bottom: 30 #div: 560 (fleksibel højde) Portfolio for H1 Andreas Ernst Tørnqvist 4

5 Storyboard Navigation Generel navigation Imagemap koordinater ,290, ,544,381,525,411,496,422,480,461,489,444, 531,425,554,411,574,397,584,396,545,347, ,478,506,522,534,561,561,589,562,546,608, 546,573,524,546,496,527,469,513,473w Figur: 1. Cirkel 2. Poly 3. Poly Footer-links tel: Billede-links Sitets billeder 1. banner.png 5. bg_banner.png 4. da.png 4. en.png 4. facebook.png 4. linkedin.png 4. pinterest.png 4. mail.png 4. call.png 8. headline.png Kategorier 6. block_print.jpg 6. block_logo.jpg 6. block_vektor.jpg 6. block_ps.jpg Showcase (Thumbnails og fulde billede) 7. thump_ssc_.jpg (ssc.jpg) 7. thump_teater.jpg (teater.jpg) 7. thump_25_jubi_thump.jpg (25_jubi.jpg) 7. thump_dd1.jpg (DD1.jpg) 7. thump_dd2.jpg (DD2.jpg) 7. thump_dd3.jpg (DD3.jpg) 7. thump_tina_dickow.jpg (tina_dickow.jpg) 7. thump_jule_plakat.jpg (jule_plakat.jpg) 7. thump_sko_reklame.jpg (sko_reklame.jpg) 7. thump_jazz_reklame.jpg (jazz_reklame.jpg) 7. thump_folder_berlin_1.jpg (folder_berlin_1.jpg) 7. thump_folder_berlin_2.jpg (folder_berlin_2.jpg) 7. thump_eksamen_logo.jpg (eksamen_logo.jpg) 7. thump_ernst_logo.jpg (ernst_logo.jpg) 7. thump_sportslege_logo_1.jpg (sportslege_logo_1.jpg) 7. thump_sportslege_logo.jpg (sportslege_logo.jpg) 7. thump_skib_vektor.jpg (skib_vektor.jpg) 7. thump_thors_hammer.jpg (thors_hammer.jpg) 7. thump_ernst_vektor.jpg (ernst_vektor.jpg) 7. thump_anja_julegave.jpg (anja_julegave.jpg) 7. thump_gg.jpg (GG.jpg) 7. thump_ernst_pirat.jpg (ernst_pirat.jpg) 7. thump_optimization_1.jpg (optimization_1.jpg) 7. thump_optimization_2.jpg (optimization_2.jpg) 7. thump_some_doors.jpg (some_doors.jpg) 7. thump_ernst_stars.jpg (ernst_stars.jpg) 7. thump_futurism.jpg (futurism.jpg) 7. thump_earth.jpg (earth.jpg) Portfolio for H1 Andreas Ernst Tørnqvist 5

6 Storyboard Anbefalinger 9. Skatepro.png 9. olefly.png 9. ihg.png 9. jp.png 9. fkn.png 9. giv.png Skills 10. adobe.png 10. web_skill.png Portfolio 11. billedbehandling.png 11. grafiskdesign.png 11.typografi.png 11. vektor.png 11. workflow.png Andre billeder 12. cv.png 13. sorthvid_web_small.png 14. coming-soon.png TEXT About me Downloads Download my CV TEXT Recomendations TEXT 9 Technical skills Adobe creative suite 5.5 TEXT Main year portfolio Web Coding Downloads Download my CV 10 Recomendations Will be completed in August 2013 Portfolio for H1 Andreas Ernst Tørnqvist 6

7 Storyboard CSS: Layout CSS: Typografi CSS: Orangebox 3.0 Body background-color: #eee; width:600; background-color: #D8D5CF; padding:10; margin: 1.1em auto 0 auto.showcase_placeholder width:620; height:100%; background-color: #D8D5CF; color:#d8d5cf; margin:0 auto; padding: ; padding:0; margin:0 auto; height:141; width:620; background-image: url(img/images/ headline.png); background-repeat: no-repeat;.image_template padding:0; margin:0 auto; border: 1 solid #ACA08C; width:135; height:135; opacity:0.45; filter:alpha(opacity=45); -ms-transition: all.6s ease; -webkit-transition: all.6s ease; -moz-transition: all.6s ease; -0-transition: all.6s ease; #footer width: 580; height:50; background-color:#d8d5cf; padding:20; display:block; clear:both; margin-top: 1.1em; margin-right: auto; margin-bottom: 0; margin-left: auto; Hover effekter opacity:0.60; filter:alpha(opacity=60); -ms-transition: all.6s ease; -webkit-transition: all.6s ease; -moz-transition: all.6s ease; -0-transition: all.6s ease; a text-decoration:none; margin:0;padding:0; a:link color:#aca07c; a:visited color:#aca07c; a:hover color:#9b662f; a:active color:#1f1e1d; p text-align:left; letter-spacing:.05em; padding:0 0.8em 0; margin:0; font-family: Open Sans, sans-serif; font-size: 1.3em; line-height: 1.438em; font-weight: 400; color: #1F1E1D; display:block; word-wrap:break-word; h1 text-align: center; font-family: Domine, serif; font-size: 4em; line-height: 1em; font-weight: 700; color: #5A564D; margin:0; padding:0.5em 0 0.5em 0; clear:both; h2 font-family: Domine, serif; font-size: 1.7em; font-weight: 700; color: #5A564D; padding:0 0.4em 0; margin:0; text-align:center; line-height: 1.1em; h3 font-family: Domine, serif; font-size: 0.7em; font-weight: 700; color: #1F1E1D; padding:0 0.2em 0; margin:0; text-align:center; #ob_overlay background-color:#333; height:100%; left:0; position:fixed; top:0; width:100%; z-index:1000; #ob_content clear:both; cursor:default; position:relative; margin:22 auto 44; background-color:#fff; border:0 solid #fff; line-height:0; display:none; z-index:1003; #ob_load -moz-border-radius:5; background:url(loading.gif) no-repeat center; background-color:#fff; border-radius:5; height:40; left:50%;position:fixed; top:50%;width:40; margin: ; padding:5; -webkit-box-shadow: #222222; -moz-box-shadow: z-index:1002; #ob_title color:#fff; left:auto; position:absolute; margin-left:15; right:0; text-align:right; z-index:1004; line-height:1em; cursor:auto; #ob_caption font-family: Libre Baskerville, serif; font-size: 1em; line-height: 1.5em; font-weight: 500; color: #191610; display:block; margin: 0; padding: 10; Portfolio for H1 Andreas Ernst Tørnqvist 7

8 HTML highlights Scripts and plugins Template Facebook plugin <div id= fb-root ></div> <script> (function(d, s, id) { var js, fjs = d.getelementsbytagname(s)[0];if (d.getelementbyid(id)) return;js = d.createelement(s); js.id = id;js.src = // connect.facebook.net/da_dk/all.js#xfbml=1 &appid= ;fjs.parentnode. insertbefore(js, fjs);}(document, script, facebook-jssdk )); </script> Synes-godt-om-boksen <div class= textfield > <h2>show your appreciation<hr style= width:60%; /></h2> <div class= fb-like data-href= data-send= true datawidth= 800 data-show-faces= false datafont= verdana ></div></div> Kommentar-boksen <div class= textfield > <h2>give me your feedback<hr style= width:60%; /></h2> <div class= fb-comments data-href= donernst.dk data-width= 600 data-numposts= 3 ></div></div> Orangebox 3.0 <link rel= stylesheet href= orangebox/css/ orangebox.css type= text/css /> <script type= text/javascript src= code.jquery.com/jquery-latest.min.js ></ script> <script type= text/javascript src= orangebox/js/orangebox.min.js > </script> Eksempel <!--Kategori billedet loades --> <img src=../img/elements/images/block_ print.jpg alt= Print design height= 137 width= 137 > <!-- Selve lightboxen loades--> <a href=../img/showcase/ssc.jpg data-ob_ width= 596 data-ob_height= 842 rel= lightbox data-ob= lightbox data-ob_ caption= Flyer made for a international skate event, held in Copenhagen. I made this at SkatePro, where i am currently working, and is going to be handed out in some European countries. data-ob_share= false > <!-- Thumbnail indsættes --> <img src=../img/showcase/thumps/ thump_ssc_.jpg alt= Billedbehandling class= image_template /></a> Og så videre XHTML <!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN w3.org/tr/xhtml1/dtd/xhtml1-transitional. dtd > Meta tags <meta http-equiv= Content-Type content= text/html; charset=utf-8 /> <meta name= keywords content= graphic, grafik, graphic design, grafisk design, Andreas Ernst Tørnqvist, Andreas, Ernst, Tørnqvist, Photoshop, Illustrator, Mediegrafiker, print design, flyer, poster, plakat, donernst.dk, donernst /> <meta name= author content= Andreas Ernst Tørnqvist /> <title>andreas Ernst Tørnqvist // Personal Portfolio</title> Eksterne scripts og stylesheets <link href= css.css rel= stylesheet type= text/css /> <link href= family=domine:400,700 Open+Sans:400it alic,400,600 rel= stylesheet type= text/ css /> Footer <div id= footer > <h3>all content of this site belongs to Andreas Ernst Tørnqvist</h3> <h3> All rights reserved 2013</h3><hr style= margin:0.5em auto 0.5em auto; /> <div style= width:250;margin-left:165 ><a href= da/index.html ><img src= img/ Elements/icons/flag/da.png width= 32 height= 32 alt= danish language /></a><a href= index.html ><img src= img/elements/ icons/flag/en.png width= 32 height= 32 alt= English language /></a><a href= target= _ blank ><img src= img/elements/icons/ facebook.png width= 32 height= 32 alt= Facebook page /></a><a href= target= _ blank ><img target= _blank src= img/ Elements/icons/linkedin.png width= 32 height= 32 alt= My linkedin profile /></ a><a href= target= _blank ><img src= img/ Elements/icons/pinterest.png width= 32 height= 32 alt= My Pinterest account /></a><a href= dk ><img src= img/elements/icons/images/ mail.png width= 32 height= 32 alt= /></a><a href= tel: ><img src= img/elements/icons/images/call.png alt= Call me: width= 32 height= 32 /></a></div> Portfolio for H1 Andreas Ernst Tørnqvist 8

9 HTML highlights: Template <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <!-- TemplateBeginEditable name="prime scripts" --> <!-- TemplateEndEditable --> <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="keywords" content="graphic, grafik, graphic design, grafisk design, Andreas Ernst Tørnqvist, Andreas, Ernst, Tørnqvist, tphotoshop, Illustrator, Mediegrafiker, print design, flyer, poster, plakat, donernst.dk, donernst" /> <meta name="author" content="andreas Ernst Tørnqvist" /> <!-- TemplateBeginEditable name="doctitle" --> <title>andreas Ernst Tørnqvist // Personal Portfolio</title> <!-- TemplateEndEditable --> <!-- Stylesheets --> <!--Main css --> <link href="../css.css" rel="stylesheet" type="text/css" /> <!-- Google webfonts --> <link href="http://fonts.googleapis.com/css?family=domine:400,700 Open+Sans:400italic,400,600'" rel="stylesheet" type="text/css" /> <!-- Orangebox css --> <link rel="stylesheet" href="../orangebox/css/orangebox.css" type="text/css" /> <!--// Stylesheets --> </head> <body> <!-- Global scripts--> <!-- Orangebox Lightbox script --> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript" src="../orangebox/js/orangebox.min.js"></script> <!--// Global scripts--> <div id="wrapper"> <!-- Local scripts --> <!--// Local scripts --> <!-- Hotspots in banner --> <div id="banner"> <img src="../img/images/banner.png" usemap="#mainpage" border="0" alt="banner" /> <map name="mainpage" id="mainpage"> <area shape="circle" coords="477,290,202" href="http://www.donernst.dk/index.html" alt="mainpage" title="back to mainpage" /> <area shape="poly" coords="490,478,506,522,534,561,561,589,562,546,608,546,573,524,546,496,527,469,513,473" href="../pages/portfolio.html" alt="portfolio" title="portfolio" /> <area shape="poly" coords="346,544,381,525,411,496,422,480,461,489,444,531,425,554,411,574,397,584,396,545,347,544" href="../pages/about.html" alt="about" title="about me" /> </map> </div> <!-- TemplateBeginEditable name="workspace" --> <!-- TemplateEndEditable --> <!-- Footer --> <div id="footer"> <h3>all content of this site belongs to Andreas Ernst Tørnqvist</h3> <h3> All rights reserved 2013</h3> <hr style="margin:0.5em auto 0.5em auto;" /> <div style="width:250px;margin-left:165px"> <a href="../da/index.html"> <img src="../img/elements/icons/flag/da.png" width="32" height="32" alt="danish language" /></a> <a href="../index.html"> <img src="../img/elements/icons/flag/en.png" width="32" height="32" alt="english language" /></a> <a href="http://www.facebook.com/ernst2k" target=" _ blank"> <img src="../img/elements/icons/facebook.png" width="32" height="32" alt="facebook page" /></a> <a href="http://www.linkedin.com/in/ernst2k" target=" _ blank"> <img target=" _ blank" src="../img/elements/icons/linkedin.png" width="32" height="32" alt="my linkedin profile" /></a> <a href="http://www.pinterest.com/andreasernst/" target=" _ blank"> <img src="../img/elements/icons/pinterest.png" width="32" height="32" alt="my Pinterest account" /></a> <a <img src="../img/elements/icons/images/mail.png" width="32" height="32" alt=" " /></a> <a href="tel: "> <img src="../img/elements/icons/images/call.png" alt="call me: " width="32" height="32" /> </a> </div> </div> </div> </body> </html> Portfolio for H1 Andreas Ernst Tørnqvist 9

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

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

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

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

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

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

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

#Anna Skak #Mediegrafiker

#Anna Skak #Mediegrafiker Grafisk Workflow OPGAVEN Fodboldklubben Egmont Rollators FC ville have en website, for at gøre klubben mere synlig for eventuelle nye medlemmer. Websitet skulle indeholde alle de praktiske oplysninger

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

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

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

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

OPGAVEN Konditoren skulle have lavet et site til deres opskrifter. Konditoren.dk er en blog for bageglade amatørere i alle aldre.

OPGAVEN Konditoren skulle have lavet et site til deres opskrifter. Konditoren.dk er en blog for bageglade amatørere i alle aldre. WORKFLOW OPGAVEN Konditoren skulle have lavet et site til deres opskrifter. Konditoren.dk er en blog for bageglade amatørere i alle aldre. Det er en fiktiv opgave. MIT BIDRAG Jeg stod for al design og

Læs 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

Byg et website med Dreamweaver

Byg et website med Dreamweaver Byg et website med Dreamweaver I denne øvelse skal vi opbygge et website for Hotel Holiday i Dreamweaver. Det færdige site kan ses her: http://www.itu.dk/people/khhp/hotel_holidays/velkommen.html Øvelsen

Læs 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

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

Grafisk Workflow & produktion REDESIGN AF HJEMMESIDE

Grafisk Workflow & produktion REDESIGN AF HJEMMESIDE Grafisk Workflow & produktion REDESIGN AF HJEMMESIDE redegørelse Hvad går opgaven ud på Inhouse Graphic (IHG), skulle have rede signet hjemmesiden. Hjemmesidens struktur under samme ombæring kigges på

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

Nyhedsbrev april: spørgeskemaundersøgelse

Nyhedsbrev april: spørgeskemaundersøgelse #ChronoContact_Survey { margin-bottom: 10px; margin-left: 0px;.form_element { float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin-bottom: 8px; margin-left: 0; margin-top: 8px;

Læs mere

Præsentationsportfolio for Hovedforløb 2. Hjemmeside til Jelly Belly Danmark

Præsentationsportfolio for Hovedforløb 2. Hjemmeside til Jelly Belly Danmark Præsentationsportfolio for Hovedforløb 2 Hjemmeside til Jelly Belly Danmark Opgaven Jeg skal lave en ny og mere nutidig hjemmeside til Jelly Belly Danmark. Jelly Belly er nogle amerikanske slikbønner som

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

Ordbøgerne.dk. Navne: Andreas Foldager og Rasmus Bjerring Pedersen Fag: IT B Lærer: Karl Bjarnason Afleveringsdato: 17-11-06.

Ordbøgerne.dk. Navne: Andreas Foldager og Rasmus Bjerring Pedersen Fag: IT B Lærer: Karl Bjarnason Afleveringsdato: 17-11-06. Ordbøgerne.dk Navne: Andreas Foldager og Rasmus Bjerring Pedersen Fag: IT B Lærer: Karl Bjarnason Afleveringsdato: 17-11-06 Side 1 af 35 Indholdsfortegnelse Indledning:...3 Design...4 Visuelt design:...4

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

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

Komposition og layout. bokse. Det fotografiske og grafiske arbejde er lavet i Photoshop og Illustrator, og optimeret Programvalg

Komposition og layout. bokse. Det fotografiske og grafiske arbejde er lavet i Photoshop og Illustrator, og optimeret Programvalg Grafisk 1 Opgaven At fremstille en hjemmeside, til en bog om stilhistorie i forbindelse med et skoleprojekt. Hjemmesiden er en fiktiv side for et kunstmuseum med 1 forside og 2 underliggende sider. De

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

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

FAKTA 3 INDLEDNING 4 KREATIV PROCES 4 INDLEDENDE FASE 4 DESIGNVALG 6 TYPOGRAFI 6 FARVER 6 LOGO 6 BRUGERGRÆNSEFLADE 6 BAGVEDLIGGENDE KODE 7

FAKTA 3 INDLEDNING 4 KREATIV PROCES 4 INDLEDENDE FASE 4 DESIGNVALG 6 TYPOGRAFI 6 FARVER 6 LOGO 6 BRUGERGRÆNSEFLADE 6 BAGVEDLIGGENDE KODE 7 FAKTA 3 INDLEDNING 4 KREATIV PROCES 4 INDLEDENDE FASE 4 DESIGNVALG 6 TYPOGRAFI 6 FARVER 6 LOGO 6 BRUGERGRÆNSEFLADE 6 BAGVEDLIGGENDE KODE 7 EKSPERTVURDERING 10 REDESIGN AF PROJEKTER 12 BANNERPROJEKT 12

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

Workflow. www.dsguld.dk

Workflow. www.dsguld.dk www.dsguld.dk arbejdsroces 1 2 3 4 5 6 7 8 9 10 11 12 13 14 Modtage Brief å ogaven, fra rojektleder danne mig et overblik over eksisterende site, herunder: obyggelse, fejl, mangler med videre danne mig

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

CSS CSS er en forkortelse for Cascading Style Sheets. CSS er et sprog som bruges til at definere layout på fx HTML-dokumenter.

CSS CSS er en forkortelse for Cascading Style Sheets. CSS er et sprog som bruges til at definere layout på fx HTML-dokumenter. CSS CSS er en forkortelse for Cascading Style Sheets. CSS er et sprog som bruges til at definere layout på fx HTML-dokumenter. HTML var oprindeligt tænkt som et rent struktur-markeringssprog, der eksempelvis

Læs mere

GRAFISK WORKFLOW LENA SØRENSEN

GRAFISK WORKFLOW LENA SØRENSEN LENA SØRENSEN Redegørelse Opgaven Undvikling og design af logo og hjemmeside til Camillas cupcake. Mit bidrag til opgaven Jeg har arbejdet selvstændigt og alene med opgaven, og har haft frit råderum til

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

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

For at finde en stil til hjemmesiden, starter jeg med at lave et moodboard af alle Mikkalina Glas s produkter.

For at finde en stil til hjemmesiden, starter jeg med at lave et moodboard af alle Mikkalina Glas s produkter. Moodboard opgave design At designe og udforme en ny visuel identitet til Mikkalina Glas, bestående af logo og hjemmeside. For at finde en stil til hjemmesiden, starter jeg med at lave et moodboard af alle

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

Nedarvning. At style tags inden i andre tags. www.johnnihowardsen.dk - selektorer

Nedarvning. At style tags inden i andre tags. www.johnnihowardsen.dk - selektorer Nedarvning Du styler som bekendt dit indhold med mange forskellige selektorer. De mest almindelige er class, id, tag men du kan også gruppere selektorer f.eks h1, h2, h3, p, a, img {font-family: Verdana,

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

Designmanual for webintegrator grundforløbs eksamen

Designmanual for webintegrator grundforløbs eksamen Kræn Byskov Videndjurs Webintegrator Designmanual for webintegrator grundforløbs eksamen Side 1-14 Indholdsfortegnelse Indledning 3 Målgruppe 4 Timeline 5 Logo 6 Font 7 Farver 8 Flowchart 9 Storyboard

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

# 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

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

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

Indholdsfortegnelse UNG & SUND

Indholdsfortegnelse UNG & SUND Rapport Web site mad og livsstil www.arikashika.dk/ungogsund Lavet af Michael Vinzent Dalgaard Peter Michael Schindler Stefan Skjerning Renata Tautavice Sara Vang Erhvervsakademiet København Nord MULTIMEDIEDESIGNER

Læs mere

Grafisk design. Produkt: Responsiv hjemmeside Klient: EUC Nordvestsjælland

Grafisk design. Produkt: Responsiv hjemmeside Klient: EUC Nordvestsjælland Grafisk design Produkt: Responsiv hjemmeside Klient: EUC Nordvestsjælland 06// Opgave EUC Nordvestsjælland ønskede at få en mere tidssvarende og simpel hjemmeside. Jeg fik til opgave at lave en prototype.

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 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. Layout Da guiden primært skal betjenes med fingrene, har jeg programmeret den som en touchbaseret webapplikation (WebApp).

Grafisk workflow. Layout Da guiden primært skal betjenes med fingrene, har jeg programmeret den som en touchbaseret webapplikation (WebApp). Redegørelse Grafisk workflow Opgaven Medicinalfirmaet Boehringer Ingelheim, havde et ønske om at digitalisere en lægefaglig håndbog. Det er en såkaldt Quick guide, som er et lille overskueligt opslagsværk

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

Portfolie Redesign. www.gaardbodesign.dk. Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013. Jens Jákup E.

Portfolie Redesign. www.gaardbodesign.dk. Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013. Jens Jákup E. Portfolie Redesign www.gaardbodesign.dk Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013 Jens Jákup E. Gaardbo indholdsfortegnelse design... gestaltlove... opbygning...

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

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

S&E Bazar Fyn. Mads, Asger, Lærke og Alexander WEB-A 11-12-2012

S&E Bazar Fyn. Mads, Asger, Lærke og Alexander WEB-A 11-12-2012 2012 S&E Bazar Fyn Mads, Asger, Lærke og Alexander WEB-A 11-12-2012 Indhold Indledning... 2 Problemformulering:... 2 Problemstillinger:... 2 Kommunikation:... 3 Hvilken målgruppe ønsker vi at henvende

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

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

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

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

INFORMATIONS TEKNOLOGI B

INFORMATIONS TEKNOLOGI B INFORMATIONS TEKNOLOGI B Eksamensprojekt - bilag Dette dokument indeholder kildekoder til hjemmesiden. Morten Kristensen, 3.a 17-04-2009 TITELBLAD Projektet Titel: Undertitel: Fag: Vejledere: Eksamensprojekt

Læs mere

Grafisk design 20 21

Grafisk design 20 21 Grafisk design 21 Grafisk design Opgavebeskrivelse At designe en hjemmeside for et reklamebureau og komme med firmanavn og logo. Hjemmesiden henvender sig til virksomheder og private, der har brug for

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

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

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

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

Portfolie 3. Hovedforløb. Mediegrafiker København Tekniske Skole Frederiksberg Maj 2013 Steffen Quaade

Portfolie 3. Hovedforløb. Mediegrafiker København Tekniske Skole Frederiksberg Maj 2013 Steffen Quaade Portfolie 3. Hovedforløb Mediegrafiker København Tekniske Skole Frederiksberg Maj 2013 Steffen Quaade Grafisk Design Plakat Eksempel 1 Opgave Plakat + CD-cover + website + App. + demo-cd + audio til sitet.

Læs mere

Opret en formular i Dreamweaver

Opret en formular i Dreamweaver Opret en formular i Dreamweaver. Åben det html-dokument hvor du vil have din formular skal være på. 2. Klik i det felt (DIV eller tabel) hvor du vil have din formular skal være. Du kan se du er i feltet

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

NØDEBO KRO. Web site-projekt. http://www.mfyp.dk/noedebo-kro/ Lavet af: Anders Hanberg Sara Vang Michael Dalgaard Stefan Skjerning

NØDEBO KRO. Web site-projekt. http://www.mfyp.dk/noedebo-kro/ Lavet af: Anders Hanberg Sara Vang Michael Dalgaard Stefan Skjerning Forsamlingshuset NØDEBO KRO Web site-projekt http://www.mfyp.dk/noedebo-kro/ Lavet af: Anders Hanberg Sara Vang Michael Dalgaard Stefan Skjerning 4/12-08 - tr08mul01 Forsamlingshuset NØDEBO KRO Indholdsfortegnelse

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

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

GRAFISK DESIGN DET DIGITALE PRODUKT - DESIGN AF MIN PRIVATE HJEMMESIDE

GRAFISK DESIGN DET DIGITALE PRODUKT - DESIGN AF MIN PRIVATE HJEMMESIDE GRAFISK DESIGN DET DIGITALE PRODUKT - DESIGN AF MIN PRIVATE HJEMMESIDE Det var på tide med en ny hjemmeside til privat brug. Jeg valgte at starte helt fra bunden i stedet for at ændre på noget eksisterende.

Læs mere

TEKNISK DOKUMENTATION FAKTURA LAYOUT ABAQUE VERSION 2.0

TEKNISK DOKUMENTATION FAKTURA LAYOUT ABAQUE VERSION 2.0 TEKNISK DOKUMENTATION FAKTURA LAYOUT ABAQUE VERSION 2.0 INTRODUKTION... 3 SKABELON OPBYGNINGEN... 3 BYG DIN EGEN SKABELON... 3 INDSÆT FELTER... 3 INDSÆT VARELINJER... 3 FILNAVN... 4 LISTE OVER FELTER...

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

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

Konstruktion af websites - 1. kursusgang Øvelse 1 opsætning af tekst

Konstruktion af websites - 1. kursusgang Øvelse 1 opsætning af tekst Konstruktion af websites - 1. kursusgang Øvelse 1 opsætning af tekst Lav ved hjælp af teksteditor og browser en webside, der indeholder elementer som den herunder - tilføj desuden din udgave af hjemmeside

Læs mere

Lad os lave en hjemmeside. Kikker du på http://www.olehasselbalch.dk, vil du højst sandsynligt se dette.

Lad os lave en hjemmeside. Kikker du på http://www.olehasselbalch.dk, vil du højst sandsynligt se dette. Lad os lave en hjemmeside. Kikker du på http://www.olehasselbalch.dk, vil du højst sandsynligt se dette. Spørgsmålet er nu, hvordan laver man sådan en side? Du skal have et såkaldt webhotel, hvilket jeg

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

T o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26

T o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26 T o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26 Indholdsfortegnelse - Intro - Mindmap - Designvalg - Farvevalg - Logo - Ensartethed - Farver - Det gyldne snit - Fleksibilitet & brugbarhed

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

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

Layout af websider. Moderne websidelayout med stylesheets. Af Jørgen Farum Jensen

Layout af websider. Moderne websidelayout med stylesheets. Af Jørgen Farum Jensen Layout af websider Moderne websidelayout med stylesheets Af Jørgen Farum Jensen Artiklens eksempler bygger på tekster om og billeder fra Fredericia Vold. Det er kun eksempler og foregiver på ingen måde

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

Flash Logic Free CMS. Manual og brugervejledning

Flash Logic Free CMS. Manual og brugervejledning Flash Logic Free CMS Manual og brugervejledning Indhold: 1. Funktionalitet 2. Fil-oversigt 3. Baggrundsbillede 4. Banner-billede 5. Redigering af tekst 6. Brug af html-tags 7. Web site navn 8. Upload til

Læs mere

Dynamiske Billeder, Image Map & XY coordinater. ASP.NET og Access Databasen.

Dynamiske Billeder, Image Map & XY coordinater. ASP.NET og Access Databasen. Dynamiske Billeder, Image Map & XY coordinater. ASP.NET og Access Databasen. Tutorial lavet af Jákup W. Hansen TSU 2006 22. april 2008 Hvorfor denne tutorial: Denne tutorial er ikke direkte pensum på datamatikkerskolen,

Læs mere

Lad os lave en hjemmeside. Kikker du på http://www.olehasselbalch.dk, vil du højst sandsynligt se dette.

Lad os lave en hjemmeside. Kikker du på http://www.olehasselbalch.dk, vil du højst sandsynligt se dette. Lad os lave en hjemmeside. Kikker du på http://www.olehasselbalch.dk, vil du højst sandsynligt se dette. Spørgsmålet er nu, hvordan laver man sådan en side? Du skal have et såkaldt webhotel, hvilket jeg

Læs mere

Eksamen. Jonas Langhoff Nielsen Web01b

Eksamen. Jonas Langhoff Nielsen Web01b Eksamen Jonas Langhoff Nielsen Web01b 1 Indhold Tidsplan 3 Projektbeskrivelse og Målgruppe 4 De 6 Designparametre. 5 Skitser.. 6 Flowchart 7 Fremstilling af Logo 8 Farvevalg 9 Valg af fonte 10 Skelet.

Læs mere

Grafisk workflow. ipaper magasinet Subwoofer

Grafisk workflow. ipaper magasinet Subwoofer Grafisk workflow ipaper magasinet Subwoofer 25 Robbert Rysholt Svendeprøve Juni 2015 Opgaven Som beskrevet under typografi og ombrydning, ville jeg lave et ipaper magasin, som skulle indeholde en blanding

Læs mere