Grafisk design 20 21
|
|
- Birgit Marcussen
- 8 år siden
- Visninger:
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) me@millenniumbureau.dk Michael Engdahl / Kreativ Chef Tlf.: (+45) me@millenniumbureau.dk Michael Engdahl / Kreativ Chef Tlf.: (+45) me@millenniumbureau.dk 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,
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 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 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 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 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 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 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 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 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 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 mereportfolio 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 mereELEMENTER 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 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 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 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. 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 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 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 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 mereNY 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 mereSabine 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 mereMÅ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 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 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 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 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 mereMark 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 mereDokumentation. 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 merePROJEKTET 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 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 mere1 // 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 mereGRAFISK 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 mereGRAFISK DESIGN CAMILLA VINTER
GRAFISK DESIGN CAMILLA VINTER OPGAVEBESKRIVELSE (Fiktiv) Jeg har valgt at lave en ny visuel identitet for Tv-programmet KURS MOD FJERNE KYSTER. I programmet følger du Mikkel Beha s og resten hans familie,
Læs mereMichella+Serritzlew+Jacobsen+
Designmanual+ Afsluttende+projekt+1.+Semester++ Michella+Serritzlew+Jacobsen+ CopenhagenBusinessAcademy 1.Semester MichellaSerritzlewJacobsen MULB Indholdsfortegnelse PBS...3 WBS...3 Brainstorm...4 Wireframes...5
Læs mereGRAFISK 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 mereMålgruppe Mænd og kvinder i alderen 30 til 60 år, som er interesret i selvudvikling og ønsker et sundt arbejds- og privat liv.
Grafisk Design Kunden Mindfullife er en forskningsinvolveret undervisnings- og uddannelsesvirksomhed indenfor mindfulness-baseret intervention. De tilbyder kurser, retreats og uddannelse centreret omkring
Læs mereGRAFISK DESIGN DOTHOST HJEMMESIDE
DOTHOST HJEMMESIDE Opgavebeskrivelse Gammelt design Nyt design Dothost er et nyopkøbt firma af ATZnet. Jeg blev ansat til at lave et redesign af siden og få det mere nutidigt og troværdigt. Jeg har igennem
Læs mereGrafisk design. sundfertilitet.dk
Grafisk design sundfertilitet.dk Sundfertilitet.dk er en klinik, der behandler mænd og kvinder til bedre fertilitet. Min opgave var at redesigne deres hjemmeside samt lave et logo til sundfertilitet.dk.
Læs mereGrafisk workflow 3. Hovedforløb
Grafisk workflow 3. Hovedforløb 3. Hovedforløb Grafisk workflow Dreamweaver Opgavebeskrivelse Højbakkegaard har brug for en hjemmeside, som kan vise hvad gården har at byde på, deres unikke vine og faciliteter
Læs merePortfolio - 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 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 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 mereHer ses et screenshot af websitet solsystemet i menuen Merkur. Baggrundsbillede skal være static så resten af siden skal man scrolle ned for at se.
Solsystemet lavet af Jesper Kjær Webintegrator i Kastrup Tekniske Skole Grundforløbsprøve 2014 Opgave: Vores solsystem Onsdag 23 april til onsdag 7 maj Her ses et screenshot af websitet solsystemet i menuen
Læs mereGrafisk Design. rafisk Design
rafisk Design Svendeprøve 2016 Opgaven I forbindelse med at ReklameTryk ville lancere en webshop skulle vores hjemmeside opdateres. Den skulle fremstå enkelt, lys og nem at navigere rundt på og samtidig
Læs mereEfterlyst! 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 mereMarc Creutzberg aarhusportalen AARHUSTECH 19/06 2012
Marc Creutzberg aarhusportalen AARHUSTECH 19/06 2012 1 Marc Creutzberg aarhusportalen AARHUSTECH 19/06 2012 Indhold Projekt Beskrivelse... 3 Temaer... 3 Afsender... 4 Budskab & Kommunikations formål...
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 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 mereProjekt-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 mereGrafisk Workflow. hovedforløb 2
Grafisk Workflow hovedforløb 2 WORLD OF FURNITURE Forside.wrapper width: 95%; margin: 0 auto; box-shadow: 0px 0px 25px #888888; Image slider carousel 5 sekunder .button span.button span:after.button:hover
Læs mereGRAFISK 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 mereGRAFISK 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 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 mereStilen 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 mereEksamen. 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 mereGRAFISK 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 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 mereGrafisk produktion og workflow
Grafisk produktion og workflow Helle Nicolaysen svendeprøve juni 2016 Kunde (fiktiv) Bomholt er en virksomhed der laver og sælger plankeborde og som nu ønsker en helhedsorienteret grafisk designlinje,
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 mereFORSTÅ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 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 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 - 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 mereSe 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 mereRoskildes tekniske gymnasium. Kulløse Mijlømesse. Afsluttende kom/it projekt
Roskildes tekniske gymnasium Kulløse Mijlømesse Afsluttende kom/it projekt Casper Hansen og Christian Hansen 26-04-2009 Indhold Indledning... 3 Planlægning... 3 Overvejelser... 3 Hvordan man kommer til
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 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 mere1. Semester afsluttende Projekt Charlotte Bruhn MUL A December Januar 2015
1. Semester afsluttende Projekt Charlotte Bruhn MUL A December 2014 - Januar 2015 Redesign af online portfolio www.cbruhn.dk Side 1 Indholdsfortegnelse Formål 3 Planlægning 4 Designvalg 5 Moodboard 6 Informationsarkitektur
Læs mereGrafisk 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 mereCOPENHAGEN. Opgaven. Kunden. Målgruppe. Layout 1. GRAFISK DESIGN // METTE-MARIE RANDSKOV
COPENHAGEN Opgaven Kunden The Organic Bakery er en voksende bagerkæde i Storkøbenhavn med hovedsæde på Østerbro. Bageriet beskæftiger sig med økologisk bagværk, herunder brød og kager. Det, de er mest
Læs mereGRAFISK DESIGN. webdesign af pl.dk
Webdesign af pl.dk Opgavebeskrivelse Bold.dk og 6 eren har slået sig sammen for at skabe Danmarks største Premier League fodboldportal, PL.dk. Hjemmesiden skal indeholde mange informationer, og samtidig
Læs mereDesignmanual 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 mereGrafisk 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 mereEksamensopgave 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 mereWORK- 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 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 mereGrafisk 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 mereGrafisk produktionsforståelse
04 Grafisk produktionsforståelse Design og koding af steentrae.dk 24 Svendeprøveportfolio Steentrae.dk Responsivt website med CMS I forlængelse af min Grafisk design-del, har jeg her valgt at fokusere
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 Design. Svendeprøve Portfolio Anja Jelstrup Jensen, Kailow
Grafisk Design Svendeprøve Portfolio Anja Jelstrup Jensen, Kailow Gammelt layout Nyt layout 6 Grafisk Design Kunden Mindfullife er en forskningsinvolveret uddannelsesvirksomhed indenfor mindfulness-baseret
Læs mereFor 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 mereGRA 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 mereMediegrafiker Dan Klessen 2011. Grafik og billedbehandling
Grafik og billedbehandling Grafik og billedbehandling I denne opgave inden for billedredigering, viser jeg før og efter billede, hvilke værktøjer jeg har brugt og hvad billedet skal bruges til. Billedet
Læs mereGRAFISK 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 mereGrafisk 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 mereGRAFISK WORKFLOW. Hjemmeside design til Chem-Tec Plating
GRAFISK WORKFLOW Hjemmeside design til Chem-Tec Plating REDEGØRELSE Hvad går opgaven ud på Virksomheden Chem-Tec Plating, som specialisere sig i metallisk overfladebehandling, havde været igennem et generationsskiftet
Læs mereDOKUMENTATION 1. HOVEDFORLØB
DOKUMENTATION 1. HOVEDFORLØB GRAFISK DESIGN Design af tørklæde til sportsklub. Skal bruges som reklame og salg til klubbbens medlemmer og fans. Design Rentegning af logo Grafik Klargørin af grafik til
Læs mereMartin 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 mereGrafisk 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 mereGrafik & 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 mereDenne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, http://www.technofil.dk. Der refereres fra nu af blot
Denne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, http://www.technofil.dk. Der refereres fra nu af blot til hjemmesiden. Mine indledende tanker bag hjemmesiden
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 mereportfolio 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 merePROGRAM VALG: InDesign CC Illustrator CC Photoshop CC Dreamweaver CC
grafisk design WITTH AIRLINES KUNDEN: Kunden Carl Witth har etableret et rejseselskab, med rejser til lave priser. Witth Airlines er et selskab der flyver til de fleste hovedstæder samt storbyer til en
Læs mereDokumentation. 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 mereMONIQUE BOOTS-NIELSEN / GRAFIKER
SIZE 34-54 2014 AUTUMN COLLECTION shop online bonaparte.dk MONIQUE BOOTS-NIELSEN / GRAFIKER Grafisk Design Grafik & Billedbehandling Typografi & Ombrydnig Grafisk produktion & Workflow Et magasin om knogleskørhed,
Læs mereByg 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