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



Relaterede dokumenter
Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed

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

Mit grafiske workflow inkluderer:

GRAFISK WORKFLOW. Layout Layout af hjemmesiden laves i Photoshop og siderne inddeles i mapper for bedre overblik.

Laura Svendsen Kernekompetencer GRAFISK WORKFLOW

Grafisk workflow. website til duckhead music

GRAFISK WORKFLOW Hjemmesidedesign

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

REDESIGN AF GRAFISK FORUMS HJEMMESIDE. Grafisk Workflow

KT OR LOW PRODUKTION // WORKFLOW

GRAFISK WORKFLOW Hjemmeside - Husk hjelmen.

web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet.

GRAFISK WORKFLOW GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM

Grafisk Workflow. Endeligt layout. Om mig. Forside. Portfolio

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

1. Hovedforløb. Mediegrafiker

GRAFISK WORKFLOW H1 MARIA SCHELDE

GRAFISK WORKFLOW GRAFISK WORKFLOW

portfolio GRAFISK WORKFLOW

Grafisk workflow. Maria Clausen Svendeportfolio Grafisk workflow

FORSTÅELSE FOR GRAFISK PRODUKTION OG WORKFLOW

GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2.

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

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT

grafisk workflow Madmagasinet

GRAFISK PRODUKTION & WORKFLOW. Endotest website

Produkt. Index side GRAFISK DESIGN

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

Grafik & Billede weloveorganic.com webshop

portfolio GRAFISK WORKFLOW

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2

Opgaven. Væsentlighed. Problemstillinger. Browserkompabilitet. Layout. Kvalitetsvurdering. Format. Processer. Komposition og modulopbygning

Grafisk Design. fra idé til visuelt udtryk Benett

Mark André Lyhne. Eksamen web1b

Eksamen. Jonas Langhoff Nielsen Web01b

Portfolio - Grafisk Workflow

GRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY

GRAFISK WORKFLOW. 1 Grafisk workflow

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb

Nyhedsbrev april: spørgeskemaundersøgelse

OPGAVE: WELOVEORGANIC.COM WEBSHOP

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

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

HHBR. Design. Kvalitets vurdering. Opgaven. Målgruppe og Budskab. De Grafiske valg

GRAFISK WORKFLOW - RESPONSIV WEBSIDE

WORKFLOW & PRODUKTION

workflow Programmer: Om opgaven: Kvalitetsvurdering: Afsender: Modtager: Cathrine Laulund Web: Dreamweaver Billedbehandling: Photoshop

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

Martin Møller Web1b Tirsdag den 19 juni 2012

Marc Creutzberg aarhusportalen AARHUSTECH 19/

Dokumentation. Karen-Louise Fejerskov

grafisk workflow Frank winding

GRAFISK WORKFLOW. Proces. Kodning. Fonts:

Grafisk workflow. Se siden her:

Programvalg Dreamweaver CC, html Photoshop CC 2015

GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL

GRAFISK PRODUKTIONSFORSTÅELSE

Byg et website med Dreamweaver

WORKFLOW. RESPONSIV HJEMMESIDE MED ET FARVETWIST Hjemmesidedesign og udvikling.

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

Grafisk produktion & workflow

GRAFISK DESIGN. Min personlige e-portfolio

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT

Multimediedesign på CPH-Business URL: Eksamensopgave. Redesign af Portefølje. Grace Grigoria Tsatsaris

GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1

Hvordan den kunsthistoriske arv spiller ind på samtidskunsten LAKE OF FIRE. En lærerguide klasse

KODNING AF RESPONSIV DESIGN

PORTFOLIO TYPOGRAFI & OMBRYDNING

grafisk workflow OPGAVE: EMBRACE-IT WEBSITE

Portfolio - sunestenild.dk

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

Grafisk. Workflow. Side 1

WORK- FLOW PLATFORM WEBSITE H2

WORKFLOW & GRAFISK PRODUKTION

CSS fortsat: Boksmodel, floating & positionering

Grafisk Design. rafisk Design

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet

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

Grafisk Workflow. hovedforløb 2

Grafisk workflow. bl.udbudsnet.dk

Sabine Puk Sørensen Svendeprøve portfolio

Gruppe: 2 Hold: MulB Årgang 2013 Lærere: Merete Geldermann Lützen & Jesper Hinchely

det færdige resultat

Roskildes tekniske gymnasium. Kulløse Mijlømesse. Afsluttende kom/it projekt

Undervisning på J.F. Willumsens Museum 2013

OPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner.

Grafisk produktion og workflow

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

Grafisk Design Louise Schibbye Pedersen Mediegrafiker Svendeprøve 2016

Opgavebeskrivelse. Opgaveløsningen

H2 Portfolio. Patrick Lindholm-Andersen

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation

Oversigt HTML5 nye tags til sideopbygning

Eksamensopgave Aarhusportalen. Melissa Emilie

PROGRAM VALG: InDesign CC Illustrator CC Photoshop CC Dreamweaver CC

Rune Elgaard Mortensen

Transkript:

Grafisk 1 Opgaven At fremstille en hjemmeside, til en bog om stilhistorie i forbindelse med et skoleprojekt. Hjemmesiden er en fiktiv side for et kunstmuseum med 1 forside og 2 underliggende sider. De resterende links er fiktive og lavet for at vise en mere troværdig hjemmeside. Målgruppen At designe en hjemmeside for folk med interesse for moderne og samtidsorienteret kunst. En hjemmeside der både er informativ og lettilgængelig, så også de mindre erfarne kunstinteresserede kan være med. Siden skal være simpel og have et mere kunstnerisk udtryk fremfor et kommercielt udtryk. Kvalitet Jeg har en mappestruktur der gør det nemt at holde styr på siden under dens opbygning og gør det mere overskueligt, hvis der undervejs skulle opstå problemer. Fotografierne er redigeret i Photoshop og gemt som JPEG, fotografierne er af forskellige kunstværker og dets skaber. Derudover har jeg lavet en illustration af et kunstværk og et portræt af en kunstner, begge elementer er tegnet i Illustrator. Brugervenlighed Komposition og layout Siden måler 950 pixel i bredden og 650 Hjemmesiden er lavet ud fra en template, fordi pixel i længden, dog er der overflow på, index-siden og de underliggende sider er hvilket vil sige at steder, hvor der er mere ens, det giver en mere ensartethed og gøre indhold udvider wrapperen sig derefter. Formatet processen nemmere. Placeringen af de for- passer godt til de fleste computere og skellige elementer er opbygget ved brug af er let at manøvre i. bokse. Det fotografiske og grafiske arbejde er lavet i Photoshop og Illustrator, og optimeret Programvalg til web via save for web and devi- Word Tekstredigering og stylesheet. ces ved at indstille de forskellige elementer Photoshop Billedredigering, visuel til den ønskede filtype. Tekst og billeder er opbygning og slicing. placeret side om side, fordi tekst og billede Illustrator Skelet, illustrationer og hører sammen. tegninger. Dreamweaver Opbygning af HTML og CSS koder, og upload af hjemmeside. Kvalitetsvurdering Arbejdsproces Hjemmesiden har en enkelt og informativ Brainstorm brugerflade, hvilket gør den lidt tunge tekst Idéudvikling lettere tilgængelig og passer godt til det sideløbende Tidsplan bogprojekt. Hvis jeg skulle lave Flowchart noget om i dag ville nok udfordre mig selv Skelet mere og bruge mere af min nuværende viden Stylesheet om jquery og skalerbar design re- Storyboard sponsive. Billedbehandling Illustrationer i Illustrator Opsætning i Dreamweaver Uploade til server Teste alt igennem igen i forskellige browsere

Grafisk 2 Aktivitets Opgaver Dag ma ti on to fr lø sø P = Planlagt F = Forbrugt Webprojekt Projektbeskrivelse Målgruppe Tidsplan Ideudvikling Flowchart Storyboard Skelet Billedredigering og slice Programmering i Dreamweaver Programmering og test af hjemmeside Uploading og test af hjemmeside I alt I alt Uge 17 planlagt opgave i alt Forbrugt opgave i alt Tidsplan F 1 1 F 1 1 P 2 2 P 4 4 F 4 4 P 2 2 P 0,5 0,5 F 0,5 0,5 P 2 2 P 3 3 F 4 4 P 2 7 9 F 8 8 F 1 1 P 0 6,5 7 7 2 0 0 26,5 F 0 6,5 6 8 3 0 0 27,5

Grafisk 3 Flowchart Index Vincent Marcel Warhol Eliasson Vuckovic

Grafisk 4 mål i px 950 Skelet til template 20 60 150x30 logoboks 110 40 301 301 86 160 tekstboks 102 325 325 billedboks 325 linkboks min. 550 400 60 adresseboks 30 420 20 255 logoboks 42

Grafisk 5 mediegrafiker-ats.dk/12gf32med8b/stil/david/ Her på kunsten123 vil jeg komme med mit bud på, hvilke kunstnere der har haft størst betydning indenfor den moderne kunst, stilarter og kunstforståelse. Vincent Van Gogh indenfor maleriet dets udtryk og Marcel Duchamps indenfor konceptkunst. De to kunstnere har begge haft stor betydning for hver deres stilperiode. Van Gogh blev dog aldrig anerkendt for sin store betydning for maleriet og dets udtryk før efter sin død. Marcel Duchamp oplevede at blive afvist fra kunstudstillinger for derefter at blive ydmyget, fordi han stillede spørgsmålet ingen havde stillet før. >>HVAD ER KUNST<< Van Gogh Duchamp Warhol Eliasson Vuckovic AARHUS KUNSTHAL AARHUSVEJ 1 8000 AARHUS C +45 45 45 45 45 MAIL@MAIL.DK

Grafisk 6 mediegrafiker-ats.dk/12gf32med8b/stil/david/page/marcel.html Vincent Willem Van Gogh (30. marts 1853 29. juli 1890) var en hollandsk maler. Han er en af de mest betydningsfulde kunstnere i europæisk kunsthistorie. Hans 900 malerier og 1100 tegninger blev til på 10 år, Han studerede i Antwerpen. I 1886 rejste han til Paris for at fortsætte studierne. I Paris stiftede han bekendtskab med impressionisten Paul Gauguin. Efter to år i Paris tog han til Arles, hvor han malede sine kendteste landskaber og portrætter. Han led af maniodepressiv psykose og levede det meste af sit liv i ensomhed, dog havde han i perioder et nært venskabet til Gauguin. Van Gogh skød sig selv i en sindssyg tilstand. Han udtalte på et tidligere tidspunkt >> At dø er hårdt, men at være levende er endnu hårdere.<< Van Gogh Duchamp Warhol Eliasson Vuckovic Marcel Duchamp (28. juli 1887 2. oktober 1968) var en fransk billedkunstner Ducham var maler og konceptkunstner. Duchamps værker kendetegner sig ved humor, sort og ualmindelige brug af sine medier, og dens uophørlige sondering af grænserne for kunst. Hans arv omfatter at kunst kan være om ideer i stedet for verdslige ting og revolutionerende begreber, der ville give genlyd med senere generationer af kunstnere. >>Min idé var at vælge et objekt, der ikke ville tiltrække mig, enten ved dets skønhed eller ved sin grimhed. For at finde et punkt af ligegyldighed, når jeg ser på det, du ser på<< Marcel Duchamp startede som maler og eksperimenterede med fotografiet, før han lavede sine første readymades. Van Gogh Duchamp Warhol Eliasson Vuckovic Det påstås stadig, at Vincent skar sit øre af, men nye oplysninger tyder på, at det var i et skænderi med netop Gauguin, og at Gauguin skar øret af ved et uheld. Gauguin rejste kort tid efter væk. Og en af hans få venner var væk. Manglen på accept, anerkendelse og forståelse kombineret med sygdom, betød at han reagerede ved voldsomme og selvdestruktive vredesudbrud og flere gange endte, i vold med sig selv og andre. Ekspressionismens fader Van Gogh var på mange måder for egangsmand for den moderne kunst, Vincent var den første til, at udtrykke sine følelser igennem kunsten. Og det var ikke et kønt syn for de >>bevidste<< kunstkritikere, deres forståelse for, hvad kunst var. Kunsten på den tid var en mere naturalistisk stil og forestillede ofte den arbejdende mand stående på sit værksted eller et smukt landskab, malet i naturlige og oprigtige farver. Det var ikke Van Goghs intension, at skabe noget smukt, men at udtrykke sig - skabe en stemning. Hans farver var ofte vilde og unaturlige i forhold til det det forestillede. Hvert maleri gav en direkte fornemmelse af, hvordan kunstneren viste hver scene, fortolket gennem sine øjne, sind og hjerte. Det var ikke et spørgsmål om at være vildt bevidst, men om at udtrykke sig vise sine inderste følelser og fortælle sin virkelighed. Van Gogh blev aldrig anerkendt for sin epokegørende stil. Faktisk solgte han kun et maleri i sin levetid Ekspressionismen Ekspressionismen var en kunstnerisk stilperiode i Europa, særligt i Tyskland og Østrig fra cirka 1905-1925. I modsætning til impressionismen, tog ekspressionismen udgangspunkt i det indre. Når det ydre bliver farvet af det indre, bliver det besjælet og forvrænget. Blandt udtryksmidlerne i billedkunsten er farver og farvesymbolik. Ekspressionismen er en samlet betegnelse for kunstnere, der voksede op i en verden, de følte sig fremmedgjorte i, og som de gennem deres kunst forsøgte at sprænge rammerne for. mediegrafiker-ats.dk/12gf32med8b/stil/david/page/vincent. html readymades er en brugsgenstand, der placeres i kunstneriske sammenhænge, f.eks. på et kunstmuseum, og derved indtager en status som kunstværk. Kunsten i et readymade ligger angiveligt i kunstnerens udvælgelse af netop denne genstand og altså ikke nødvendigvis i selve genstanden. Dermed kan man angribe museet som institution og udtrykke, at kunst og det 'almindelige' liv hænger sammen, og Kunstneren og Museet er institutioner, der er skabt af en grundlæggende forkert kunst- og livsanskuelse Duchamps >>Readymades<< var fundne genstande, som han valgte at præsentere som kunst. I 1913 installerede Duchamp et cykelhjul i sit atelier. Det var faktisk det første readymade værk. Men værkets betydning blev først anerkendt nogle år senere. Men tanken om readymades var ikke fuldt udviklet før 1915. Ideen var at sætte spørgsmålstegn ved selve begrebet kunst og tilbedelsen af kunsten, som Duchamp selv fandt unødvendig. Hans mest kendte værk er Fountain fra 1917, som består af et urinal signeret med pseudonymet R. MUTT. Han forsøgte at få værket udstillet hos Society of Independent Artists i New York 1917, men det blev afvist. Værket satte gang i en diskussion omkring kunstnerens rolle - skabes eller vælges kunsten. Fountain blev valgt i 2004 som >>det mest indflydelsesrige kunstværk i det 20. århundrede<< med 500 anerkendte kunstnere og historikere. Værket ses også som en tidlig forgænger for konceptkunsten. Hvis du ønsker at bryde alle regler i den kunstneriske tradition, argumentere Duchamp, hvorfor så ikke starte med at kassere ens mest grundlæggende værdier: Skønhed og håndværk. Duchamps readymades var hans svar på spørgsmålet, >>Hvordan kan man lave kunstværker, der ikke er af kunst<< >>Bicycle Wheel<< var det første af en række af objekter, som Duchamp kaldte sin >>readymades.<< Han skabte 21 af dem, alle mellem 1915 og 1923. Duchamps Readymades er en varieret samling af genstande, men der er flere idéer, der forener dem. Duchamps readymades er eksperimenter i provokation, produkterne fra en bevidst indsats for at bryde alle regler indenfor den kunstneriske tradition, for at skabe en ny form for kunst - en, der inddrager sindet i stedet for øjet, på måder, der giver anledning for observatøren til at deltage og tænke. AARHUS KUNSTHAL AARHUSVEJ 1 8000 AARHUS C +45 45 45 45 45 MAIL@MAIL.DK kunstens12 AARHUS KUNSTHAL AARHUSVEJ 1 8000 AARHUS C +45 45 45 45 45 MAIL@MAIL.DK kunstens12

Grafisk 7 Stylesheet * margin: 0; padding: 0; HTML OVERFLOW-Y: SCROLL; body margin-top: 10px background-image: baggrund2.png background-repeat: repeat-x #wrapper margin-right: auto margin-left: auto #header url(img/baggrundtop1_04.png); headerlogo url(img/logoheader.png); #content float: left #contenttekst float: left margin-top: 40px margin-left: 102px #contentimg margin-top: 40px; margin-left: 86px; margin-bottom: 40px; url(img/images/illustrationbottle.png); url(img/images/vangogh.png); url(img/images/kornmark_13.png); url(img/images/earpainting_15.png); url(img/images/marcelduchamp_10.png); url(img/images/fontane_14.jpg); url(img/images/images/bicylcewheel_20. jpg);.billedmargin margin-top: 30px; #linkboks margin-top: 40px; #linkboks a text-decoration: none; color: #aaada7; font-size: 18px; font-weight: normal; padding-left: 40px; margin-bottom: 10px; linkboks a:hover color: #666; #footer background-color: #7e827a; clear: both; url( img/logofooter_13.png); footertekst margin-top: 25px; margin-left: 60px; font-size: 9px; color: #000; p font-size: 12px; margin-bottom: 20px; Color: #000; h1 font-size: 13px; font-weight: bold; margin-bottom: 20px; h2 font-size: 13px; font-weight: bold; margin-bottom: 10px; margin-top: 20px; color: #000