Welcome to Adobe GoLive 4



Relaterede dokumenter
GRAFISK WORKFLOW Hjemmesidedesign

Portfolio - Grafisk Workflow

KT OR LOW PRODUKTION // WORKFLOW

Sådan indlægges nyheder på DSqF s hjemmeside trin for trin

portfolio GRAFISK WORKFLOW

Kim Pedersen og Pernille Hansen: Design til skærmen, s og 34-38, Forlaget Grafisk Litteratur, 1997.

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

Mit grafiske workflow inkluderer:

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

fotografisk kommunikation

Grafisk Design. fra idé til visuelt udtryk Benett

GRAFISK WORKFLOW Hjemmeside - Husk hjelmen.

Grafisk design. Ide. Designprocess. Målgruppe

Denne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, Der refereres fra nu af blot

Grundforløbsprøve Projektbeskrivelse

WORKFLOW. RESPONSIV HJEMMESIDE MED ET FARVETWIST Hjemmesidedesign og udvikling.

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16

Grafisk workflow. bl.udbudsnet.dk

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

Specialiseringen Rapport Lavede Af Rasmus R. Sørensen Side 1 af 6

GRAFISK DESIGN GRAFISK PRODUKTION & WORKFLOW

Dokumentation. Karen-Louise Fejerskov

Infoskærmsystem. Version 1.0. Vejledning. For redaktører og IT supportere

Grafik Design...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Målgruppe...6 Købskriterier Design Parametre...8 Tekst Illustrationer

portfolio GRAFISK WORKFLOW

Grafisk design: Ny identitet til LiveCV

Portfolio Redesign Kamilla Klein 1. Semester eksamen

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

Portfolioudvikling. Line la Fontaine. Multimediedesigner

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.

Lav din egen forside i webtrees

KODNING AF RESPONSIV DESIGN

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

Portfolio redesign. Kia Dahlen! 1. semester eksamen! MUL-A 2013! !!!

Manual for Synkron hjemmesider

SkagenBrugtMarked.dk - en service fra SkagensAvis.dk

REDESIGN AF GRAFISK FORUMS HJEMMESIDE. Grafisk Workflow

Velkommen på NORDJYSKE Mediers sites

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation

Grafisk design. Filmblad til tablet

Løsningen er baseret på et såkaldt CMS et Content Management System som også kan anvendes som intranet i din virksomhed eller din institution.

WORKFLOW & GRAFISK PRODUKTION

Portfolie Redesign. Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar Jens Jákup E.

Charlotte Plenge. Kom/IT Projekt HTX Roskilde. Joachim K. Bodholdt

Designmanual for webintegrator grundforløbs eksamen

Flash Logic Free CMS. Manual og brugervejledning

Ide med Diff. Mål. Tidsplan. 1.uge: 2.uge:

GRAFISK WORKFLOW. 1 Grafisk workflow

Udover denne simple tidsplan har jeg også lavet et GANTT-kort for at vise den reelle tid jeg har brugt på hver opgave.

Portfolio - sunestenild.dk

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på

PORTFOLIO TYPOGRAFI & OMBRYDNING

Headeren er for stor når man kommer ind på siden. Det virker irriterende at man skal scrolle for at få indholdet vist.

Et krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl.

Laura Svendsen Kernekompetencer GRAFISK WORKFLOW

GRAFISK WORKFLOW. Proces. Kodning. Fonts:

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

Vejledning til AdPoint

Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress.

Typografi og ombrydning

Afsluttende opgave. Navn: Lykke Laura Hansen. Klasse: 1.2. Skole: Roskilde Tekniske Gymnasium. Fag: Kommunikation/IT

Manual til s forum

Eksamensopgave Aarhusportalen. Melissa Emilie

Online annoncespecifikationer

TYPOGRAFI & OMBRYDNING

kreativ kommunikation

Creativity Design Undersøgelse Case 1: Auction Travels INDEX... 1 DESIGNOVERVEJELSER... 2 LOGOFREMSTILLING... 7 FLOWCHART... 8 STORYBOARDS...

fotografisk kommunikation

Lav en hjemme side der kan sælge fly billetter til en stor i Europa.

Typografi og Ombrydning. Kursustilbud på Aarhus Universitetshospital

Vejledning til Photofiltre nr.160 Side 1 Sammensætte et julekort hvor clipart der er lavet transparent skal bruges

Den Interaktive Legeplads

Undervisningsbeskrivelse

PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT

Professionsbacheloruddannelsen i Visuel Kommunikation Studieretning: Grafisk Design

Projekt 5 Eksamens opgave Re-design af portfolio Af Jonas Lunding

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

Forståelse for grafisk workflow

ENGRAMs ibook. Denne guide giver dig et fuldt indblik i, hvordan du studerer engelsk grammatik med ENGRAMs ibook til ipads.

grafisk design Professionsbacheloruddannelsen i Visuel Kommunikation Studieretning: Grafisk Design

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT

WebNets 4.0 er en standard e-butik udviklet og vedligeholdt af

Mark André Lyhne. Eksamen web1b

grafisk design Se webappen på din mobil

Typografi & ombrydning

GRAFISK WORKFLOW H1 MARIA SCHELDE

Her er en statistik der viser antal færdselsuheld og personskader i årene fra

Produktbeskrivelse - Grafisk workflow

navigation begreber 0

WorkFlow. Svendeprøve Emil Momsen. BeskrivelseN ****** BeskrivelseN ******

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2

Vejledning i brug af materialet. Navigation. Materialet er beregnet til selvstudium. Det betyder, at du selv bestemmer:

Elev-manual til Køreklar e-læring

Redaktørvejledning for Skriv en artikel

Light

INDHOLDSFORTEGNELSE. INDLEDNING... 7 Kristian Langborg-Hansen. KAPITEL ET... 9 I gang med App Inventor. KAPITEL TO...

Bog INDBUNDEN. Omslag 4+0 CMYK Materien 1+1 SORT/HVID

Transkript:

http://www.daimi.au.dk/~kla/ [29-03-2000 00:19:16]

http://www.daimi.au.dk/~kla/keldsite/over.html [29-03-2000 00:19:30]

http://www.daimi.au.dk/~kla/keldsite/person.html [29-03-2000 00:19:47]

http://www.daimi.au.dk/~kla/keldsite/1949.html [29-03-2000 00:20:06]

http://www.daimi.au.dk/~kla/keldsite/1963.html [29-03-2000 00:20:19]

http://www.daimi.au.dk/~kla/keldsite/1972.html [29-03-2000 00:20:33]

http://www.daimi.au.dk/~kla/keldsite/1989.html [29-03-2000 00:20:48]

http://www.daimi.au.dk/~kla/keldsite/galleri.html [29-03-2000 00:21:01]

http://www.daimi.au.dk/~kla/keldsite/grafik.html [29-03-2000 00:22:10]

http://www.daimi.au.dk/~kla/keldsite/3d.html [29-03-2000 00:22:21]

http://www.daimi.au.dk/~kla/keldsite/collage.html [29-03-2000 00:22:33]

http://www.daimi.au.dk/~kla/keldsite/logo.html [29-03-2000 00:22:45]

http://www.daimi.au.dk/~kla/keldsite/skitser.html [29-03-2000 00:23:02]

http://www.daimi.au.dk/~kla/keldsite/skitse2.html [29-03-2000 00:23:22]

http://www.daimi.au.dk/~kla/keldsite/3d_2.html [29-03-2000 00:23:31]

http://www.daimi.au.dk/~kla/keldsite/golga1.html [29-03-2000 00:23:43]

http://www.daimi.au.dk/~kla/keldsite/golga2.html [29-03-2000 00:23:56]

http://www.daimi.au.dk/~kla/keldsite/col4.html [29-03-2000 00:24:09]

http://www.daimi.au.dk/~kla/keldsite/musik.html [29-03-2000 00:24:18]

http://www.daimi.au.dk/~kla/keldsite/lyrik.html [29-03-2000 00:24:30]

http://www.daimi.au.dk/~kla/keldsite/lyrik2.html [29-03-2000 00:24:38]

Dette er en Flash movie og kræver at Flash playeren er indstalleret i plug-in mappen i Browseren. Den kan hentes her. http://www.daimi.au.dk/~kla/keldsite/flash.html [29-03-2000 00:24:42]

Dette er en Flash movie og kræver at Flash playeren er indstalleret i plug-in mappen i Browseren. Den kan hentes her. http://www.daimi.au.dk/~kla/keldsite/dans.html [29-03-2000 00:24:43]

Dette er en Flash movie og kræver at Flash playeren er indstalleret i plug-in mappen i Browseren. Den kan hentes her. http://www.daimi.au.dk/~kla/keldsite/figur.html [29-03-2000 00:24:44]

Hvis QuickTime 3.0 eller højere er installeret kan du trække med curseren inde i billedet. Billedet vil bevæge sig (QTVR). QT plug-in skal ligge i browserens plug-in mappe. Virker ikke i Internet Explorer http://www.daimi.au.dk/~kla/keldsite/qtvr.html [29-03-2000 00:24:50]

http://www.daimi.au.dk/~kla/keldsite/typo.html [29-03-2000 00:25:06]

http://www.daimi.au.dk/~kla/keldsite/signa.html [29-03-2000 00:25:22]

http://www.daimi.au.dk/~kla/keldsite/syn.html [29-03-2000 00:25:37]

http://www.daimi.au.dk/~kla/keldsite/flow.html [29-03-2000 00:25:49]

http://www.daimi.au.dk/~kla/keldsite/story.html [29-03-2000 00:26:04]

http://www.daimi.au.dk/~kla/keldsite/grid.html [29-03-2000 00:26:15]

http://www.daimi.au.dk/~kla/keldsite/mvalg.html [29-03-2000 00:26:30]

Opgave 1 Opgave 1: Lav din egen hjemmeside med adskillige links, grafik, billeder og tekst. Synopsis Den stillede opgave kunne umiddelbart bruges af mig, da jeg ikke har en hjemmeside og derfor havde et mål og en deraf afledt målgruppe. Målgruppen: Målgruppen er primært medstuderende på MMA, censorer samme sted, kollegaer og andre studerende på Medie & Kommunikation, Aats. På min site kan de finde materiale om min produktion og min personlige udvikling over tid. Min hobbies og min baggrund. Det valgte koncept: Efter test af flere forskellige udformninger, valgte jeg den mest enkle løsning nemlig konceptet omkring en skitsebog/dagbog. Skitsebogen/dagbogen kunne danne en ramme om de elementer, som jeg valgte at min site skulle indeholde: Den tidsmæssige horisont (mit liv opdelt i etaper) Skitser, billeder og collager fra min kreative produktion Små multimedieproduktioner (animation, lyd, QTVR). Layout/Grid/Design. Jeg valgte tværformat (640x480 pixels). Det er den mindste fællesnævner mht. skærm. Alle kan så være med og den ekstra plads det giver på større skærme er kun med til at skabe luft rundt omkring den afgrænsede skitseblok. Det fremhæver den yderligere. Skrift: Jeg valgte en skriveskrift for at holde den hjemmelavede stil. Den er noget vanskelig at bruge pga. dens brudte linjer. Ved anti-aliasing bliver den svær at læse. Da den kun bruges i små mængder og med en relativ stor skriftstørrelse, mente jeg at det nok gik. Farver: Til de ældre fotos brugte jeg duotone i en varm rød-brun farve for at forstærke autenciteten. Illustrationer/knapper: Alle elementer i opgaven er originalt materiale fra min hånd. Det er også med til at forstærke det personlige præg, som er hele denne opgaves særtræk.

Layout/grid Med udgangspunkt i en typografisk opsætning (som modsvarer skitse - bogens karakter) lavede jeg en modulopbygning, hvor navigation er placeret i skitsebogens højre side og i bunden. Navigation kan foretages indenfor beslægtede sider (sektion) eller tilbage til oversigten (root) Hovedrubrikken (overskrift) i toppen og under den et to-spaltet og en 1- spaltet arrangement. Det kan også være en stor spalte. Det er et klassisk bogdesign med stor fleksibilitet.

Flowchart Det viste flowchart viser opbygningen af min site. Det er med i min site og der kan navigeres direkte fra dette. Sites med specielle tekniske fordringer er vist i farve. Der er links til players for at vise disse sider (Flash, QuickTime). De er iøvrigt placeret så de ikke stopper min site og sinker den i starten.

Storyboard Teknisk om den enkelte side Hver enkelt site er lavet som et billede. Det giver stor fleksibilitet men er selvfølgelig tidskrævende ved rettelser eller opdateringer. Det fylder også noget mere. Hver side fylder fra 16 til 60 kb og er jpg billeder. Min målgruppe forventes at have rimelige netforbindelser pga. deres relation til multimediebranchen. I denne opgave er opdatering kun medregnet som udvidelser af skitsebogens sider. De lavede sider har en generel og historisk karakter og skal ikke revideres som sådan.