G F W F G R A F I S K W O R K F L O W N I K O L A J V A N G K I L D E M E D I E G R A F I K E R S V E N D E P R Ø V E
|
|
- Robert Bagge
- 8 år siden
- Visninger:
Transkript
1 G F W F G R A F I S K W O R K F L O W N I K O L A J V A N G K I L D E M E D I E G R A F I K E R S V E N D E P R Ø V E
2 O P G A V E B E S K R I V E L S E Et redesign af hummels website. Det gamle website gjorde meget brug af farverige teksturer, baggrunde bannere osv. Der var et ønske om et mere moderne, enkelt og strømlinet website. Der skulle kodes både en desktop- og en mobilversion af sitet. Der skulle desuden lægges op til en webshop-del af sitet samt en kontaktformular. 1
3 T I D S P L A N Som indledning lavede jeg en tidsplan over hele projektet. Ved at disponere min tid på forhånd, skabte jeg en god arbejdsstruktur for mig selv, så jeg havde et overblik over, hvilke ting jeg skulle nå, i hvilken rækkefølge det var mest hensigtsmæssigt at gøre det samt hvor lang tid de enkelte ting gerne skulle tage. På den måde kunne jeg også løbende se, om jeg holdte tidsplanen, eller om jeg var bagud. Dag 1 Dag 2 Dag 3 Dag 4 Dag 5 Dag 6 Dag 7 Dag 8 Dag 9 Dag 10 Indledning og opgavebeskrivelse Inspiration Brainstorm Skitser Indsamling af billeder og tekst 2 Typografi Grafikoptimering Mockup Flowchart Skelet Storyboard Kodning Kontaktformular Google analytics Browsertest SEO-optimering Upload
4 I N S P I R A T I O N Jeg har hentet inspiration fra andre websites, som på den ene eller den anden måde har noget til fælles med hummel. Jeg har kigget på websites med indhold, der er præget af ting som sneakers, sportstøj og børnetøj, da det er de ting, hummel selv laver og sælger. Den tendens jeg personligt bider mærke i, er sites der har en smal bred navigationsbar og et eller flere meget markante topbannere på sitets indexside. Især på sites med webshop virker det som en god måde at fange den besøgendes opmærksomhed, så personen klikker sig ind på nogle givne produkter. 3
5 S K I T S E R Efter at have researchet og fundet nogle websites til inspiration tegnede jeg nogle forskellige bud på, hvordan det nye hummel-website kunne se ud. Jeg havde fokus på nogle af de observationer, jeg havde gjort mig i inspirationsfasen især de markante topbannere var et element, jeg vægtede højt. 4
6 I N D E X F L O W C H A R T Mit flowchart viser sitets opbygning. Det er et overskueligt værktøj til at vise, hvilke undersider man kan tilgå hvorfra, og en programmør kan derfor bruge det til at kode sitet med korrekte links mellem siderne. P R O D U K T E R K O N T A K T O S F I N D O S T A K T A K _ N Y H E D S B R E V 5 I N T E R N T L I N K D R O P D O W N D Ø D T L I N K S P O R T T R A I N I N G F O O T W E A R L I F E S T Y L E
7 D E S K T O P WIDTH: 100% HEIGHT: 100PX Lorem ipsum dolor sit MIN-HEIGHT: 50PX MARGIN-BOTTOM: 19PX MENU 1 MENU 2 MENU 3 MENU 4 HEIGHT: 40PX MAX-WIDTH: 1024PX 30PX S K E L E T I 15PX HEIGHT: AUTO Skelettet er endnu et værktøj til en programmør, der potentielt set skal kode sitet. HEIGHT: 250PX Det er en form for skabelon, der med nøjagtige mål og betegnelser viser, hvor på sitet de forskellige elementer skal placeres. Bredder, højder, marginer osv. er alle defineret med pixels, så programmøren har helt konkrete data at arbejde med. WIDTH: 330PX Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt 35PX HEIGHT: AUTO Her er desktop-udgaven af skelettet. Lorem ipsum dolor sit MIN-HEIGHT: 30PX 6 WIDTH: 480PX Lorem ipsum dolor sit HEIGHT: 50PX
8 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt Lorem ipsum dolor sit MIN-HEIGHT: 30PX M O B I L WIDTH: 480PX Lorem ipsum dolor sit HEIGHT: 50PX HEIGHT: 122PX MENU 1 MENU 2 MENU 3 MENU 4 HEIGHT: 50PX HEIGHT: 165PX MARGIN-TOP: 10PX S K E L E T I I HEIGHT: 165PX MARGIN: 1% 0 1% 1.6% Udover desktop-udgaven, har jeg også lavet et skelet over mobil-udgaven af sitet. HEIGHT: 165PX MARGIN: 1% 0 1% 1.6% HEIGHT: 165PX MARGIN: 1% 0 1% 1.6% Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt HEIGHT: AUTO MARGIN-TOP: 20PX PADDING-LEFT: 10PX PADDING-RIGHT: 10PX Lorem ipsum dolor sit MIN-HEIGHT: 30PX 7
9 S T O R Y B O A R D Storyboardet er også et værktøj til at kode sitet. Det er et mere visuelt og knap så teknisk værktøj som f.eks. skelettet, men det viser i billeder hvor de forskellige fotos og grafikker skal placeres på sitet. Sammen med flowchart og skelet er storyboardet et meget nyttigt værktøj i kodningen af sitet. indkoebskurv.svg hummel.svg index.html produkter (dropdown) sport.html lifestyle.html footwear.html training.html kontakt.html find_os.html (dødt link) sport.jpeg sport.html lifestyle.jpeg lifestyle.html footwear.jpeg footwear.html training.jpeg training.html nyhedsbrev 8 footer-cards.png
10 G R A F I K O P T I M E R I N G Alle billeder har været gennem Photoshop, hvorfra de er gemt via programmets Save For Web-funktion, der minimerer billedfilers størrelse med et minimalt tab af kvalitet. Vectorfiler såsom hummel-logoet er gemt som SVG-filer, som er et skalerbart vectorformat, så samme fil på sigt kan genbruges i flere formater, hvis det skulle blive nødvendigt. Desuden fylder SVG-filer meget lidt. Jo mindre de filer, der skal loades på sitet, er, jo hurtigere loader sitet, hvilket skaber den bedst mulige brugeroplevelse. 9
11 K O D N I N G Kodningen af sitet er foretaget i programmet Brackets. Brackets har intet live preview af det site, man arbejder på, men det har et enormt overskueligt interface, og giver et rigtig godt overblik over koden bl.a. pga. de farver, programmet arbejder med, som gør det let at skelne forskellige typer kode fra hinanden. 10
12 S A F A R I B R O W S E R T E S T Nogle html-koder kan opføre sig forskelligt fra browser til browser. Derfor har jeg testet mit site i tre forskellige browsere: Safari, Google Chrome og Firefox. Da sitet ser ens ud i de tre browsere, har jeg vurderet dets kompatibilitet til at være tilfredsstillende. Jeg har testet i de tre browseres nyeste versioner. C H R O M E 11 F I R E F O X
13 D E S C R I P T I O N K E Y W O R D S S E O - O P T I M E R I N G T I T L E S R O B O T S For at søgemaskineoptimere sitet har jeg arbejdet med følgende metoder: Description (beskrivelse af hver side på sitet) Keywords (nøgleord der beskriver hver sides indhold) Titles (hver side på sitet får en titel) Robots (gør sitet synligt på Google) Semantik (brug af semantiske html-elementer) S E M A N T I K 12
14 G O O G L E A N A L Y T I C S Google Analytics genererer statistik om trafik på websites. Ved at anvende Google Analytics på websitet kan man løbende analysere besøgendes adfær på sitet, så man har konkrete data til at forbedre og vedligeholde sitet. Især på et site med webshop er det vigtigt at lave analyser på, hvad der giver besøgende på sitet den bedst mulige oplevelse, så der genereres størst mulig salg pr. besøgende. 13
15 U P L O A D Websitet er uploadet til mit eget domæne via FileZilla Client, som er et open source FTP-program. Med det færdige projekt organiseret i en god mappestruktur, kan hele sitet uploades nemt ved blot at trække sitets hovedmappe ind på det domæne, man er logget på via FileZilla-klienten. 14
16 V A L I D E R I N G Til slut er sitet valideret via W3C s valideringsservice. Den fandt lidt småfejl, som er rettet til, så sitet kunne gennemgå et tjek uden fejl. 15
17 K V A L I T E T S - V U R D E R I N G Jeg er rigtig godt tilfreds med sitet. Jeg beskæftiger mig ikke med webdesign til dagligt, så det har været en spændende udfordring, og jeg synes, jeg har rykket mine kompetencer inden for faget i en positiv retning i løbet af projektet. W W W. N I K O L A J V A N G K I L D E. D K / H U M M E L Baseret på mit eget niveau har sværhedsgraden været høj, og derfor er jeg rigtig glad for, at jeg synes, jeg har fået lavet et pænt og velfungerende site. Det har desuden hjulpet mig rigtig meget at strukturere projektet så grundigt fra begyndelsen. 16
Mennesket bruger et tilbud i et forsøg på at forstå og navigere i, hvad der vil ske når en beslutning tages. Et tilbud vil som udgangspunkt være et
Mennesket bruger et tilbud i et forsøg på at forstå og navigere i, hvad der vil ske når en beslutning tages. Et tilbud vil som udgangspunkt være et forsøg på at sikre sig mod tab! Det effektive tilbud
Læs mereVejen til effektiv tilbudsteknik
Vejen til effektiv tilbudsteknik Opgaven( ( indhold Priser & Tidslinjen( Formål Beskriv kort, hvad tilbuddets formål er, og hvad kunden får ud af det, du tilbyder. Baggrund Det er sandsynligt, at andre
Læs merede fire grundelementer - samlet mærke baresso c offee
de fire grundelementer - samlet mærke baresso baresso c offee c offee baresso c offee baresso c offee de fire grundelementer - typografi og farver #44321B CMYK: 52,64,84,61 neuropol Century Gothic #309CD7
Læs mereDOKU- MEN- TATION TEK- NISK
TEK- NISK DOKU- MEN- TATION GRUPPE 21: AMALIE HOVGESEN- CLEA-MARIE FIND PALUDAN THERESE HASSE LARSEN - CECILIE POSS AMALIE LEONORA DAM - KASPER MUNK JENSEN : http://miex5619.keaweb.dk/seasight/ 1. MOCKUP
Læs mereJYSK GAS OG VVS TEKNIK APS
Designmanual til APS Udarbejdet Januar 2016 af Kristine D. Johannessen INDHOLDSFORTEGNELSE o3 o4 o5 o6 o7 o8 o9 Jysk Gas og VVS Teknik Logo Respektafstand Placering Størrelser Logo på billede Bomærke 1o
Læs merePORTFOLIO VICTOR CHRISTENSEN
PORTFOLIO VICTOR CHRISTENSEN BRAND IDENTITY Piperead: Piperead er en platform, som formidler og samler nyhedsbreve ét sted. Idéen er, at nyhedsbrevene skal kunne tilgås fra både mobil og desktop. P et
Læs mereBureauet Nyborg DESIGNguide 1. DESIGNguide
DESIGNguide 1 DESIGNguide DESIGNguide 2 Inhold INDHOLD 1.0 Introduktion 2.0 Grundelementer 2.1 Logoet 2.2 Logo varianter 2.3 Undgå 2.4 Respekafstande 2.5 Farvet 2.6 Typografi 2.7 Fotografi 2.8 Mønster
Læs mereINDHOLD. Erhvervsstyrelsen LAG-sekretariatet Netværkscentret Slotsgade 1 4800 Nykøbing F. 01. Introduktion. 02. Brevpapir. 03.
DESIGNMANUAL INDHOLD Erhvervsstyrelsen LAG-sekretariatet Netværkscentret Slotsgade 1 4800 Nykøbing F 01. Introduktion 02. Brevpapir 03. Visitkort Tlf.nr.: 41 71 78 30 E-mail: netvaerkscenter@mbbl.dk ISB-nr.
Læs mereStine Mo Stine Simonsen Trine Bauder Sofie Diemer
Gruppe 8 KEA MMD S15 Stine Mo Stine Simonsen Trine Bauder Sofie Diemer INDHOLDSFORTEGNELSE 1. LINK... 1 2. INDLEDNING... 2 2.1 OPGAVEFORMULERING... 2 2.2 AFGRÆNSNING... 2 2.3 METODE... 2 3. ANALYSE...
Læs mereINDHOLD. 01. Introduktion. Ministeriet for By, Bolig og Landdistrikter Netværkscentret Gammel Mønt 4, 2 1117 København K. 02. Brevpapir. 03.
DESIGNMANUAL INDHOLD Ministeriet for By, Bolig og Landdistrikter Netværkscentret Gammel Mønt 4, 2 1117 København K Telefon: 41 71 78 30 E-mail: netvaerkscenter@mbbl.dk ISB-nr. 978-87-7134-125-6 01. Introduktion
Læs mereInterface design. Arbejde med byggestenene: Fonte, Farver, Grafik, Video
Interface design Arbejde med byggestenene: Fonte, Farver, Grafik, Video Plan for idag... Hvad er rich content? Farver Fonte Billededitering Video embed (screencast) Flash embed Rich Content Macromedia
Læs mereRammearkitektur.dk. Marius Hartmann
Rammearkitektur.dk Marius Hartmann 20150225 Hvad er en Wiki? Hvad er mange Wiki'er? interwiki Hvad driver en Wiki? Hvad vil vi med en wiki? vi vil have kommunerne med til at udvikle rammearkitekturen,
Læs mereDESIGNGUIDE FOR NATURPARK LILLEBÆLT
DESIGNGUIDE 2016 DESIGNGUIDE FOR NATURPARK LILLEBÆLT Designguiden skal skabe en tydelig og let genkendelig visuel identitet for NATURPARK LILLEBÆLT, således at brandingen af NATURPARK LILLEBÆLT fremstår
Læs merePortfolio. Elektronisk portfolio findes på: www.my-graphic.dk. Sofie Jespersen August 2012 MEDIEGRAFIKER PORTFOLIO
Portfolio MEDIEGRAFIKER PORTFOLIO Sofie Jespersen August 2012 Elektronisk portfolio findes på: www.my-graphic.dk grafisk design grafisk design Opgaven Opgaven gik ud på at lave et redesign af Familiemåltider.dk
Læs mereDesignmanual November 2011
Designmanual November 2011 Indhold Intro Velkommen...Side 5 Om os...side 7 Guidelines Logo...Side 9 5. Element...Side 13 Spirer og Grønsmutter...Side 15 Farver...Side 17 Fonte...Side 19 Billeder...Side
Læs mereEt er søkort at forstå, et andet, skib at føre. Guidelines for udvikling af nyhedsgrafik.
Et er søkort at forstå, et andet, skib at føre. Guidelines for udvikling af nyhedsgrafik. ÉT STYKKE MED GRAFIK, TAK! MAX ONE SIZE DOES NOT FIT ALL På de følgende sider redegøres der for en række principper
Læs merePORTFOLIO HERVÉ LE GALLO
PORTFOLIO HERVÉ LE GALLO BRAND IDENTITY GRAPHIC DESIGN WEB DESIGN ANIMATION newsletter PHOTO LATEST PROJECT Science Museerne & Aarhus Botanical Garden LOGO BREVPAPIR/VISITKORT Bent Lorenzen Science Museerne
Læs mereEFTERSKOLERNES DAG 2017
EFTERSKOLERNES DAG 2017 Forberedt på mere indeholder betydningen - videre dannelse og videre uddannelse. Sande, præcise ord, men også en smule voksne. Bad vi en efterskoleelev om at sætte ord på det samme,
Læs mereStilretningslinjer for brandets identitet 2015
Stilretningslinjer for brandets identitet 2015 DA Billede: David Lliff EPP-Gruppen i Europa-Parlamentet 60 Rue Wiertz 1047 Brussels Belgium Redaktør Indholdsfortegnelse Indledning... 2 Grafisk sammenhæng...
Læs mereKapitel A til Grafisk design. ZebraSoft
Kapitel A til Grafisk design Kapitel A 2 Elektroniske blanketter Som du kan se i brochuren med printerlister, er der et hav af varianter i blanketter og formularer. Kunderne har forskellige behov/krav,
Læs mereSkilte og 3D. Grundelementer. Digitale media. Korrespondance. Side. Side Intro. Designmanualen er opdelt i fem hovedafsnit: Facadeskilte Beklædning
Designmanual Indhold Side Designmanualen er opdelt i fem hovedafsnit: A A1 A. Intro Indledning og baggrund. B. Grundelementer Beskrivelse og definering af grafiske grundelementer. C. Korrespondance Design
Læs mereGrafisk 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 mereGRAFISK 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 mereMit 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 mereTilbage til Indholdsfortegnelse. Designmanual. Horsens Kommune HORSENS KOMMUNE Designmanual 2018 Version 1.0 1
Designmanual Horsens Kommune 2018 HORSENS KOMMUNE Designmanual 2018 Version 1.0 1 Indholdsfortegnelse Side 3: Introduktion Side 4: Logo Side 8: Grafisk element Side 12: Typografi Side 15: Farver Side 17:
Læs mereGRAFISK 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 mereMX-3111U Digitalt Fuldfarve Multifunktionssystem
MX-3111U Digitalt Fuldfarve Multifunktionssystem print l kopi I scan I fax I arkiver Effektiv. Pladsbesparende. Økonomisk. Vi præsenterer hurtig og alsidig udskrivning i farver Det første valg til hurtig
Læs mereGRAFISK 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 mereDesignmanual. Version 2.0 Januar 2008
Designmanual Indhold Side Side Designmanualen er opdelt i seks hovedafsnit: A. Intro Indledning og baggrund. B. Grundelementer Beskrivelse og definering af grafiske grundelementer. C. Korrespondance Design
Læs mereGrafisk 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 meregrafisk workflow OPGAVE: EMBRACE-IT WEBSITE
grafisk workflow OPGAVE: EMBRACE-IT WEBSITE BESKRIVELSE GRAFISK WORKFLOW BESKRIVELSE Den tidligere nævnte virksomhed Embrace-IT, forsøger i takt med at virksomhen vokser, at opdatere og optimere deres
Læs mereMASTERPLAN. tstrø. m Ank. Kollegiehave. Idræ. MASTERPLAN for Tovværks- og Idrætsområdet i Esbjerg
MASTERPLAN Tr Top-Hotel Tr Træ op-hotel el Rapelli elliidrætsparkområdet og for Tovværks- og i Esbjerg kklatreområ latreområde råde oplæg 2012 Aktivi k i i januar etss e sti s ttii Rybner s Ryb r s s Gymna
Læs mereDesignportfolio - Mediegrafiker. ndersen. Designportfolio af: Patrick Andersen
ndersen Designportfolio af: Patrick Andersen Designportfolio - Mediegrafiker consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
Læs mereRough - visuel idéudvikling
1 Roskilde Universitetscenter, Institut for Kommunikation, journalistik og datalogi, PO.Box 260. 4000 Roskilde. (2002) Bruno Ingemann in Tekster skal ses! Nøgleord: Rough, udkast, struktur, billedbrug
Læs mereGRAFISK 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 mere5. 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 mereGRAFISK 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 mereDansk Socialrådgiverforening. Januar Notat om uacceptable forløb i børnesager
Dansk Socialrådgiverforening Januar 2015 Notat om uacceptable forløb i børnesager Forord Uacceptable forløb i børnesager skal undgås med ressourcer, faglighed og ordentlige vilkår for socialrådgivernes
Læs mereGrafisk design / Frederik Aaen / Portfolio H2 GRAFISK WORKFLOW
Grafisk design / Frederik Aaen / Portfolio H2 45 GRAFISK WORKFLOW FØR VI GÅR I GANG Opgavebeskrivelse En mindre virksomhed i Skanderborg ønsker en hjemmeside, som er simple at bruge samt vedligeholde.
Læs mereLaura 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 mereREDESIGN 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 mereDesign. manual. 4September 2014
Design manual 4September 2014 2 Fredensborg Kommune Designmanual 4 September 2014 Fredensborg Kommune Designmanual 4 September 2014 3 Indhold 3 Forord 5 Logo 6 Logo, varianter 7 Frikommune-logo 8 Farver,
Læs mereIndhold. 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 mereGrafisk 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 mereHvad er en Kommuneplan?
Forside Tema 1 Hvad er en Kommuneplan? Amet dignissim delenit nonummy illum dolore wisi in duis at, tincidunt wisi, duis elit, amet feugiat laoreet. Blandit nisl tincidunt nulla facilisi minim, velit nulla
Læs merePROJEKT 3, 1. SEM WEBSITE FROM CLIENT BRIEF
PROJEKT 3, 1. SEM WEBSITE FROM CLIENT BRIEF Links til portfolio Anna Emely Jensen Oliver Alexander Vedel Trojahn Maja Scheel Kvint Cecilie Sørensen http://www.annaemely.wordpress.com https://www.olivervedel.wordpress.com
Læs meregrafisk 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 meregrafisk 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 mereGRAFISK 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 mereGRAFISK 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 mereSådan strukturerer du et manuskript. Trin-for-trin guide
Sådan strukturerer du et manuskript Trin-for-trin guide Manuskriptets opbygning - generelt Et manuskript består af 3 dele: 1. Indledning 2. Selve talen/kroppen 3. Afslutning I alle tre hovedelementer gælder
Læs mereDesignmanual. Version 1.1
Designmanual Version 1.1 Aabenraa Kommunes grafiske design Denne designmanuals vigtigste opgave er at sikre, at borgerne oplever genkendelighed, når Aabenraa Kommune kommunikerer med omverdenen. Ud over
Læs mereWORKFLOW & 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 mereorienterer Hvidovre Ældreråd GRATIS FOR ALLE BORGERE OVER 60 ÅR I HVIDOVRE KOMMUNE MAGASIN... bare ta mig! Hvidovre Kommunes nye Sundhedscenter
Hvidovre Ældreråd orienterer FOR ALLE BORGERE OVER 60 ÅR I HVIDOVRE KOMMUNE GRATIS MAGASIN... bare ta mig! Hvidovre Kommunes nye Sundhedscenter Foto: Ebbe Forup 23. ÅRGANG NR. 3 SEPTEMBER 2018 SIDE 2 ÆLDRERÅDET
Læs mereBeskrivelse af proces fra bruger
Indhold Beskrivelse af proces fra bruger... 2 Beskrivelse af proces - fra koden... 6 0) Initialisering af proces... 7 1) Ansøgning oprettet (noteticket)... 8 2) Godkend nyt medlem (taskticket)... 9 3)
Læs mereTips og tricks Billeder Topfrise Topfrisen kan udskiftes. Topfrisen er knyttet til de enkelte mapper i strukturen. Ændres topfrisen, slår det igennem
Tips og tricks Billeder Topfrise Topfrisen kan udskiftes. Topfrisen er knyttet til de enkelte mapper i strukturen. Ændres topfrisen, slår det igennem i undermapperne. Info-ikon Høring H Ud for de enkelte
Læs mereGrafik & Billede weloveorganic.com webshop
Grafik & Billede weloveorganic.com webshop Opgaven og afsender: Weloveorganic.com er en forholdsvis ny virksomhed, der pånuværende tidspunkt udelukkende sælger økologisk tøj til kvinder. På længere sigt
Læs mereGRAFISK 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 mereGRAFISK WORKFLOW Hjemmesidedesign
GRAFISK WORKFLOW www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline Færdige produkt www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline Færdige produkt www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline
Læs mere#4 2013. På hovedet. 13 Beviset på din eksistens 8. Small Voices - Big Dreams. Jens og arven
#4 2013 På hovedet 13 Beviset på din eksistens 8 Small Voices - Big Dreams 16 Jens og arven 4 BØRNEfonden netop nu Q&A: CEO/Direktøren CHILDFUND ALLIANCE Stine Bosse er blevet udnævnt som næstformand i
Læs mereGRAFISK 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 mereGrafisk 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 mereOPGAVE: WELOVEORGANIC.COM WEBSHOP
OPGAVE: WELOVEORGANIC.COM WEBSHOP OPGAVEN OG AFSENDER: Weloveorganic.com er en forholdsvis ny virksomhed, der pånuværende tidspunkt udelukkende sælger økologisk tøj til kvinder. På længere sigt ønsker
Læs mereGRAFISK 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 mereGrafisk 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 mereGRAFISK 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 mereGRAFISK 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 mereGrafisk 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Økologisk spiseklub for hele familien
Oplæg til koncept Jeg har leget lidt med at føre ideen om en økologisk spiseklub i Odder en del videre. Jeg tror, der i tiden er et godt potentiale til at bygge noget mere op omkring økologisk sund mad,
Læs mereGRAFISK 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 mereGRAFISK 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 mereBanedanmarks logo. Minimumstørrelse. Symbolets størrelse og proportioner må ikke ændres. Symbolet har en fast placering under navnetrækket.
Banedanmarks logo Navnetræk Symbol Minimumstørrelse Bredde: 4,5 mm Designprogrammets bærende element er logoet. Logoet består af navnetrækket Banedanmark og af et symbol. Den grafiske opdeling i navnetrækket
Læs mereGRAFISK 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 mereProgramvalg Dreamweaver CC, html Photoshop CC 2015
Grafisk design Opgaven Opgaven er fiktiv. Denne hjemmeside skal ses som en lille appetitvækker. Hvad er Troldhede og hvad kan man finde i naturen, der er rundt om byen? Jeg har selv stået for design af
Læs mereweb 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 mereKT 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 mereAnnemette Laursen August 2016 PORTFOLIO
Annemette Laursen August 2016 PORTFOLIO Grafisk Design Indledning Opgaven Opgaven her er en layout opgave som er en del af en større opgave for Camilla Fredborg, ejer af Hair By Fredborg. Opgaven går ud
Læs merePortfolio - 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 mereKvalitetsmærke for tilgængelighed
Kvalitetsmærke for tilgængelighed DESIGNMANUAL FTA MARTS 2004 Redaktion: Ulla Kramer, sekretariatsleder Lars Nielsen, formand for FTA Niels-Henrik Larsen, Danmarks Turistråd Preben Aagaard Nielsen, Dansk
Læs mereGrafisk 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 mereSådan strukturerer du et essay. Trin-for-trin guide
Sådan strukturerer du et essay Trin-for-trin guide Essayets opbygning - generelt Et essay består overordnet af 3 dele: 1. Indledning 2. Indhold/krop 3. Afslutning I essayet reflekterer du over emnets forskellige
Læs mereGRAFISK 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 mereAjos visuel identitet. Designguide
Ajos visuel identitet Designguide Version 1.2 2012 Designguide Indhold 2 Forord Side 3 Grundelementer Logo 4 Logofrizone 5 Farver 6 Typografi 7 Grafisk elementer 8 Formater 9 Brand billedbehandling 10
Læs mere1. 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 mereDenne designmanual indeholder de grafiske værktøjer og retningslinier for profileringen af SuperBest som Hele Danmarks fødevaremarked.
Indhold Forord Scandinavian DesignLab... 2 SuperBest's nye logo... 3 Primært logo... 4 Primært logo Varianter og Sekundært logo... 5 Farvepalet... 6 Typografi... 7 Primært logo Skiltning... 8 Sekundært
Læs mereGrafisk 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 mereOPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner.
GRAFISK DESIGN OPGAVEN Min kæreste er medstifter af en vinloge. Medlemmerne af logen kunne godt tænke sig et sted, hvor de bl.a. kunne få et overblik over, hvilke vine de har bedømt og hvornår næste loge
Læs mereDesign. manual. 5Juli 2015
Design manual 5Juli 2015 2 Fredensborg Kommune Designmanual 5 Juli 2015 Fredensborg Kommune Designmanual 5 Juli 2015 3 Indhold 3 Forord 5 Logo 6 Logo, varianter 7 Frikommune-logo 8 Farver, primære 9 Farver,
Læs mereHjemmesideoptimering/synlighed
Hjemmesideoptimering/synlighed Søgemaskineoptimering/webdesign To sider af samme sag Søgemaskineoptimering/webdesign Hvad vil det sige at optimere for søgemaskiner? Søgemaskineoptimering handler ikke længere
Læs mereREKLAME- OG WEBBUREAU
REKLAME- OG WEBBUREAU Hjemmesider Webshops SoMe Sociale medier til f.eks. Facebook og LinkedIn Søgemaskineoptimering AdWords Nyhedsbreve Grafisk design Logo Visitkort Brochure Messestande og displays Foto-
Læs mereProdukt. 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 mereGRAFISK 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 mereGrafisk Design Louise Schibbye Pedersen Mediegrafiker Svendeprøve 2016
Grafisk Design Louise Schibbye Pedersen Mediegrafiker Svendeprøve 2016 GRAFISK DESIGN PROCES Opgaven Jeg designer og laver mine egne plakater i min fritid både illustrationer, manuelt grafik og fotografier
Læs mereCorporate Identity Toolbox 1.0
Corporate Identity Toolbox 1.0 Corporate Identity Toolbox 1.0 1. Introduction 1.1 About this document 1.2 About Jobindex 2. Logotype 2.1 Jobindex Logotype & J Logo 2.2 Jobindex Logotype for screen 2.3
Læs mereDET DANSKE SPEJDERKORPS DESIGNGUIDE
DET DANSKE SPEJDERKORPS DESIGNGUIDE Side 2 / Det danske spejderkorps / INDTRODUKTION Visuel identitet til DET DANSKE SPEJDERKORPS Det Danske Spejderkorps visuelle identitet udtrykker kammeratskab, ansvar,
Læs mere