Grafisk design 20 21

Størrelse: px
Starte visningen fra side:

Download "Grafisk design 20 21"

Transkript

1 Grafisk design 21

2 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 at få brandet eller reklameret for en vare eller ydelse. Opgaven er fiktiv. Bidrag Jeg har selv stået for alt fra idéudvikling til det færdige produkt. Programmer Kernekompetencer Grafisk design System Dreamweaver er et softwareprogram, der bruges til at programmere hjemmesider. Jeg har arbejdet med HTML 5 og CSS 3. Opbygning Hjemmesiden er bygget op om en forside, der har tilhørende tre undersider: Kunder, Om os og Kontakt. Hjemmesiden er lavet med et responsivt design, der ændre sig efter den enhed den ses på: computer, tablet eller smartphone. Browser vinduets størrelse afgør hvor logo og menu er placeret, og om teksten står i tre, to eller én spalte. På siden Kunder er logoet til Folkekirkens Nødhjælp aktiv og linker til en underside; en case, der viser et eksempel på et produkt, som reklamebureauet har arbejdet med. De få sider gør sitet nemt at overskue og navigere rundt i. Design, font og farver Designet er moderne og stilfuldt. Baggrunden er et bybillede fra København, der skal referere til firmaets beliggenhed. Der er gennemgående få farver, og de akromatiske farver (sort, hvid og grå) giver et enkelt og rent look, hvilket tillader de farverige billeder at stå uforstyrret. Der er brugt en stærk pink (RGB: 236, 29, 85) som kontrast, hvilket giver liv, dynamik og varme. Af fonte har jeg tilføjet en web font, der hedder Exo til overskrifter og Praxis Com til brødteksten. De skiller sig en del ud fra standard webfontene og da Exo også er brugt i logoet, fungere fonten som en del af hele reklamebureauets brand, som er nem at genkende. Proces 1. Brainstorming på koncept, design, navn og logo. 2. Inspiration findes fra andre kreative hjemmesider. 3. Skitser af design. 5. Flowchart for hjemmesiden. 6. Forskellige fonte og webfonte bliver afprøvet og testet i forskellige browsere. 7. Skitser af logoet på papir og i Illustrator. 8. Endelig logo laves. 9. I Photoshop laves forskellige udkast til designet. 10. Det endelig layout laves i tre forskellige størrelser, så det passer til en gennemsnitlig smartphone, tablet og på en PC/Mac. 11. Billeder og grafik gemmes som Jpeg eller Png i RGBfarverummet, 72 ppi. 12. I Dreamweaver arbejdes der med procenter og em 13. CSS-styles for det mindste design laves først, og der laves justeringer ved de andre størrelser. 14. Undervejs testes designet i forskellige browsere for at se om det virker, som det skal. 15. Der udarbejdes en designmanual. 16. Hjemmesiden uploades til en server, så den ligger tilgængelig for alle. 17. Projektet afsluttes. Logo Logoet består af fonten Exo i Medium og Extra light, der er efterbehandlet, så det fungere som et logotype. Der er ikke nogle grafiske ikoner knyttet til logoet. Fonten er negativ og indrammet i en sort kasse. Kvalitetsvurdering Jeg synes selv godt om det endelige resultat samt den stil og stemning hjemmesiden udtrykker. Den er simpel og overskuelig for brugeren. Min egen stil lyser meget igennem især da jeg ikke har haft en kundes krav, eller et eksister ende brand, at skulle forholde mig til. Det kan både være en fordel og en ulempe at have så frie hænder, da det nok sjældent vil forekomme i virkeligheden. Processen har været en spændende udfordring, i og med at skulle tænke i procenter og et responsive design, hvor mange af de ting man er oplært i ikke længere er gældende. Find hjemmesiden på mariafulton.dk 23

3 envision.dk Brainstorming skaevt.com censure.dk n o i t a r i Insp happyogco.dk wordlab.com Pravda Responsive design adtention.dk 24 25

4 Skitser De bedste skitser udvælges og prøvelayoutes senere i Photoshop

5 Logotype Idéudvikling på logoet Før Der knibes og spærres mellem bogstaverne, for at få et pænere skriftsnit og gøre den mere unik. Efter Designmanual for logotype 100 % 7 50 % 2 Sort/hvid #000 #fff Negativ Logoanvendelse Millennium Bureau Adobe Song Std, L FuturistStencil, Regular Praxis Com, Semibold & Light Eurostile, Regular MaxOT, Regular Millennium Bure au 28 Ebrima, Regular M Samme font, som valgt til overskrifter Chiller, Regular ArenaBlack, Regular Exo, Medium & Extra light Exo, Medium & Extra light Gothic725 Bd BT, Bold & Light M M Ebrima, Regular ArenaOutline Regular, Regular Century Gothic, Regular I et kontormiljø ser man typisk logoet på ting som kugle pinde, kopper, kalendre, blokke samt på firmabiler. Det er en god måde at få reklame og omtale på, hvis folk ser det og evt. tager en kuglepind med sig. 29

6 Farver Flowchart Forside (index) Kunder Om os Kontakt DKNY Diesel ELLE FKN Harley-Davidson HI-FI Klubben HTH Natactive Renault Tuborg Tryg Vestas Fonte Virker lidt lille og trykket Dette er en god font til brug på web, og den indeholder også skriftsnittet æ, ø og å. Calibri, Regular Ofte set lidt kedelig og almindelig Dette er en god font til brug på web, og den indeholder også skriftsnittet æ, ø og å. Tahoma, Regular Ligner meget Tahoma Dette er en god font til brug på web, og den indeholder også skriftsnittet æ, ø og å. Arial, Regular Meget bred font fylder meget, men pæne runde former Dette er en god font til brug på web, og den indeholder også skriftsnittet æ, ø og å. Verdana, Regular Lidt anderledes god som fallback -font i font-family Dette er en god font til brug på web, og den indeholder også skriftsnittet æ, ø og å. Trebuchet MS, Regular Flot til brødtekst, med lidt blødere former end de andre fonte Dette er en god font til brug på web, og den indeholder også skriftsnittet æ, ø og å. Praxis Com, Regular På kuler.adobe.com afprøves forskellige farvekom bina tioner, for at se, hvilke der fungerer godt sammen. Kantet, men god kontrast til Praxis Com og flot til overskrifter Dette er en god font til brug på web, og den indeholder også skriftsnittet æ, ø og å. Exo, Regular Flimrer måske en anelse på skærm fordi den er så tynd Dette er en god font til brug på web, og den indeholder også skriftsnittet æ, ø og å. Exo, Light Pæn font, men igen, ofte set på nettet Dette er en god font til brug på web, og den indeholder også skriftsnittet æ, ø og å. Gill Sans, Regular 30 31

7 Layoutforslag i Photoshop #ec1d55 #46d946 Diamantformede kasser som baggrund, dynamik og spænding, forskellige farver og opaciteter, dybde, grøn: natur, ungdom, håb, vækst og energi. Sketch-effekt som baggrund, dynamiske linjer >< statiske linjer, pink: feminint udtryk, lykke, glæde og samvær. #a1d4d7 #5bc7d0 Diamantformede kasser som baggrund, dynamik og spænding, forskellige nuancer og opaciteter, dybde, blå: selvtillid, køligt, renlighed, moderne og nytænkende. Futuristisk baggrund, kontraster, dynamiske linjer, blå: fred, ro, loyalitet, køligt, teknologi grå toner en anelse simpelt/kedeligt. #ec1d55 #d0b42c Bybillede af København som baggrund, dots i billedet slører motivet, stor kontrastfarve i pink, simpelt layout men stadig interessant. 32 Tapetet associere til det hjemmelige, gul: idealisme, munterhed, kreativitet og glæde, stilen kan virke en anelse gammeldags. 33

8 Layout & komposition Template 1 Original billede Et udsnit af baggrundsbilledet vises alt efter hvilken enhed den vises på. Baggrund 2 Templaten er bygget op om fire kasser i body > div : header navigation section footer Header og navigation er enten ved siden af hinanden eller under alt efter hvilken størrelse enhed, den ses på. Mellemgrund Forsvindingspunkt 3 Halvtone Pattern: Size 3, Contrast 5. // De dobbelte skråstreger fungere som grafiske elementer, der dels opdeler menupunkterne men også bryder det ellers meget statiske udseende. Section har en hvid baggrund med en opacitet på 8, så baggrunden stadig kan anes og teksten tydeligt kan læses. Forgrund Skyggen på kassen er med til at give dybde og en fornemmelse af rum i billedet, samtidig med, at den indrammer og adskiller indholdet fra resten. De diagonale linjer i billedet givet en fornemmelse af dybde og perspektiv, hvilket også forstærkes af bygningernes størrelse der bliver mindre i mellemgrunden. Da man ikke kan se horisonten, virker bybilledet næsten urbant og uendeligt. De statiske, vertikale linjer gør, at motivet stadig virker roligt og struktureret. Motivet er i normalperspektiv så iagttageren er på niveau med billedet og hverken skal se ned eller op på det. 4 Motivet sløres med Halvtone Pattern, så man næsten ikke kan se en kvalitetsændring, hvis skærmen har en opløsning, der er større end billedet på 1200 px bred. Menu hover: farveskift i tekst og baggrund samt a-taggets højde

9 Forside Billeder til slideshow Korte linjelængder (omkring 45 tegn pr. linje) hjælper læsevenligheden på skærmen. På forsiden ses et stort slideshow der skaber blikfang og viser et overblik over nogle af s største kunder og cases. Billederne skifter auto matisk hvert 5. sekund, og ellers kan brugeren selv navigere ved at klikke på knapperne nedenunder. Knappen er pink (RGB: 236, 29, 86) når den er aktiv samme fave som der er brugt i menuen. Reklamerne har meget forskellige udtryk, hvilket viser alsidighed, og kan inspirere kunden. FIRMANAVN 36 8 sort Myriad Pro, negativ 37

10 Kunder Case Kundekardoktetet er bygget op med en visning af kundernes logoer, fordelt alfabetisk. De vises alle i sort/hvid for at siden ikke ser rodet ud, men ved at køre musen hen over et logo, vises det originalt (i farver). Siden er bygget op med en kort beskrivelse af casen, kontakt oplysninger til firmaet/kunden og et billede af det færdige produkt/koncept, som har stået for. Streger på 1 pixels tykkelse adskiller indholdet, så det giver et mere roligt overblik. Logoerne gemmes med Slice Select Tool og Save for Web and device

11 Kontakt Nyhedsbrev Der er knapper til nemt at kontakte på , Twitter og Facebook her er igen brugt roll-over effekt, så knapperne bliver pinke når de er aktive. Sections højde forholder sig til indholdet, så der ikke vises en masse overflødig hvid flade. Siden er meget simpel, da den blot skal give brugeren en forsikring om, at informationerne er modtaget og muligheden for at navigere tilbage. Ved udfyldelse af formularen bruges den pinke farve også til skriften. Der er lagt en indre skygge på knapperne ved roll-over, for at give en 3D-effekt og dybde, så knapperne virker mere autentiske

12 S til & stemning billedbehandling Om os Efter Før 1 Med Gradient map ændres billedet til sort/hvid. 2 Den sorte og hvide skyder justeres. Hvid sættes til 98 %. 3 Gradient Map -laget får en opacitet på 80 %, så noget af farven fra billedet skinner igennem. 6 Baggrunden clones med Clone Stamp Tool på et nyt lag, og Sample sættes til Current & below Øverst ses et billede af den samlede personalestab. Navn ene er roteret for at give noget liv og dynamik til billedet. Den lidt atypiske opstilling med tovtrækkeri udtrykker kreativitet og samarbejde, hvilket er vigtigt for et reklame bureau. Kontaktoplysningerne er højrestillet i det store layout, dels for at skabe balance, udnytte pladsen og dels for at bryde lidt med det ellers gennemgående layout. 4 Billedet roteres 8 mod venstre Billedet beskæres med Crop Tool. Der indsættes navne med fonten Exo, Demi Bold i negativ med underlinje. De roteres 25 mod venstre. 43

13 Skelet af template & index Backend, frontend & browsers min-width: 320 px max-width: 640 px min-width: 641 px max-width: 768 px auto header 30 px 20 px nav 30 px 20 px body > div 90 % af skærmen header 100 % nav 100 % auto auto header 30 px 20 px nav 30 px 20 px body > div 7 af skærmen header 100 % nav 100 % auto Split view: kode og design Frontend Mobil enhed Tablet section auto height blueberry 90 % padding 15 px auto height cols 90 % column-count: 1 section auto height blueberry 90 % Designet testes løbende i forskellige browsers og enheder. section 100 % column-count: 2 padding 15 px auto height cols 90 % Hvis ipad en vendes, gælder css-styles for det store design section 100 % Ikke redigerbare områder Favicon min-width:769 px header 30 px auto header 3 body > div 60 % af skærmen nav 6 auto Design af ikonet, der vises på fanebladet: 16x16 px 20 px section auto height PC/MAC blueberry 90 % max-width: 825 px MB MB MB M M M M M M MB M M Exo Medium Extra light padding 15 px auto height column-count: 3 cols 90 % section 100 % 44 45

14 Designmanual Det færdige design font-family: Praxis Com, Exo, Trebuchet MS h1 font-size: 1.3em line-height: 1.5em (15/18 pt.) font-weight: bold h2 font-size: 1em line-height: 1.2em (12/14 pt.) color: rgba(0,0,0,.6) font-weight: bold Overskrift h1 Overskrift h2 1 em = 12 pt = 16 px = 100 % p font-size: 0.8em line-height: 1.3em (9/15 pt.) font-weight: regular Abore landand ucientiantur sam anis prae porisciis quas in re eaquis sita volvio ma numqui delent aut venihit explis ea dis doluptiume pratibus eritionserum reiunte vent arum quia et fuga. Igentio. Omnisit, tem ex. Forside/index Kunder Footer p font-size: 0.75em line-height: 1em (9/12 pt.) color: #fff Facium ressim // rehenis volorep // udipistrum ducipic // illibus andelle #medarbejdere text-align: right Case: Folkekirkens Nødhjælp Om os Footer p a text-decoration: none font-size: 0.8em line-height: 1.3em color: #ec1d55 Footer p a:hover text-decoration: none font-size: 0.8em line-height: 1.3em color: #666 Michael Engdahl / Kreativ Chef Tlf.: (+45) Michael Engdahl / Kreativ Chef Tlf.: (+45) Michael Engdahl / Kreativ Chef Tlf.: (+45) Nav font-size: 0.75em font-weight: 1em 236, 29, 86 Nav li a display: block color: #ec1d55 text-decoration: none padding: height: 30 px line-height: 30 px; -webkit-transition:200ms ease-in -moz-transition:200ms ease-in transition:200ms ease-in 60 % 255, 255, 255 Kontakt Nav li a:hover padding-top: 3 px height: 30 px background: #ec1d55 color: #fff 000, 000,

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

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

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

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

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

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

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

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

NY IDENTITET TIL SCHWARZ

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

Læs mere

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

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

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

Læs mere

GRAFISK 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

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

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

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 workflow. Hjemmeside til Bærkompagniet

Grafisk workflow. Hjemmeside til Bærkompagniet Grafisk workflow Hjemmeside til Bærkompagniet Dokumentation Opgaven Bærkompagniet skulle have designet og programmeret et website, hvor de kunne præsentere deres produkter samt mulige forhandlere kunne

Læs mere

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen OPGAVE Designforslag til hjemmeside til motorcykelklubben Mc Chaufførerne GRAFISK DESIGN / Dorte Damsgaard Larsen 1/15 DESIGNPROCES Indledende møde med

Læs mere

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

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

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

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

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

Læs mere

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

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

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

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

Grafik & billedbehandling

Grafik & billedbehandling Grafik & billedbehandling 41 Grafik & billedbehandling Opgavebeskrivelse En parfumereklame for DKNY Donna Karen New York, til annoncering i magasiner. Målgruppen er kvinder i alderen 18-35 år, der er til

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 WORKFLOW WEBSITE - CHOCOADDICT

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT GRAFISK WORKFLOW WEBSITE - CHOCOADDICT DOKUMENTATION OPGAVEBESKRIVELSE Opskriftsbogen Chocoaddict skulle have et website, hvor alle opskrifter samt skabelon til print selv opskriften er tilgængelig. Der

Læs mere

GRAFISK DESIGN RESPONSIV WEBSHOP MED ET FARVETWIST

GRAFISK DESIGN RESPONSIV WEBSHOP MED ET FARVETWIST GRAFISK DESIGN RESPONSIV WEBSHOP MED ET FARVETWIST Hjemmesidedesign og udvikling www.mads-pj.dk/clothesly MADS PADKÆR JØRGENSEN - GRAFISK DESIGN Side 1 af 13 DOKUMENTATION OPGAVE Opgaven jeg stillede mig

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

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

# 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

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

Grafisk Workflow. Opgaven. Test i forskellige browsere (Usability) Arbejdsgang. Kvalitetsvurdering. Procesbeskrivelse Jesus Kr istus - Ev ig Konge e g n o K g i v E s u t s i r K Jesus Jesus Kristu s - Evi g Kon ge Opgaven Opgaven går ud på, at lave en hjemmeside, enten som en præsentation af noget, eller en kampagne

Læs mere

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

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

Læs mere

Eksamensopgave 2012. Aarhusportalen. Melissa Emilie

Eksamensopgave 2012. Aarhusportalen. Melissa Emilie Eksamensopgave 2012 Aarhusportalen Melissa Emilie Indhold Indhold... 1 Aarhusportalen... 2 Projektbeskrivelse... 2 Hvem er kunden... 2 Målgruppe... 2 Hvad ønsker vi at opnå... 2 Temaer... 2 Tidsplan...

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

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

Ud fra ovenstående vil den typiske Maileg kunde kunne placeres i det grønne segment i følge Minerva modellen. GRAFISK DESIGN. Moderne.

Ud fra ovenstående vil den typiske Maileg kunde kunne placeres i det grønne segment i følge Minerva modellen. GRAFISK DESIGN. Moderne. Opgave Vi er på vej til at lave en ny hjemmeside hvor vi fremadrettet skal til at sælge vores produkter direkte til kunderne. Vi vil gerne lave en hjemmeside som både virker legende men også overskuelig,

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

Grafisk design. Ide. Designprocess. Målgruppe

Grafisk design. Ide. Designprocess. Målgruppe Ide Designprocess I denne opgave har jeg udviklet et website for et feriehus. Kunden ønsker et site, som både fungere privat, men også som offentlig hjemmeside. Hele site skal være på dansk, tysk og engelsk.

Læs mere

Grafisk workflow. bl.udbudsnet.dk

Grafisk workflow. bl.udbudsnet.dk Grafisk workflow. bl.udbudsnet.dk Hvad går opgaven ud på? Opgaven gik ud på at lavet et præsentations website for Udbudsnet. Hjemmesiden skulle bruges til at sælge Udbudsnet, på en messe som hedder BL.

Læs mere

SÅDAN LAVER JEG DET FEDESTE KAMPAGNE- BILLEDE NOGENSINDE.

SÅDAN LAVER JEG DET FEDESTE KAMPAGNE- BILLEDE NOGENSINDE. SÅDAN LAVER JEG DET FEDESTE KAMPAGNE- BILLEDE NOGENSINDE. Grafik & billedbehandling Grafik & billedbehandling Opgaven Adidas har lanceret en farveopdatering af deres støvleklassiker Copa Mundial. Støvlen,

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

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

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

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

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

Arbejdsproces. Designparametre

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

Læs mere

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

GRAFISK DESIGN SVENDEPRØVE 2013. Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5 NAVN PÅ OPGAVEN KERNEOMRÅDE SVENDEPRØVE 2013 Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5 Beskrivelse af opgaven I min fritid modtog jeg en opgave, som bestod i, at redesigne og kode et

Læs mere

grafisk // design // d k sign

grafisk // design // d k sign gr a fis grafisk e // d k sign grafisk vinbog / redegørelse / brainstorm og inspiration / farver, fonte og logo / layout / opslag / omslag HVAD? Design og opsætning af et fiktivt magasin, Plus, hvor design

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

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

POWERPOINT FONTE HELT SIMPELT

POWERPOINT FONTE HELT SIMPELT CLAUS HANDBERG POWERPOINT FONTE HELT SIMPELT www.brydrammen.dk - ch@visuspublishing.dk VisusPublishing Hybenvænget 5 7480 Vildbjerg Tlf. 31458200 All Rights Reserved FONTE HELT SIMPELT PowerPoint fonte

Læs mere

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

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

Læs mere

4. DEC 5. DEC 8. DEC 2014

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

Læs mere

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2 GRAFISK WORKFLOW Kasper Staal - Portfolio - H2 Opgaven Denne opgave bestod i at design et website til min egen virksomed 3DService.dk. Websitet skulle være responsivt, og indeholde de mest gængse informationer

Læs mere

GRAFISK PRODUKTION & 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 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 DESIGN. Diner no. 34 Hjemmeside + Visuel identitet

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet GRAFISK DESIGN Diner no. 34 Hjemmeside + Visuel identitet Diner no. 34 9 Opgavebeskrivelse Fiktive opgave. Redesign af visuel identitet og design af ny hjemmeside. Materialet skal skabe et genkendeligt

Læs mere

Grafik og billede. I dette fiktive projekt, har jeg valgt at lave et kreativt billede, som gerne skulle vise mine færdigheder i photoshop.

Grafik og billede. I dette fiktive projekt, har jeg valgt at lave et kreativt billede, som gerne skulle vise mine færdigheder i photoshop. GRAFIK & BILLEDE GRAFIK & BILLEDE Grafik og billede } I dette fiktive projekt, har jeg valgt at lave et kreativt billede, som gerne skulle vise mine færdigheder i photoshop. Opgaven Programvalg Photoshop

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

Y ELL O W G REN A D E

Y ELL O W G REN A D E YELLOW GRENADE OPGAVEN Nick Christiansen kontaktede mig på Facebook. Han havde set mit coverbillede, (ulven ses på modstående side) som jeg har tegnet i Illustrator. Han var helt vild med ulven, der udelukket

Læs mere

GRA DESIGN. HEARTS & MINDS

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

Læs mere

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

Vejledning for LOF s afdelingshjemmeside

Vejledning for LOF s afdelingshjemmeside Vejledning for LOF s afdelingshjemmeside - redigeret i Umbraco Marts 2012 Adresse: http://dinafdeling.lof.dk/ Rediger hjemmeside i Umbraco: http://dinafdeling.lof.dk/umbraco/ Mobilside: Der er lavet en

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

GRAFIK & BILLEDBEHANDLING. Billedbehandling og samkopieringsopgave for en bryllupsfotograf. Design af mønster til bryllupstakkekort.

GRAFIK & BILLEDBEHANDLING. Billedbehandling og samkopieringsopgave for en bryllupsfotograf. Design af mønster til bryllupstakkekort. GRAFIK & BILLEDBEHANDLING Billedbehandling og samkopieringsopgave for en bryllupsfotograf. Design af mønster til bryllupstakkekort. OPGAVEBESKRIVELSE En bryllupsfotograf kontaktede mig privat med en sammenkopieringsopgave.

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

GRAFIK & BILLED- BEHANDLING

GRAFIK & BILLED- BEHANDLING GRAFIK & BILLED- BEHANDLING I Grafik & Billedbehandling har jeg valgt at vise, hvordan jeg arbejder med forskellige værktøjer i forbindelse med grafik i Illustrator og billedbehandling i PhotoShop. I PhotoShop

Læs mere

billedbehandling okogris

billedbehandling okogris grafik & Billede billedbehandling okogris motiv Gris til Mad Med Mening flyer og hjemmeside. udfordring Fritlægning af gris, så hun kan sættes naturligt ind på en ny baggrund - i dette tilfælde et skærebræt

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

Stella H. Christensen MG H3 / Svendeprøve 2013 Aarhus Tech. Typografi & Ombrydning

Stella H. Christensen MG H3 / Svendeprøve 2013 Aarhus Tech. Typografi & Ombrydning Typografi & Ombrydning OPGAVE Efter jul til ultimo januar køres en mellemdagskampagne i Hi-Fi Klubben. I den forbindelse skal der laves et indstik (mini-magasin) til de hollandske butikker, der viser gode

Læs mere

Mohammad Zubair Rana. Grafik og Billede

Mohammad Zubair Rana. Grafik og Billede Mohaad Zubair Rana Grafik og Billede Grafik og Billede En privat kunde har med henblik på nykøbt iphone 5 henspurgt til om det var muligt at lave et cover til mobilen. Kunde: Privat Medie: Tryk Værktøj:

Læs mere

Portfolioudvikling. Line la Fontaine. Multimediedesigner

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

Læs mere

Produktbeskrivelse - Grafisk workflow

Produktbeskrivelse - Grafisk workflow Produktbeskrivelse - Grafisk workflow Opgavebeskrivelse Det er en nyhedsmail. De er en ny opsætning Ansvar for opgaveløsning Webadministratoren står for opgavefordeling. Tekst kommer fra salgs og butikslederen.

Læs mere

GRAFISK DESIGN. Læringskoncept for Dansk Rideforbund

GRAFISK DESIGN. Læringskoncept for Dansk Rideforbund Læringskoncept for Dansk Rideforbund Produkt og målgruppe: Udarbejdelse og idéudvikling af et nyt læringskoncept I børnehøjde til Dansk Rideforbund. Det skal fokusere på sikkerhed I ridningen og målrette

Læs mere

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

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

Læs mere

Grafisk 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

Grafik & billede Maria Clausen Clausen Svendeportf Hovedforl olio øb 3 Grafik & bill Gr ede afik & bill side 1

Grafik & billede Maria Clausen Clausen Svendeportf Hovedforl olio øb 3 Grafik & bill Gr ede afik & bill side 1 Grafik & billede Maria Clausen Svendeportfolio Hovedforløb 3 Grafik & billede side 1 opgaven OPGAVEN Denne fiktive opgave har jeg valgt at lave fordi jeg gerne vil vise så meget som muligt indenfor billede

Læs mere

Workflow REDEGØRELSE WORKFLOW OPGAVE WHO WOULD YOU SMACK FOR A NEW RECORD?

Workflow REDEGØRELSE WORKFLOW OPGAVE WHO WOULD YOU SMACK FOR A NEW RECORD? REDEGØRELSE WORKFLOW OPGAVE WHO WOULD YOU SMACK FOR A NEW RECORD? Forord Spil har altid været en stor del af mit liv, og har altid spillet meget Playstation, siden jeg var helt lille. Eftersom jeg blev

Læs mere

grafisk design grafisk sign Jeppe Nedergaard

grafisk design grafisk sign Jeppe Nedergaard grafisk d sign Jeppe Nedergaard 1 faglighed... case... logo + hjemmeside kunde... sønderborg skatehal programmer.. illustrator + indesign + dreamweaver doku menta tion opgaven En af mine gode kammerater,

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

Dokumentation. Grafisk Produktion & Workflow. OPGAVEN: Denne opgave er fiktiv, og den samme som jeg har beskrevet i kernefagligheden grafisk design

Dokumentation. Grafisk Produktion & Workflow. OPGAVEN: Denne opgave er fiktiv, og den samme som jeg har beskrevet i kernefagligheden grafisk design Dokumentation OPGAVEN: Denne opgave er fiktiv, og den samme som jeg har beskrevet i kernefagligheden grafisk design PROGRAMVALG: illustrator CS5 og Dreamweaver CS5 FORMAT: 210 297 (A4) TEKNIKKER: Brainstorm

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

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

GRAFIK OG BILLEDE PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE

GRAFIK OG BILLEDE PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE GRAFIK OG BILLEDE PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE 04 INDHOLDSFORTEGNELSE Dokumentation 05 Clone Tool

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

GARA DESIGN MANUAL. På de følgende sider kan Agaras designmanual findes.

GARA DESIGN MANUAL. På de følgende sider kan Agaras designmanual findes. A GARA DESIGN MANUAL På de følgende sider kan Agaras designmanual findes. elementer der er skabt. Ved hjælp af designmanualen er det muligt at videreudvikle designet til Agara og stadig holde sig indenfor

Læs mere

Galleri modul. Side 1 af 18

Galleri modul. Side 1 af 18 Galleri modul Side 1 af 18 Indholdsfortegnelse Indholdsfortegnelse... 2 Installation... 3 Oprette menupunkt... 5 Kategoriseret menupunkt (Avanceret)... 6 Opsætning... 9 Generel opsætning... 10 Opsætning

Læs mere

DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3

DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3 TYPO3 manual DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3 Det første afsnit, Introduktion til systemet, giver et hurtigt overblik over mulighederne.

Læs mere

3 // Grafik og billedebehandling

3 // Grafik og billedebehandling // Grafik og billedebehandling Opgaven Denne opgave er en fiktiv opgave, hvor jeg retoucherer en»selfie«af en pige der sidder med sine høretelefoner. Jeg ville bl.a. lave ansigtet lidt»renere«i sit udtryk

Læs mere