Kunsten på Silkeborg Højskole - en online kunstregistrant
|
|
- Fredrik Bonde
- 2 år siden
- Visninger:
Transkript
1 GRAFISK DESIGN Design af responsiv hjemmeside til Silkeborg Højskoles nye kunstregistrant. Oprettelse af ny side på Silkeborg Højskoles primære hjemmeside.
2 Kunsten på Silkeborg Højskole - en online kunstregistrant OPGAVEN I samråd med Silkeborg Højskole og Zebra Media udarbejdede jeg et responsivt design til hjemmesiden Kunsten på Silkeborg Højskole. Silkeborg Højskole ønskede, som et supplement til deres primære hjemmeside, en ny side, hvorpå de kunne registrere skolens omfattende kunstsamling. Den nye hjemmeside skulle afspejle et tilhørsforhold til Silkeborg Høskoles primære hjemmeside, men skulle også kunne stå alene på en seperat platform. Kunsten på Silkeborg Højskole skulle have som hovedformål, at være et opslagsværktøj til underviserne (og med tiden, eleverne) på Højskolen. Lærerne skulle kunne bruge hjemmesiden i deres undervisning. Derforuden skulle den kunne fungere som en dataregistrering af kunstværkerne i et forsikringsøjemed. Se hjemmesiden her Brugernavn: test Password: test_sh PROGRAMMER Bridge, Camera Raw og Photoshop CC til billedbehandling. Dreamweaver CC til programmering. XAMPP Apache server program. FileZilla til upload af Html og PHP filer.
3 AFSENDER Silkeborg Højskole har med tiden samlet næsten 300 kunstværker, som er udstillet på skolens ejendom. Samlingen består af både nationale og internationale kunstværker, som Silkeborg Højskole blandt andet har erhvervet sig på deres mange uddannelsesrejser. MÅLGRUPPE Målgruppen er et meget begrænset antal undervisere på Silkeborg Højskole. Idet adgang til siden kræver et log-in, ved vi præcist hvilken målgruppe vi henvender os til. Det er undervisere / pædagogiske formidlere ansat på Højskolen. Mænd og kvinder med en akademisk baggrund, i alderen 30+ og Mac brugere. BUDSKAB Let tilgængelig søgefunktion og visuel oversigt over højskolens kunstsamling.
4 WIREFRAME SKITSER Skitser og overvejelser vedr. struktur og layout af hjemmesiden. Udgangspunket er et layout med 3 kolonner med responsiv højde og bredde deraf procentsatserne i skitserne. Ved visning af et stort billede inddrages to kolonner og bliver til én. I nederste højre hjørne ses udkast til en thumbnail visning. Og i nederste venstre hjørne ses en alternativ menustruktur, som dog blev sorteret fra pga. tvivlsomt brugervenlighed.
5 VIDEREUDVIKLING AF LAYOUT I PHOTOSHOP Her ses mine skitser og overvejelser vedr. struktur og layout af hjemmesiden. Logoet er videreført fra Farven er bibeholdt for at skabe genkendelighed til hovedsiden. Den håndskrevne font i headeren blev fravalgt, til fordel for en mere ren header med en moderne og simpel font. Det store orange søgefelt nedtones of placeres længere nede på siden. Tekstfelte, links og tjekbokse defineres og placeres udfra overvejelser omkring brugervenlighed.
6 FORM Hjemmesidens format er som udgangspunkt 1024 px i bredden. Højden er relativ. Siden er designet i procenter således, at den automatisk tilpasses enhver skærmstørrelse. Layoutmæssigt er siden delt op i 3 kolonner. Dog bliver de to kolonner længst til højre, til én kolonne når et stort billede skal vises på siden. DESIGNMÆSSIGE OVERVEJELSER VEDR. TEKNISK INDHOLD Indeksering / kategorisering Søge- og browsefunktioner Vis antal søgeresultater Vis brødkrumme sti Log-in Beskrivende tekst om kunstneren og mulighed for relevante links til andre sites Scrollfunktion i hver kolonne (hvis nødvendigt) Slideshow Thumbnails Zoomfunktion Fuld skærm Brugerens personlige mappe med printfunktion Sitet er programmeret i et CMS således, at brugerne på Silkeborg Højskole selv kan varetage input af nytilkomne kunstværker.
7 BILLEDER & ILLUSTRATIONER Sitets store omdrejningspunkt er billederne af kunstværkerne fra Silkeborg Højskole. Billederne har højskolens ansatte selv taget, og efterfølgende sendt til mig til videre behandling. Jeg har beskåret og farvekorrigeret billederne i Photoshop. Gemt i en stor jpg format, så der senere kan zoomes ind på billederne uden forringelse og så de kan printes ud i en høj opløsning. Nogle af kunstværkerne er afbilledet fra forskellige vinkler og der var derfor for behov for at illustrere for brugeren, at der er flere billeder af samme værk. Dette gjorde jeg, ved at lave et thumbnails galleri under det store billede. Der er desuden mulighed for at bladre og zoome ind og ud på det store billede. Dette er illusterert ved hjælp af pile i hver side af billedet og zoom ind og ud ikoner nedenunder. Derforuden er det også muligt at vise billedet i fuld skærm ved et enkelt klik. Denne funktion er tiltængt en undervisningssituation, hvor man ikke ønsker at vise den beskrivende tekst i højre side. Til sitets forside har jeg lavet 8 collager, som roterer tilfældigt ved siden af en velkomsttekst. Således får brugerne et indblik i nogle af de værker der findes på hjemmesiden. Silkeborg Højskoles logo forelå allerede i en Illustrator fil, så den skulle skaleres til sitet. Jeg har ændret logoet og sat et K for Kunst ind, og lavet faviconer til almindelige skærmstørrelser, tablets og smartphones og gemt dem som.ico fil ved hjælp af et plug-in i Photoshop. Yderligere iconer, såsom print knappen, zoom ind og ud symbolerne mv. er gemt som png-filer. De mørkegrå streger under headeren giver en visuel adskillelse af overskrifter og indhold. Den tykke streng giver en god kontrast til den hvide baggrund. Og den tynde streg umiddelbart ovenover, tilføjer den tykke streg en lethed.
8 ØVRIGE DESIGNOVERVEJELSER Her ses et udsnit af de øvrige overvejelser i designprocessen. I øverste venstre hjørne ses det endelige favicon til hjemmesiden. De efterfølgende to billeder viser udkast til fuldskærmsvisning. Det endelige resultat blev en fuldskærmsvisning med sort baggrund, som den afbilledet i midten. Da dette giver den mest neutrale visning, således at brugeren udelukkende fokuserer på billedet. Nedenfor ses mine noter til valg af fonte, overvejelser vedr. Log-in funktion, page 404 error, print-resultater m.v.
9 Farvevalg #FF9933 # #F2F2F2 FARVER Den hvide baggrundsfarve skaber simplicitet og enkelthed. Hvilket jeg vurderer, skaber ro og omslutter en række, til tider, meget brogede kunstværker. Jeg har valgt at lade det orange logo fra højskolens primære hjemmeside gå igen på Kunsten på Silkeborg Højskole og dermed lade orange være primærfarven i designet. Orange symboliserer en munterhed og en kreativitet, som jeg finder passende for netop dette site, idet det er et nøgleord i samlingen af Højskolens kunstværker. Derforuden har jeg valgt en lys grå til kolonnerne og en mørkere grå til brødtekst og headeren. Iconerne er ligeledes grå og linksene orange. Grå, hvid og orange er for mig en sofistikeret og moderne farvekombination, men med en kant af råhed. Kombinationen af den kølige grå og den varme orange skaber en nødvendig kontrast i indholdet og bringer liv i designet. Det er farvekombinationer som er gode i sig selv, men som også fungerer godt, når man bringer nye farver ind, f.eks. i form af billederne af kunstværkerne.
10 CENTURY GOTHIC aabb123 TYPOGRAFI Jeg har brugt 3 forskellige fonttyper: Century Gothic, Verdana og Helvetica. Alle grotesk (sans-serif) og alle web safe. Century Gothic med sine rene, geometriske linjer er brugt i headeren og på knapperne. En relativ tynd font solid, men samtidig elegant og letlæselig. Century Gothic er udelukkende brugt i versaler, hvilket beriger det stærke og enkle udtryk. Fontstørrelsen for headeren er relativ, idet den skal kunne tilpasses forskellige skærmstørrelser, men udgangspunktet er 38 pt., 90% vertical scale og 200 tracking. Verdana har en god læsbarhed på computerskærmen, blandt andet pga. størrelsen og mængden af luft mellem karakterne. Derfor er den moderne og enkel fonttype valgt til brødteksten i 10 pt. Helvetica er udelukkende brugt til PDF udskrifterne. Da læsevenligheden på tryk er god med denne font. Den er ren, effektiv og samtidig smuk. Minimalistisk, klassisk og moderne. Jeg har med skrifttyperne, valgt at holde designet så enkelt så muligt. Ligeledes har Silkeborg Højskoles ønske om en vis genkendelighed fra deres primære site, dannet grundlag for brugen af Verdana til brødteksten. ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå $%#!? / VERDANA aabb123 ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå $%#!? / aabb123 ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå $%#!? / HELVETICA aabb123 ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå $%#!? /
11 FORSIDE Forsiden er beskyttet af et log-in. Jeg har brugt et af Silkeborg Højskoles kunstværker som baggrundsmotiv til forsiden. Den øverste er den endelige. KVALITETSVURDERING Arbejdsprocessen har været spændende og udfordrende. Fra idé til færdigt koncept er der gået lang tid og websitet er endnu ikke helt færdigt. En af udfordringerne har været arbejdet vedr. programmeringenprocessen. Denne proces var / er en ekstern opgave, og dette giver nogle naturlige begrænsninger i forhold til kommunikationen. Men alt i alt en lærerig proces. Hjemmesiden er meget tung og langsom om at loade. Dette er ikke hensigtsmæssigt, men nødvendigt fordi billederne skal ligge i en høj opløsning, således at de kan bruges i undervisningsøjemed. Jeg er godt tilfreds med resultatet og det er kunden også. Hjemmesiden kan betragtes som en beta-model og der vil nu være en periode med et testforløb af sitet og derefter en evaluerende opfølgning, hvor brugerne kan komme med ønsker til forberinger. Dette med henblik på at kunne forbedre denne hjemmeside, men også at kunne sælge konceptet videre til større virksomheder som er i besiddelse af en større kunstsamling eller andet de ønsker at registrere digitalt. Se hjemmesiden her Brugernavn: test Password: test_sh
12 HTML, PHP & CSS Fra Højskolen primære side ønskede man at kunne henvise til den nye Kunstregistrant. Derfor oprettede jeg en ny side til deres eksisterende hjemmeside, som skal have til formål at informere læseren om kunstregistranten. Dette gjorde jeg ved at oprette en ny Html side og kalde den silkeborghojskole_kunsten.php Silkeborg Højskoles hjemmeside er et stort site bygget op i Html sider, med en overordnet PHP struktur. PHP-delen kalder indhold fra databasen som f.eks. skolens nyheder og kalendersystem. Ligeledes inkluderer PHP funktionen et overordnet CSS og menusystem. Teksten skrives ind i et div-tag (id= content ) Jeg er opmærksom på at bruge specialtegn for bl.a. æ, ø og å (œ / ø / å), da disse bogstaver, i nogle browsere kan skabe visningsproblemer. Billederne sættes ind med <img scr=> Størrelsen på billedet defineres med width= 560. Den resterende kode laves i filerne: inc.conf.php og inc.sec_menu.php, som styrer hvor i menustrukturen siden placeres og delvist hvordan siden styles.
13 I FILEN INC.CONF.PHP DEFINERER JEG: Overskriften / titlen på den pågældende side I hvilken række i primær menuen linket til siden placeres Referencen til placeringen i sekundær menuen Referencen til placeringen i tertiær menuen (i dette tilfælde ingen - 00) Det overordnede farvetema for siden (overskrift, links, menu) Henvisningen til billedfrisen I FILEN INC.SEC_MENU.PHP DEFINERER JEG: Hvordan linket til den pågældende side vises i den sekundære menu Hvad der sker ved mouse over af linket Bullit punkterne Frisen til siden, laves i PhotoShop og gemmes ned i jpg format.
14 XAMPP & FILEZILLA På grund af sitets størrelse og kompleksitet, har jeg valgt at arbejde med Xampp og en visning i en localhost. Dette gør jeg for at kunne teste de rettelser jeg har lavet i filerne inden jeg uploader via FileZilla og kører live. ADMINISTRATION På Silkeborg Højskoles administrationsside skal informationen omkring Kunstregistranten ligeledes foreligge. Derfor går jeg ind Admin mappen i strukturen og finder index. php. Her opretter jeg et ny menupunkt og indsætter den relevante tekst. Således har det administrative personale på Højskolen altid adgang til de (for udefra kommende) hemmelige log-in koder.
ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på
Grafisk design Design af hjemmeside til indretningsarkitekt med firma navn enrico indret, som jeg tidligere har designet logo for. Firmaet laver udelukkende erhvervsindretning og målgruppen for sitet er
Grafisk Design 70% Skitser
Grafisk design Grafisk 2 PRODUKT Som et led i den online markedsføring af BBQ Wing it, har jeg valgt at lave et website, med fokus på information. Det er et website, der er baseret ud fra lærte funktioner
Sabine 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
Grafisk design. Ide. Designprocess. Målgruppe
Ide Designprocess I denne opgave har jeg udviklet et website for et feriehus. Kunden ønsker et site, som både fungere privat, men også som offentlig hjemmeside. Hele site skal være på dansk, tysk og engelsk.
Grafisk 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.
PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT
PROJEKTET Udarbejdelse og idéudvikling af en fiktiv grafisk identitet til Puls Fitness. I denne kernefaglighed fremhæver jeg designet til websitet samt lidt merchandise. Derudover ses et udkast til bl.a.
Produkt. Index side GRAFISK DESIGN
Grafisk design Produkt Index side Produkt Underside - kontakt Redegørelse OPGAVEN I forbindelse med valgfag, som jeg tog i København, havde vi lært forskellige nye funktioner, som vi skulle implementere
GRAFISK PRODUKTION & WORKFLOW. Endotest website
GRAFISK PRODUKTION & WORKFLOW Endotest website DOKUMENTATION OPGAVEN: Endotest ApS ønskede at redesigne deres hjemmeside, så den fremstår mere professionel og enkel. Derudover skal det nye site præsentere
WORKFLOW & 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
Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16
GRAFISK WORKFLOW Indhold Grafisk workflow Procesbeskrivelse Inspiration 5 Skitser 6 Flowchart Typografi og farver 8 Skelet 9 Storyboard 2 Html, css og seo 6 Grafisk workflow Opgaven At skabe et nyt og
Michella+Serritzlew+Jacobsen+
Designmanual+ Afsluttende+projekt+1.+Semester++ Michella+Serritzlew+Jacobsen+ CopenhagenBusinessAcademy 1.Semester MichellaSerritzlewJacobsen MULB Indholdsfortegnelse PBS...3 WBS...3 Brainstorm...4 Wireframes...5
GRAFISK DESIGN GRÅ ROSA VIOLET. BESKRIVELSE AF OPGAVEN Fiktiv opgave hvor jeg har udarbejdet et logo, et visitkort og en hjemmeside for en fotograf.
GRAFISK DESIGN BESKRIVELSE AF OPGAVEN Fiktiv opgave hvor jeg har udarbejdet et logo, et visitkort og en hjemmeside for en fotograf. KRAV TIL UDTRYKKET Moderne Enkelt Minimalistisk Responsivt Brugervenligt
det færdige resultat
grafisk design Under dette fagområde har jeg valgt at præsentere jer for en opgave, jeg har udarbejdet for virksomheden Breinholt. Breinholt er en nyopstartet virksomhed i Odense, der tilbyder spirituel
GRAFISK WORKFLOW PHILIP CREAMER AARHUS TECH SVENDEPRØVE NOVEMBER 2016
GRAFISK WORKFLOW PHILIP CREAMER AARHUS TECH SVENDEPRØVE NOVEMBER 2016 grafisk WORKFLOW // DOKUMENTATION opgaven // Jeg har i min opgave lavet et responsive onepage website for et årlig event kaldet Dirt
GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING
GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING DANSKE BEDEMÆND august 2014 v1.4 1 P a g e INDHOLDSFORTEGNELSE Adgang... 3 Overordnet om Umbraco... 4 Højreklik muligheder i oversigten...
Stilen skulle gerne være feminin og primærfarven rosa.
Grafisk design // Grafisk Design Hjemmesideløsning for syerske Sorami er et enmands-firma med mere end 25 års erfaring, som tilbyder omforandring af tøj og tøj syet efter eget design, samt håndlavede smykker.
Grafisk 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
GRAFISK 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
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.
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
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
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
OPGAVEBESKRIVELSE. Grafisk design process for Kolding Motion, logo, frontend hjemmeside samt t-shirt og skilt.
01. OPGAVEBESKRIVELSE Grafisk design process for Kolding Motion, logo, frontend hjemmeside samt t-shirt og skilt. OPGAVE Re-design Kolding Motions logo, nyt layout til deres hjemmeside samt kodning. Ny
Upload af billeder til hjemmesiden m.m.
Upload af billeder til hjemmesiden m.m. Fremgangsmåde VVS-inst.dk Upload af billeder m.m., Side 1 Så går vi i gang Åben Firefox browseren Gå ind på denne adresse, for at komme til hjemmeside programmet.
GRAFISK WORKFLOW H1 MARIA SCHELDE
GRAFISK WORKFLOW H1 MARIA SCHELDE DOKUMENTATION Opgaven Arkitekt Mette Schelde skulle have designet og programmeret et website, hvorpå hun kunne præsentere hendes produkter. Designkrav Sitet skal være
GRAFISK WORKFLOW. 1 Grafisk workflow
GRAFISK WORKFLOW 1 Opgavebeskrivelse I forbindelse med et nyt online koncept Web in a box skulle jeg lave en Photoshop-skabelon, der kan eksportere materiale til en hjemmeside automatisk. Selve konceptet
Se 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
portfolio GRAFISK WORKFLOW
Grafisk Workflow Opgaven Der skal laves hjemmeside til et lille privat bageri. Kunden ønsker et overskueligt site. Hjemmesiden skal kort og godt fortælle om Skejby Centrets Bageri og deres produkter og
1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk
Kunde Bogforlaget Frydenlund A/S Produkt www.his2rie.dk Opgave Hjemmesiden før Redesign af hjemmesiden www.his2rie.dk, som ejes af forlaget. Min opgave lød på, at udforme et nyt design til hjemmesiden,
Tre sideopsætninger: 1 Forside. 2 Standard 3 Liste. 1 Forside. 2 Underside. 3 Liste
1 Forside Tre sideopsætninger: 1 Forside 2 Standard 3 Liste 2 Underside 3 Liste Ret indhold på en side I systemet kan du let rette tekst, link og billeder på hjemmesiden Først skal du logge ind i systemet
GRAFISK WORKFLOW WEBSITE - CHOCOADDICT
GRAFISK WORKFLOW WEBSITE - CHOCOADDICT DOKUMENTATION OPGAVEBESKRIVELSE Opskriftsbogen Chocoaddict skulle have et website, hvor alle opskrifter samt skabelon til print selv opskriften er tilgængelig. Der
GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen
GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen OPGAVE Designforslag til hjemmeside til motorcykelklubben Mc Chaufførerne GRAFISK DESIGN / Dorte Damsgaard Larsen 1/15 DESIGNPROCES Indledende møde med
Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb
Dokumentation Workflow Grafisk produktion Trine Alexandersen 1. hovedforløb Jeg har valgt at vise min egen hjemmeside som workflow. Siden er min e-portfolio som skal vise hvad jeg lærer under min uddannelse
Afsenderen af hjemmesiden er Ulla Bersang, som er Bersang. Opgaven er en ny opsætning. Opgaven er
38 Grafik design Opgave beskrivelse Overordnet kommunikation Opgaven er en hjemmesiden, lavet for en kunde Ulla Afsenderen af hjemmesiden er Ulla Bersang, som er Bersang. Opgaven er en ny opsætning. Opgaven
Dokumentation. Inspiration S34 S35. Opgavens art Fiktiv opgave af opbygning af en hjemmeside.
Grafisk Design Dokumentation Inspiration Opgavens art Fiktiv opgave af opbygning af en hjemmeside. Kort om opgaven Hjemmesiden, skulle være oplysende om produkter og virksomheden, den skulle være enkel
Dokumentation. Grafisk Design
Dokumentation Dokumentation OPGAVEN: Denne opgave er lavet for en ny opstartet cafe og restaurant i Vordingborg, de skulle derfor bruge et logo som det første og derefter en hel design linje. Deres ide
Mit grafiske workflow inkluderer:
GRAFISK WORKFLOW Opgave: Opgaven var at producere en bog og et website med temaet stilhistorie. Jeg har valgt at beskrive mit grafiske workflow i produktionen af websitet. Kravene var, at der skulle være
Grafisk 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
GRAFISK 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
JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN.
JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN. Grafisk design Grafisk design Opgaven Jeg har fået til opgave at re-designe Sells.dk. Sitet skal benytte elementer fra en kampagne, der tidligere er
Grafisk workflow. Hjemmeside til Bærkompagniet
Grafisk workflow Hjemmeside til Bærkompagniet Dokumentation Opgaven Bærkompagniet skulle have designet og programmeret et website, hvor de kunne præsentere deres produkter samt mulige forhandlere kunne
GRAFISK DESIGN. Hjemmeside
GRAFISK DESIGN Hjemmeside AFSENDER Dansk design ANSVAR FOR OPGAVELØSNING Jeg har haft ansvaret for at opgaven er blevet løst, og at den har overholdt de krav som jeg selv har stillet til den skal opfylde,
MONIQUE 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,
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
MANUAL. Siteloom CMS
MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 3. september, 2012 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 8 2. Sider... 10 2.a Opret side...
MÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder.
GRAFISK DESIGN KUNDEN PA Vaskeriteknik er en enkeltmandsvirksomhed som startede i 2008. Manden bag er Preben, som gennem 14 års brancheerfaring startede sit eget firma op da han føler at han med sit partnerskab
GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2
GRAFISK WORKFLOW Kasper Staal - Portfolio - H2 Opgaven Denne opgave bestod i at design et website til min egen virksomed 3DService.dk. Websitet skulle være responsivt, og indeholde de mest gængse informationer
GRAFISK 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
GRAFISK 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
COPENHAGEN. 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
Produktbeskrivelse - Grafisk workflow
Produktbeskrivelse - Grafisk workflow Opgavebeskrivelse Det er en nyhedsmail. De er en ny opsætning Ansvar for opgaveløsning Webadministratoren står for opgavefordeling. Tekst kommer fra salgs og butikslederen.
GRAFISK 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:
Opgavebeskrivelse. Opgaveløsningen
Opgavebeskrivelse Opgaven er et redesign af en hjemmeside til Tistrup Festuge. Opgaven er en fritidsopgave, udarbejdet for udvalget bag Tistrup Festuge. Da man i de seneste år, har ændret en del på konceptet
# Redesign af copenhagenskatepark.dk
# 1 Grafisk Design # Redesign af copenhagenskatepark.dk Opgave Dette er en fiktiv opgave hvor jeg har valgt at redesigne copenhagenskatepark.dk's website. Jeg synes det kunne være en spændende udfordring
ActiveBuilder Brugermanual
ActiveBuilder Brugermanual Forfatter: TalkActive I/S Dato: Juni 2004 Version: R. 1.01 Sprog: Dansk Copyright 2004 - Talk Active - all rights reserved. Indhold: 1. INDLEDNING...2 2. QUICK-START...3 3. OPBYGNINGEN
2/ Sofia Seidler H3 Svendeprøve
GRAFISK DESIGN OPGAVEN: Jeg har valgt at lave en fiktiv opgave for et nystartet brand ved navn, som sælger t-shirts og plakater med dyreprint som motiver. Jeg har haft fokus på deres logo, visitkort, gogards,
Manual til Dynamicweb Februar 2010
Manual til Dynamicweb Februar 2010 Login... 2 Skabeloner og formater... 3 Filarkivet... 4 Lav en PDF... 5 Opret en ny side... 7 Navngiv siden... 9 Aktiver siden... 9 Sorter sider... 9 Flyt siden... 11
Lav din egen forside i webtrees
Lav din egen forside i webtrees Du behøver ikke at kunne kode eller gøre noget advanceret for at designe din helt egen forside i webtrees. Alt du skal gøre er bare at gøre brug af den indbygget editor.
1 SVENDEPRØVE 2016 GRAFISK DESIGN GRAFISK DESIGN
1 SVENDEPRØVE 2016 GRAFISK DESIGN GRAFISK DESIGN 2 SVENDEPRØVE 2016 GRAFIK & BILLEDER 3 SVENDEPRØVE 2016 GRAFIK & BILLEDER 3 SVENDEPRØVE 2016 GRAFISK DESIGN 01. BRIEFING GRAFISK DESIGN 01. Briefing 02.
GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet
GRAFISK DESIGN Diner no. 34 Hjemmeside + Visuel identitet Diner no. 34 9 Opgavebeskrivelse Fiktive opgave. Redesign af visuel identitet og design af ny hjemmeside. Materialet skal skabe et genkendeligt
GRA DESIGN. HEARTS & MINDS
GRA b DESIGN. HEARTS & MINDS HVAD, HVORFOR OG HVORDAN? HVAD GÅR OPGAVEN UD PÅ? Opgaven gik ud på at, udfra udleveret trykt materiale skulle lave et fuldt og responsivt hjemmeside design. Sitet er lavet
GRAFISK DESIGN 1. HOVEDFORLØB
GRAFISK DESIGN 1. HOVEDFORLØB LAUESEN HUS - OG HAVESERVICE //GRAFISK DESIGN BRIEF Lauesens hus- og haveservice er en enmandsejet virksomhed, som trænger til et løft på sin reklame del. Det er et firma,
PROGRAM 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
Grafisk Workflow. Endeligt layout. Om mig. Forside. Portfolio
Endeligt layout Forside Om mig Portfolio 1 Hjemmeside Opgaven I dette design projekt skulle jeg gennemføre en designproces, hvor jeg enten skulle redesigne eller designe et produkt. Jeg valgte at designe
Generel information. Brugere. Hjemmesidens lay-out. HIF Hjemmeside How to do
Generel information Dette dokument er en brugsanvisning for hjemmesidens back-end brugere, med information om hvordan man logger ind og hvordan man arbejder med hjemmesiden/hjemmesidens funktioner samt
Mark André Lyhne. Eksamen 2012. 12web1b
Mark André Lyhne Eksamen 2012 12web1b Indholdsfortegnelse Indholdsfortegnelse... 1 Projekt beskrivelse... 3 Målgruppe... 3 Afsender... 3 Budskab... 3 Kommunikationsmål... 3 Ideudvikling... 3 De 6 Designparametre...
GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2.
GRAFISK PRODUKTION OG WORK- FLOW CSS Wrapper paragraph h1 h2 DREAMWEAVER CS5 Class Tags Kodning Design a.link, a.hover, a.visited HTML Kundekontakt Komposition og modulopbygning Skelet Pixels Layout Usabillity
grafisk design Se webappen på din mobil
ideudvikling Jeg har valgt at bruge kulturbegivenheden Aarhus Festuge, som udgangspunktet i min svendeprøve. Jeg vil redesigne deres marketingsmateriale såsom logo, magasin, plakater m.m. Derudover vil
KT 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
GRAFISK 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,
GRAFISK 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
Indre Missions. Vejledning til TYPO3
Indre Missions Vejledning til TYPO3 Manual til Typo3 på IM's server 1. Udgave, januar 2010 Daniel Damm, IT afdelingen, Indre Missions Hus Indholdsfortegnelse Indledning...5 Præsentation af begrebet CMS...6
Lav en hjemme side der kan sælge fly billetter til en stor i Europa.
EKSAMENS OPGAVE Lav en hjemme side der kan sælge fly billetter til en stor i Europa. Det første jeg startede ud med var at brainstorme hvad det var jeg skulle bruge i min side da jeg nu ved hvad den skal
Grafisk Workflow. Website til European Blues Challenge
Grafisk Workflow Website til European Blues Challenge Opgaven: European Blues Challenge er en europæisk blues festival som skifter lokation hvert år. I 2017 kommer festivallen til Horsens, og vores kunde
Brugervejledning til Design Manager Version 1.02
Brugervejledning til Design Manager Version 1.02 Indholdsfortegnelse 1. Introduktion... 3 1.1 Det kan du med HostedShop Design Manager... 3 1.2 Feature list... 3 2. Design... 4 3. Filer og CSS... 4 3.1
Drejebog til tractorpulling.dk
Drejebog til tractorpulling.dk Generelt På hjemmesiden benyttes følgende som standard: - Skrifttype: Verdana - Skriftstørrelse: 12px / 9pt. 4. oktober 2011 Moskjær Marketing Falkevej 4 DK-6920 Videbæk
xgalleri Mulige filtyper Installation web-version
xgalleri xgalleri opstod ud fra ønsket om at lægge en større samling billeder på nettet. Der findes mange programmer, som kan bruges til at lægge datafiler på nettet; men de fungerer typisk på den måde,
Sider, indlæg og projekter
Sider, indlæg og projekter I Divi-temaet er der tre forskellige måder at lægge artikler op på sitet; Sider, indlæg og projekter. På Villybruun.dk bruges Sider til alle artikler. Man kan oprette eller redigere
GRAFISK 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.
Marc 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...
MANUAL. Siteloom CMS
MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 3. oktober, 2013 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 9 2. Sider...12 2.a. Opret side...13
Portfolio redesign. Kia Dahlen! cph-kd51@cphbusiness.dk! 1. semester eksamen! MUL-A 2013! !!! www.mul17.itkn.dk/portfolio/index.html!
Portfolio redesign Kia Dahlen cph-kd51@cphbusiness.dk 1. semester eksamen MUL-A 2013 www.mul17.itkn.dk/portfolio/index.html Underviserer: Ditlev Skanderby Frederik Tang Ian Wisler-Poulsen Jesper Hinchely
NY IDENTITET TIL SCHWARZ
GRAFISK DESIGN NY IDENTITET TIL SCHWARZ Redskaber: Photoshop Illustrator Kundeprofil: Schwarz er en eksklusiv forhandler af senge og tilbehør i topklavlitet. Med deres store sortiment af kvalitetsmærker
LogoGuide. Version
LogoGuide Version 1.1 2017 Rejseplanen LogoGuide 2 Dette er Rejseplanens LogoGuide, som har til formål at sikre en sammenhængende og ensartet brug af logoet. Har du spørgsmål til guiden, er du mere end
BRUGERGUIDE Nfoo Concept Digital Skiltning
BRUGERGUIDE Nfoo Concept Digital Skiltning Herunder finder du en introduktion til de forskellige funktioner i administrationsmodulet til dit Nfoo Concept Digital Skiltning INDHOLD LOGIN OG INDSTIL SPROG...
GRAFISK WORKFLOW. Layout Layout af hjemmesiden laves i Photoshop og siderne inddeles i mapper for bedre overblik.
GRAFISK WORKFLOW Opgaven Design og skabelse af website til maler og skrotkunstner Ole Møgelby. Websitet skal virke som en oversigt af Oles værker og som en informationsside. Programvalg Af programmer har
primær er informativ og dermed appellerende til fornuften og rationaliteten.
Opgaven Opgaven lød på at fremstille et nyt design til en hjemmeside for udlejning af lokaler, som Mil-tek tidligere har haft online, men som pt er lukket ned. Kunde og ansvar Kunden har været Mil-tek
Grafisk 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
MANUAL. Siteloom CMS
MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 13. marts, 2014 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 9 2. Sider...12 2.a. Opret side...13 2.b.
søgaard co ipaper online katalog - nyt liv til dine pdf filer
ipaper online katalog - nyt liv til dine pdf filer Brochurer, kataloger, blade mm. online ipaper giver brugeren mulighed for - på hjemmesiden - at bladre i dine kataloger, tryksager og brochurer på samme
Birgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE
Birgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE Grafisk produktion og workflow Grafisk produktion og workflow l 12 Pedersholmparken 6 DK 3600 Frederikssund Tlf.: +45 27 57 7164
srum Fritidsaktiviteter 04-12-2008: 1. Semester. Multimediedesigner Projektstart: 17/11-2008 Aflevering: 4/12-2008
Gruppe 9: Besir Redzepi, Jacob Pedersen, Garwun Jeffrey Lai og Sean Rørgren srum Fritidsaktiviteter 04-12-2008: 1. Semester. Multimediedesigner Projektstart: 17/11-2008 Aflevering: 4/12-2008 Indholdsfortegenelse
GRAFISK DESIGN. Hjemmeside til Dizzy Mizz Lizzy
GRAFISK DESIGN Hjemmeside til Dizzy Mizz Lizzy PROCESSBESKRIVELSE Beskrivelse af Dizzy Mizz Lizzy website Opstart 01. Research, filsøgning, idégenerering, målgruppe. 02. Designopsætning i photoshop Målgruppe
Manual CoffeeCup Visitkort konsulenter
Manual CoffeeCup Visitkort konsulenter Indhold 2 Start Lidt om sidens layout 3 Åbn den downloadede fil i CoffeeCup og gem den som dit eget projekt 3 Knapperne Ring og Mail Indsæt nyt link på Ring og mail
Vejledning til opbygning af hjemmesider
Side 1 af 9 Vejledning til opbygning af hjemmesider Hvis du er inde på din klubs hjemmeside, fx på forsiden, kan du nu gå i gang med at redigere. For at få redigeringsværktøjet frem, skal du klikke på
Grafisk Design. Trine Dichmann Knudsen
Trine Dichmann Knudsen Opgaven Designe et layout til en hjemmeside for Højen & Magic Fyrværkeri ApS. Designkrav & ønsker Baggrundsbilleder Tiltalende Moderne Anderledes Mere liv Der udover havde jeg frie
Opgaven. Brugervenlighed. Designparametre. Følgende krav var : Research. Målgruppe. Konklusion. sitet ikke bliver for mørkt.
Opgaven Opgaven var fiktiv og bestod i at redesigne og kode hjemmesiden Copenhagen Street Food samt at redesigne logo. Kunden ville gerne have et bedre flow på hjemmesiden og tiltrække flere besøgende
GRAFISK DESIGN SVENDEPRØVE 2013. Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5
NAVN PÅ OPGAVEN KERNEOMRÅDE SVENDEPRØVE 2013 Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5 Beskrivelse af opgaven I min fritid modtog jeg en opgave, som bestod i, at redesigne og kode et
PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester
PORTFOLIO SEBASTIAN NYHOLM Eksamensprojekt 1. Semester Indledning Dette projekt gik ud på at designe og udvikle sit eget portfolio, hvor indhold fra tidligere projekter, læring, brugerteste og begrundelse
CPH Business Academy. Lærere: JHI & TUJE www.ysy.dk/cfunding-it/index.html 04-10-2015
Crowdfunding Modul 3 CPH Business Academy. Lærere: JHI & TUJE www.ysy.dk/cfunding-it/index.html 04-10-2015 Josephine Lorentzen Camilla Norqvist Hansen Shiya Yang Michella Serritzlew Jacobsen Kamilla Melnyczok