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

Grafisk Workflow STILHISTORIE. Website lavet i forbindelse med et projekt om stilhistorie. Klik her for at se websitet:

Grafisk Workflow STILHISTORIE. Website lavet i forbindelse med et projekt om stilhistorie. Klik her for at se websitet: STILHISTORIE Website lavet i forbindelse med et projekt om stilhistorie. Klik her for at se websitet: http://www.mediegrafiker-ats.dk/12gf32med8b/stil/maria/ Opgaven I forbindelse med et tema omhandlende

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

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

5. Billeder og logo til websitet er optimeret til web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet.

5. Billeder og logo til websitet er optimeret til web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet. GRAFISK WORKFLOW Grafisk workflow Beskrivelse Opgaven Design af website til Tipsbladet Fokus, som er noget, jeg selv har fundet på. Det er tænkt som et alternativ til Tipsbladet.dk, hvor der på Tipsbladet

Læs mere

Grafisk workflow. Maria Clausen Svendeportfolio Grafisk workflow

Grafisk workflow. Maria Clausen Svendeportfolio Grafisk workflow Grafisk workflow Maria Clausen Svendeportfolio Grafisk workflow OPGAVEN Kunden har stiftet et nyt firma som hedder Wood id, som sælger lamper, møbler og tilbehør lavet i kvalitets træ. Kunden ville gerne

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

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

Laura Svendsen Kernekompetencer GRAFISK WORKFLOW

Laura Svendsen Kernekompetencer GRAFISK WORKFLOW Laura Svendsen Kernekompetencer GRAFISK WORKFLOW website til drømmemadpakken Hvad? Opgaven er anden del af en opgave i to dele, et trykt produkt og et digitalt produkt. Vi fik udleveret tekst og billeder

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

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

GRAFISK WORKFLOW GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM

GRAFISK WORKFLOW GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM OPGAVEN Redesign af Ole Møgelbys hjemmeside, der efter stor succes med sine værker, gerne vil have frisket udtrykket lidt op. Billedsiderne skal udvides

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

GRAFISK WORKFLOW GRAFISK WORKFLOW

GRAFISK WORKFLOW GRAFISK WORKFLOW Opgaven At lave en ny hjemmeside til tekniske skolers sportslege. Den gamle var rodet og uoveskuelig. Det vigtigste var at rydde op, samt holde en rød tråd til logo og indbydelsen. Afsender Lærerne på

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

grafisk workflow Madmagasinet

grafisk workflow Madmagasinet grafisk workflow Madmagasinet Dokumentation Opgaven Madmagasinet skal have et website som er responsive, således deres brugere har en side som er optimeret til de forskellige platformer, hvorpå deres site

Læs mere

Oversigt HTML5 nye tags til sideopbygning

Oversigt HTML5 nye tags til sideopbygning HTML5 er udviklet af WHATWG Oversigt HTML5 nye tags til sideopbygning (Web Hypertext Application Technology Working Group) En

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

Præsentationsportfolio for Hovedforløb 1. Kongens Folk hjemmeside

Præsentationsportfolio for Hovedforløb 1. Kongens Folk hjemmeside Præsentationsportfolio for Hovedforløb 1 Kongens Folk hjemmeside Opgaven Jeg skal lave en ny hjemmeside til foreningen Kongens Folk. De har en gammel hjemmeside der skal fornyes. De ønsker en side, der

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

#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

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 DESIGN. Min personlige e-portfolio

GRAFISK DESIGN. Min personlige e-portfolio GRAFISK DESIGN Min personlige e-portfolio 2 OPGAVEBESKRIVELSE Produkt: E-portfolio Farve: RGB Programmer: Brackets, Photoshop og Illustrator Min personlige e-portfolio er udarbejdet som et led i min uddannelse

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

Projekt-studieweb. Om kommunikationsteorierne. Morten, Jacob, Kristian og Cihat

Projekt-studieweb. Om kommunikationsteorierne. Morten, Jacob, Kristian og Cihat Projekt-studieweb Om kommunikationsteorierne Morten, Jacob, Kristian og Cihat Gestaltlovene Loven om nærhed Loven om lukkethed Loven om lighed Loven om forbundethed Loven om fortsættelse Loven om figur

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

OPGAVE BESKRIVELSE ARBEJDSPROCES. Idéudvikling. Inspiration. Skelet. Uploade til server. Kodning. Teste sitet igennem. Rettelser og godkendelse

OPGAVE BESKRIVELSE ARBEJDSPROCES. Idéudvikling. Inspiration. Skelet. Uploade til server. Kodning. Teste sitet igennem. Rettelser og godkendelse GRAFISK WORKFLOW ARBEJDSPROCES OPGAVE BESKRIVELSE OPGAVEN At lave et redesign af AGF Fanclubs hjemmeside med et mere nutidigt look og bedre oversskuelig brugerflade. Opgaven har jeg stillet mig selv, men

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

Forståelse for grafisk produktion og workflow

Forståelse for grafisk produktion og workflow Forståelse for grafisk produktion og workflow Fallulah hjemmeside Opgaven: Blev stillet i forbindelse med forløbet avanceret webdesign, jeg har hverken fået karakter eller bedømmelse på den. Opgaven bestod

Læs mere

Grafisk workflow. Se siden her: www.cormas.dk

Grafisk workflow. Se siden her: www.cormas.dk Grafisk workflow Se siden her: www.cormas.dk Dokumentation 4 Procesbeskrivelse 5 Inspirationssøgning 6 Skitser 8 Layout i Photoshop 9 Farver 10 Font 11 Flowchart 12 Wireframe 13 Storyboard 14 kontakt.html

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

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

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

GRAFISK PRODUKTION & WORKFLOW. Endotest website

GRAFISK PRODUKTION & WORKFLOW. Endotest website GRAFISK PRODUKTION & WORKFLOW Endotest website DOKUMENTATION OPGAVEN: Endotest ApS ønskede at redesigne deres hjemmeside, så den fremstår mere professionel og enkel. Derudover skal det nye site præsentere

Læs mere

GRAFISK WORKFLOW PHILIP CREAMER AARHUS TECH SVENDEPRØVE NOVEMBER 2016

GRAFISK WORKFLOW PHILIP CREAMER AARHUS TECH SVENDEPRØVE NOVEMBER 2016 GRAFISK WORKFLOW PHILIP CREAMER AARHUS TECH SVENDEPRØVE NOVEMBER 2016 grafisk WORKFLOW // DOKUMENTATION opgaven // Jeg har i min opgave lavet et responsive onepage website for et årlig event kaldet Dirt

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

GRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY

GRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY GRAFISK WORKFLOW OPGAVEBESKRIVELSE Min kunde er en ung mand som ønskede at få lavet en hjemmeside til hans fremtidig firma, den skulle være responsiv og simpel. Da kunden ikke havde noget ønske om selv

Læs mere

Grafisk Workflow. Mediegrafiker - Svendeprøve. Mediegrafikeruddannelsen af Ramin Azizi

Grafisk Workflow. Mediegrafiker - Svendeprøve. Mediegrafikeruddannelsen af Ramin Azizi Grafisk Workflow Mediegrafiker - Svendeprøve Mediegrafikeruddannelsen 2012-2016 - af Ramin Azizi www.azizidesign.dk Dokumentation Opgavebeskrivelse: Jeg har i denne opgave valgt at redesigne s hjemmeside,

Læs mere

Aptana editor til MAC og Windows

Aptana editor til MAC og Windows 1 Aptana editor til MAC og Windows http://aptana.com/products/studio3/download For at downloade Mac versionen skal du klikke på : Customize Your Download og der efter klikke på MAC OS X. Indtast navn og

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

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

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 nyt hjemmesidedesign til Inhouse Graphic skolepraktik på Aarhus Tech. Hjemmesiden skal kort og godt fortælle om de elever, der arbejder i skolepraktikken og om deres

Læs mere

Grafisk 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

1. Hovedforløb. Mediegrafiker - 2015

1. Hovedforløb. Mediegrafiker - 2015 Af Ditte Vium Overgaard Grafik og billedbehandling 1. Hovedforløb Mediegrafiker - 2015 OPGAVEBESKRIVELSE Der er til alle de fire kernefagligheder taget udgangspunkt, i mit eget lille projekt, med design

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

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 produktion & workflow

Grafisk produktion & workflow Grafisk produktion & workflow WORKFLOW & PRODUKTION WEBSITE NATURSPEJDERNE Dokumentation I 2 OPGAVEN Opgaven Jeg har lavet dette fiktive website der kunne være en mulighed for en nyopstartet spejderforening.

Læs mere

Portfolio - Grafisk Workflow

Portfolio - Grafisk Workflow Portfolio - Grafisk Workflow Opgaven gik ud på at designe et website for en tatovør. Der skulle indgå forskellige elementer på hver enkel side, samt overholdes nogle fastsatte krav. Vi skulle arbejde ud

Læs mere

GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL

GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL OPGAVEBESKRIVELSE Min kunde er en ung mand som ønskede at få lavet en hjemmeside til hans fremtidig firma, den skulle være responsiv og simpel. Da kunden

Læs mere

GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1

GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1 GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1 GRAFISK WORKFLOW DOKUMENTATION OPGAVEN Denne opgave er lavet som en fiktiv opgave. Opgaven er lavet for et fiktivt firma, som tilbyder personlig fitness træning.

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

Stylesheets - grundteori.

Stylesheets - grundteori. Når du designer med css gør du to ting: på den ene side opmærkes og struktureres sidens indhold med tags, eller markører på den anden side tildeles disse tags css-regler, hvormed du styrer layoutet. Her

Læs mere

Om styles / typografier / typografiark / stylesheets

Om styles / typografier / typografiark / stylesheets Om styles / typografier / typografiark / stylesheets (dvs. Cascading StyleSheet ~ CSS) CSS er et sprog til at definere layout på HTML-dokumenter. CSS indeholder flere muligheder for layout end HTML og

Læs mere

Guiden til overlevelse af HTX Klasse 3.4 Malte Tobias Thomé

Guiden til overlevelse af HTX Klasse 3.4 Malte Tobias Thomé Eksamensjournal Guiden til overlevelse af HTX Klasse 3.4 Indholdsfortegnelse Indledning:... 3 Problemformulering:... 3 Løsning:... 3 Målgruppe:... 3 Kompiler og sprog:... 3 Produktet:... 4 Hjemmesiden:...

Læs mere

Grafik Workflow...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Brainstorm...6 Målgruppe Signalværdi Sitemap Nuværende sitemap...

Grafik Workflow...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Brainstorm...6 Målgruppe Signalværdi Sitemap Nuværende sitemap... Grafik Workflow....2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Brainstorm...6 Målgruppe Signalværdi Sitemap Nuværende sitemap...7 Kommende sitemap...7 Mockup...8 Opsætning... 10 Programmer

Læs mere

GRAFISK PRODUKTIONSFORSTÅELSE

GRAFISK PRODUKTIONSFORSTÅELSE GRAFISK PRODUKTIONSFORSTÅELSE BRILLIANT BIKINIES WEBSITE MARÍ DYRMOSE OPGAVEN OPGAVEBESKRIVELSE Brilliant Bikini kompagniet skulle have designet og programmeret en website, hvor de kunne præsentere deres

Læs mere

Efterlyst! Introduktion HTML & CSS. I dette projekt skal du lære, hvordan du laver din egen plakat. Arbejdsliste. Test dit Projekt.

Efterlyst! Introduktion HTML & CSS. I dette projekt skal du lære, hvordan du laver din egen plakat. Arbejdsliste. Test dit Projekt. HTML & CSS 1 Efterlyst! All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club. Introduktion

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

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

! }! FORSIDE! ! !

! }! FORSIDE! <html>! <head>! FORSIDE opgaver body { background-color:#33adff; } header { background:#33adff; color:white; text-align:center; padding:5px;

Læs mere

Grafisk. workflow. Produktion. Website

Grafisk. workflow. Produktion. Website Grafisk & Produktion workflow Website www.patellaloeb.dk OPGAVEN: Løbetræneren Mads Frederiksen skulle have designet og programmeret et nyt site, hvor kunderne kan gå ind og læse om de løbepakker, han

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

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

Beginning CSS and Web Development kap. 1 11

Beginning CSS and Web Development kap. 1 11 Beginning CSS and Web Development kap. 1 11 Plan Xhtml opbygning CSS Divs, class, id Baggrunde, farver og billeder Tekst Links Lister Tabeller Stand up programmering Xhtml vs. html i XHTML skal alle elementer

Læs mere

opsam ling fra sidst

opsam ling fra sidst Opsam ling fra sidst Den rette tilgang til HTML og CSS Eksperimentér Tænk logisk Detaljerne betyder noget Find inspiration/information på nettet Gode genveje Gem cmd s på Mac ctrl s på PC Bladre mellem

Læs mere

Se hjemmesiden på:

Se hjemmesiden på: Se hjemmesiden på: www.share-connect.dk Dokumentation Opgavebeskrivelse Det lokale erhvervsnetværk, Share & Connect skulle have designet og programmeret sin nye hjemmeside, hvor de ville kunne have mulighed

Læs mere

CSS fortsat: Boksmodel, floating & positionering

CSS fortsat: Boksmodel, floating & positionering Webdesign og webkommunikation, formiddagshold (hold 1), IT Universitetet, forår 2012. Øvelse 4, individuel øvelse CSS fortsat: Boksmodel, floating & positionering 1. Lidt om hvad du har lært Du har i øvelse

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

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

STEPS GIANT. GIANT STEPS jazz orchestra. Klasse: tr09mul02. Maria Ekelund, Stephanie Rosborg, Rasmus Seye og Thomas Riis

STEPS GIANT. GIANT STEPS jazz orchestra. Klasse: tr09mul02. Maria Ekelund, Stephanie Rosborg, Rasmus Seye og Thomas Riis Klasse: tr09mul02 STEPS GIANT j a z z o r c h e s t r a Indholdsfortegnelse 1.0 Problemformulering 1.1 Tidsplan 1.2 Wireframe 1.3 Flowchart 2.0 Research 2.1 Begrundelse for design 2.2 Logo 3.0 Generelt

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

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

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

Sabine Puk Sørensen Svendeprøve portfolio

Sabine Puk Sørensen Svendeprøve portfolio Sabine Puk Sørensen Svendeprøve portfolio 2016 Grafisk workflow Svendeprøve Kvalitetsvurdering Hjemmesiden fungere som den skal, og kunden er meget glad for resultatet. Siden er simpel, men giver den ønskede

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

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

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

Grafisk produktion og workflow

Grafisk produktion og workflow Grafisk produktion og workflow Helle Nicolaysen, mediegrafiker, 3. hovedforløb Introduktion Bylderup-Bov Rideklub har en hjemmeside, bestående af en template, hvor designet er fastlagt. Jeg er i kontakt

Læs mere

GRAFISK WORKFLOW. Proces. Kodning. Fonts:

GRAFISK WORKFLOW. Proces. Kodning. Fonts: P f t r o o i l o 1 H GRAFISK WORKFLOW»Vi skal bruge en hjemmeside, så vi kan få fat i patienterne til vores botilbud. Ellers risikerer vi at de vælger noget andet. Der skal laves logo, samt lærringsvideoer«proces

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

WORK- FLOW PLATFORM WEBSITE H2

WORK- FLOW PLATFORM WEBSITE H2 WORK- FLOW PLATFORM WEBSITE H2 Platform Min opgave var at lave logo og website til et nyt spillested i Vejle. Genren der spilles på stedet er alternativt og indie Rock + elektronisk musik. Kunden er en

Læs mere

GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE

GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE WEBSHOP TIL KLITMØLLER COLLECTIVE Klitmøller Collective er et nyt lifestyle brand, som udspringer fra fiskerlejet Klitmøller i det nordvestlige Jylland.

Læs mere

1 SVENDEPRØVE 2016 GRAFISK DESIGN GRAFISK DESIGN

1 SVENDEPRØVE 2016 GRAFISK DESIGN GRAFISK DESIGN 1 SVENDEPRØVE 2016 GRAFISK DESIGN GRAFISK DESIGN 2 SVENDEPRØVE 2016 GRAFIK & BILLEDER 3 SVENDEPRØVE 2016 GRAFIK & BILLEDER 3 SVENDEPRØVE 2016 GRAFISK DESIGN 01. BRIEFING GRAFISK DESIGN 01. Briefing 02.

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

Grafisk Workflow. Website til European Blues Challenge

Grafisk Workflow. Website til European Blues Challenge Grafisk Workflow Website til European Blues Challenge Opgaven: European Blues Challenge er en europæisk blues festival som skifter lokation hvert år. I 2017 kommer festivallen til Horsens, og vores kunde

Læs mere

Grafisk. Workflow. Side 1

Grafisk. Workflow. Side 1 Grafisk Workflow Side 1 http://mediegrafiker-ats.dk/15gt33med/freja/hotelinger/ Side 2 Kunde: Inger Marie, Hotel Inger Målgruppe: Aldersgruppe mellem 30-50 år. Hvad har jeg bidraget med? Mit bidrag til

Læs mere

1. Bilag: Brugertest for gammel site

1. Bilag: Brugertest for gammel site Bilag 1 1. Bilag: Brugertest for gammel site Brugertest af Isabellais.dk Scenarie 1 Gå ind på www.vinoble.dk Du har på forsiden nogle vine som er fremhævet, de er placeret i nogle bokse, som du har mulighed

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

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

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

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