Kunstforeningen Tangen

Projektrapport’Kunstforeningen

Tangen’

Multimedieteknologi og Interaktionsdesign Hold 2 2010

Marie Louise Højmose Kristensen Maiken Blichfeldt Hornor

Lars Studstrup Mia Kirkegaard

Side 1 af 33

Indholdsfortegnelse1 Introduktion..............................................................................................................................................1

1.1 Indledning.........................................................................................................................................1

1.2 Metode.............................................................................................................................................1

2 Foranalyse................................................................................................................................................2

2.1 Kundebesøg......................................................................................................................................2

2.2 Opgavebeskrivelse............................................................................................................................2

2.3 Projektbeskrivelse.............................................................................................................................2

3 Undersøgelse............................................................................................................................................3

3.1 Idéudvikling......................................................................................................................................3

3.2 Konceptbeskrivelse...........................................................................................................................3

3.3 Kommunikationsplan........................................................................................................................4

4 Design.......................................................................................................................................................6

4.1 Informationsdesign...........................................................................................................................6

4.2 Interaktionsdesign............................................................................................................................6

4.3 Præsentationsdesign........................................................................................................................7

5 Realisering................................................................................................................................................9

5.1 Evalueringsrapport og prototype......................................................................................................9

5.2 Prototype..........................................................................................................................................9

6 Projektgruppens evaluering....................................................................................................................10

7 Bilagsoversigt..........................................................................................................................................11

1 Introduktion

1.1 IndledningDenne projektrapport er udarbejdet til Kunstforeningen Tangen i forbindelse med projektgruppens arbejde med at oprette et ikke kommercielt website til kunstforeningen. Rapporten beskriver gruppens overvejelser, proces og det færdige produkt. Projektrapporten tjener ligeledes det formål at være den afsluttende eksamensopgave i faget Multimedieteknologi og Interaktionsdesign.

1.2 MetodeGruppen har valgt at benytte HOME – modellen i udviklingsarbejdets fire faser. Den er anvendt, da den er helhedsorienteret, velbeskrevet og kan tilpasses projektet, og vi har taget udgangspunkt i udviklingsparadigmet ”vandfaldsmetoden”. Dette understøtter projektets nogenlunde faste udgangspunkt og den faseopdelte udviklingsproces, som definerer vores proces. Det realiseres ved udviklingen af en tidsplan (se bilag 1) i projektets start, der skal sikre at vi overholder interne deadlines og milepæle samt sikre en systematisk fremgangsmåde. Denne fremgangsmåde er valgt af hensyn til projektets overordnede deadline for aflevering.

Det færdige website kan ses på: http://multimediekursus.ats.dk/mult2/marielouise/tangen/wordpress

Henvisning til bilag findes i rapporten.

Side 1 af 33

2 Foranalyse

2.1 KundebesøgDen 1. december havde projektgruppen møde med Erik Aabling, der er Kunstforeningen Tangens repræsentant over for projektgruppen. På mødet blev projektets forudsætninger afdækket, og kundens ønsker præsenteret over for gruppen. Spørgsmål om projektet og dets afgrænsning blev klarlagt. Det er gruppens skøn, at Erik Aabling præsenterede et bredt udsnit af interessentgruppen. Dette danner grundlag for gruppens fremtidige kommunikation. Efter mødet havde gruppen nu et tilstrækkeligt informationsgrundlag til at kunne vælge udviklingsmodel og proces metode.

2.2 OpgavebeskrivelseKunstforeningen Tangen er for nylig stiftet af et større sikkerhedsfirmas personalegruppe i Århus. Firmaets afdeling i Århus er på ca. 120 medarbejdere, hvoraf ca. 50 er medlem af kunstforeningen. Sammensætningen af personalegruppen skønnes at være 50/50 kvinder og mænd med en overvægt i aldersgruppen 40 + år. Foreningens ønske er at få oprettet en social-/informationsplatform i form af et for foreningen internt website. På websitet ønskes der oprettet et forum så både bestyrelse og medlemmer og potentielle medlemmer kan komme med indlæg. Målgruppens sammensætning ses som ”medlemmerne”, som er den primære målgruppe, og ”ikke medlemmer” som den sekundære målgruppe. Der ønskes en formular til indmeldelse for nye medlemmer og en for kunstnere, der har lyst til at udstille. Evt. kunstnere er altså den tertiære målgruppe. Foreningen ønsker som udgangspunkt ikke, at websitet skal være offentligt. Dette vil bestyrelsen senere tage stilling til.

2.3 ProjektbeskrivelseKunstforeningens ønske er at skabe et website som kommunikationsplatform til formidling af information til foreningens medlemmer og skabe interesse til de øvrige målgrupper. Websitet skal også fungere som en social platform via et forum på websitet. Kunstforeningen vil ikke have sikkerhedsfirmaets logo på websitet, men firmaets farver rød, hvid, sort og grå nuancer må gerne være de gennemgående farver – dette er dog ikke et krav.

På sitet skal der være en kontaktformular, så nye medlemmer kan søge om medlemskab. Ligeledes skal der være en aktivitetskalender, så brugerne kan se kommende og afholdte arrangementer. Selv om det ikke er aktuelt endnu, skal der være en kontaktformular, som henvender sig til nye kunstnere, der gerne vil kontakte kunstforeningen med henblik på at udstille. Websitet skal fremstå selvstændigt og ikke umiddelbart kunne relateres til firmaet. Foreningens vedtægter, formål og gallerier skal kunne ses på websitet. Der ønskes udarbejdet et logo til kunstforeningen, hvortil der ikke er nogen specifikke krav til logo. Websitets fremtræden ønskes meget enkelt og uden for meget støj, da opfattelsen er, at information er det primære budskab.

Side 2 af 33

3 Undersøgelse

3.1 IdéudviklingProjektgruppen har i undersøgelsesfasen valgt at benytte idéudviklingsværktøjet mindmapping (se bilag 2). Formålet med dette var at skabe en for gruppen fælles forståelse for projektets mission og vision, samt at få alle idéer omkring projektet lagt frem. Det viste sig, at mindmapping var et godt redskab, da vi med vor meget forskellige baggrund hver især kunne bidrage med nye vinkler, idéer og perspektiver til den fælles mindmap. Projektgruppen har i stor grad brugt hinanden som en del af idéudviklingen. Gennem dialog og diskussioner nåede gruppen frem til konstruktivt at kunne bearbejde emnet.

3.2 Konceptbeskrivelse

Titel

Projektets titel er ”Website til Kunstforeningen Tangen”.

Idé og formål

Projektets hovedformål er - ud fra de givne rammer og begrænsninger - at designe og fremstille et website til Kunstforeningen Tangens brugere. Websitets formål skal være, at brugerne kan læse nyheder og information om arrangementer, selv skrive indlæg og kommentarer på sitet og foreslå arrangementer. Ligeledes skal sitet fungere som fælles samlingspunkt og social platform for brugerne. Bestyrelsen ser det som en fordel, at de nu ikke fysisk skal sende breve med informationer og nyheder ud til medlemmerne.

Brug

Indholdet på sitet skal henvende sig til alle på den arbejdsplads, kunstforeningen er knyttet til, både medlemmer og ikke medlemmer. For medlemmerne vil websitet fungere som det sted hvor man finder sine informationer, læser om kommende arrangementer og deler nyheder og events. For ikke medlemmer vil websitet være en appetitvækker til det forum og den socialgruppe, de endnu ikke har meldt sig ind i. Websitet skal kun være på arbejdspladsens intranet, og derfor kun kunne ses på arbejdspladsen. Websitets indhold er således tilgængeligt for målgrupperne ”medlemmer” og ”ikke medlemmer”, hvorimod målgruppen ”eventuelt interesserede kunstnere der gerne vil udstille” ikke fra starten vil have adgang til websitet. Bestyrelsen vil senere tage stilling til om websitet skal offentliggøres, så interesserede kunstnere kan finde siden og rette henvendelse til kunstforeningen. Kontaktformularen til kunstnere er allerede oprettet og klar til evt. offentliggørelse.

Side 3 af 33

Indhold

Websitets indhold kan deles op i fire dele: En informationsdel, et galleri, en kontaktdel og et forum. Informationsdelen vil informere om bestyrelsen med kontaktoplysninger, fordele ved medlemskab - bl.a. at der en gang om året vil blive udloddet kunst købt af kunstforeningen - foreningens vedtægter og formål, afholdte og kommende arrangementer, nuværende og kommende kunstnere. Dernæst vil der være en galleridel, hvori der vil være værker af nuværende og kommende kunstnere. Kontaktdelen vil bestå af en indmeldelsesformular, og en kontaktformular som interesserede kunstnere kan bruge til at kontakte bestyrelsen. Den sidste del af websitet vil være et forum, hvor medlemmerne kan skrive online til alle og dele interessante oplysninger om udstillinger, arrangementer og events.

Udformning

Websitet opbygges, så indholdet fremtræder klart, tydeligt og overskueligt, hvilket gør det nemt at finde informationer og finde rundt. Det er altid muligt at komme tilbage til forsiden ved at klikke på logoet.

Behov

Kunstforeningen Tangen har ikke i forvejen et online medie til foreningens medlemmer, så der er helt klart et behov for websitet. Som bekendt er alle kunstforeningens ”medlemmer” og ”ikke medlemmer” ansatte i sikkerhedsfirmaet. For kort tid siden er firmaet flyttet til nye og større lokaler. For at styrke virksomheden og personalets interesser, velvære og sociale sammenhold samt udfylde de nye tomme vægge i det nye domicil, er initiativet om at stifte en kunstforening blevet budt velkommen både af personalet og firmaet. Der har været stor opbakning til kunstforeningen, der på sin stiftende generalforsamling blev startet op med godt 50 medlemmer, hvilket er knap halvdelen af firmaets ansatte.

3.3 Kommunikationsplan

Formål

Gruppen skal udvikle et website til Kunstforeningen Tangen. Sitet skal som udgangspunkt kun være internt tilgængeligt for virksomhedens med medarbejdere. Formålet er, at kunstforeningen ønsker at skabe et website, som kommunikationsplatform til formidling af information til foreningens medlemmer og skabe interesse hos ikke medlemmer. Websitet skal også fungere som social platform via et forum på websitet. På sigt kan websitet blive offentligt og informere interesserede kunstnere om mulighederne for at udstille kunst.

Side 4 af 33

Afsender

Kunstforeningens bestyrelse og foreningens initiativtagere har den dominerende afsenderrolle. Sekundært er det brugerne, der kommer med indlæg til websitet.

Målgruppen

Bestyrelsen ønsker at websitet skal nå ud til de tre tidligere nævnte målgrupper, men så længe websitet ikke er offentligt tilgængeligt er kunstnermålgruppen. Vi har derfor vægtet de to målgrupper der arbejder ved sikkerhedsfirmaet højest i produktion af websitet.

Websitets modtagere vil alle være kunstinteresserede blandt virksomhedens medarbejdere, hvad enten de er medlemmer eller ikke medlemmer. Modtagergruppen og målgruppen er sammenfaldende, da siden kan tilgås af alle medarbejdere i virksomheden.

Budskab

Websitet vil med formidling af information og annoncering af arrangementer medvirke til udbredelsen af kunst og ansattes kendskab/interesse for kunst, men i lige så høj grad det sociale samvær på tværs af afdelingerne.

Medie

Kunstforeningen vælger et website som medie for sin kommunikation. Det skyldes, at mediet er let at holde opdateret og giver en billig og hurtig formidling. Mediet stemmer overens med målgruppens mediemæssige præferencer. Alle målgrupper undtagen ”interesserede kunstnere” kan tilgå websitet. Mediet er tidssvarende og vil i en årrække være teknologimæssigt fremtidssikret, f.eks. kan websitet let kombineres med online videostreams, lyd og optimeres til at blive offentlig tilgængelig.

Side 5 af 33

4 Design

4.1 InformationsdesignInformationsdesignet til Kunstforeningen Tangen handler for gruppen om at udvælge, redigere og strukturere den information, der ønskes formidlet. På kundemødet med kunstforeningens repræsentant Erik Aabling har gruppen indsamlet baggrundsviden om virksomheden og information om Kunstforeningens ønsker til websitets indhold. Informationerne er herefter nøje blevet gransket og diskuteret i gruppen. Kvaliteten og dybden af informationerne er skønnet at være i orden. Bredden i informationerne kan diskuteres, da Erik Aabling har givet udtryk for, at kunstforeningen ønsker at være bred og være åben for anderledes kunst end traditionelle malerier. Efter websitets færdiggørelse må det være bestyrelsens og medlemmernes opgave at føje bredde til websitets indhold i form af de kunstnere, der vælges.

Gruppen har systematiseret informationerne og sorteret dem ud fra kriterier som relevans, hovedområde, underområde, dybde og bredde, f.eks. er foreningens vedtægter placeret på samme side som bestyrelsen. Her ses en sammenhæng mellem hovedområdet ”Bestyrelse” og underemne ”Vedtægter”. Informationernes dybde er struktureret således, at ”Bestyrelse” findes på sitet før underemnet ”Vedtægter”. Begge informationer ”Bestyrelse” og ”Vedtægter” hører til samme hovedområde, men er placeret i rækkefølge efter relevans, så ”Bestyrelse” kommer før ”Vedtægter”. De relevante informationer er struktureret i forskellige kategorier, som gruppen har valgt at systematisere informationerne i hovedområderne Forside, Bestyrelse, Arrangementskalender, Forum, Galleri, Kontakt og Bliv Medlem.

Websitets formål er ikke udelukkende at formidle information, men også at skabe en social platform for kunstinteresserede på kunstforeningens arbejdsplads. På websitets forum kan kunstinteresserede komme med indlæg, hvor brugerne frit kan skrive, hvad de har lyst til, og informationerne vil derfor i mindre grad være strukturerede. Websitets forum er af hensyn til informationernes strukturering og relevans placeret under et særskilt faneblad.

Medlemmernes krav til information skønnes at kunne blive opfyldt med lancering af websitet i betragtning af, at ingen medlemmer er personligt afhængige af websitet. Sitet er ikke kommercielt, og alle medlemmer kan selv komme med indlæg og kommentarer til sitets forum.

Da kunstforeningen har ønsket at beskæftige sig med ”Kunst” og ”information om kunst” på websitet, har gruppen haft drøftelser om, hvad der skal være primært, og hvad der skal være sekundært. Konklusionen er, at da det ikke er et kommercielt website, skal ”information” være primær på sitet frem for andre grafiske virkemidler.

På sitet er der en søgefunktion, som websitets brugere via søgefunktionen kan søge specifikke emner eller med stikord finde frem til indlæg skrevet i forum.

4.2 InteraktionsdesignBrugerens samspil og interaktion med mediet beskrives her som websitets interaktionsdesign. Websitet har i mindre grad interaktion med brugerne. Den intuitive funktionalitet er begrænset til at kunne klikke sig vej

Side 6 af 33

rundt på sitet med musen, udfylde et søgefelt, udfylde en kontaktformular, vælge en menu i en drop-down funktion og kommunikere i et forum.

Mediets respons til brugeren er sideskift når der klikkes på links til en ny side, skift af farve (hover) i menu-baren, når der klikkes på et link. Når der i forum klikkes på nyt indlæg, fremkommer der et skrivefelt, som opdateres online og kommer frem på skærmen, når brugeren skriver indlæg. Ved indmeldelse kvitteres der med en velkomsthilsen.

Da det er et ikke kommercielt website, vil det være de samme informationer og de samme menuer, der kommer frem til alle brugere. Websitet er opbygget efter en hierarkisk struktur, der begynder med en forside og derefter forgrener sig i ét eller flere skærmbilleder. Det er muligt at komme til alle underemner direkte fra forsiden via en menu-bar. Ligeledes kan man fra en undermenu via menu-baren eller højre sidebar navigere direkte til en anden undermenu.

Websitet kan let tilpasses nye fremtidige interaktionsbehov som f.eks. 3D billeder, der kan drejes rundt ved klik med musen, videostreams og rene audiofiler. Websitets strukturering af informationerne og de veje som brugeren kan bevæge sig på ses i websitets flowchart. (Se bilag 3, 4, 5 og 6)

4.3 Præsentationsdesign Præsentationsdesignet er det samlede resultat af informationen og de interaktive virkemidler på sitet. Formålet har været at skabe et website, der integrerer og forener de to virkemidler til en samlet helhed, som giver websitets besøgende en god oplevelse.

Gruppens mål har været gennem design at skabe en samlet grænseflade, der danner en stil og stemning, som harmonerer med målgruppen, og det budskab der ønskes formidlet. Gennem et bevidst valg af designparametrene: Form, typografi, farver og billeder er resultatet blevet et enkelt og overskueligt website, hvor design og information harmonerer sammen.

Komposition

Websitets komposition er helt klassisk med logoet placeret øverst i midten. Under logoet findes en horisontal centreret navigationsbar med drop-down funktion. Midt på sitet findes et informationsområde med sitets kernebudskab. Til venstre ses et billede i sorthvide farver. Til højre findes sidebaren med navigation til ”Nyheder”, ”Aktuel Udstilling” og ”Kommende Udstilling”. Søgefeltet er placeret nederst i sidebaren. Denne placering er ikke central, da websitets opbygning er meget enkel og overskuelig, og det må formodes, at den typiske besøgende er fortrolig med websitet.

Navigation

Navigationen markeres med hover på drop-down menuer i navigations-baren.

Side 7 af 33

Farver og kontraster

Kunden har ønsket, at farverne på firmaets website går igen på kunstforeningens website, men det er ikke et krav. Samtidig ønskede kunstforeningen at adskille sig fra firmaet. Gruppen startede ud med udelukkende at anvende de efterspurgte farver, men kom efter test og evaluering af design til den konklusion, at dette ville give forkerte signaler. Det lignede stadig et website for et sikkerhedsfirma med den store kontrast imellem den røde og de sort/hvide nuancer. Samtidig blev målet at skabe et rolig og behagelig site ikke opnået med disse farver. Vi valgte derfor at lade den dæmpede limegrønne og blå nuancer være de primære farver (se bilag 7).

Kreativitet, som vi mener et kunstværk signalerer, associeres med farver. En grøn farve giver dynamik og udstråler positivitet, hvor den blå sammen med de grå nuancer giver siden et roligt udtryk og dæmper den grønne farve.

Vi har bibeholdt firmaets farver, men de er ikke dominerende. Den røde er brugt i logoets grafiske element, og dette fanger øjet, det er det første man ser.

Medieelementer

Der bruges primært en formidlende og informerede tekst, som generelt er afpasset emnets bredde og dybde. Teksten som element understreger websitets seriøsitet. Billedet i forsidens venstre kolonne er et foto af arbejdspladsens indgangsparti. Billedet tjener det æstetiske formål at skabe genkendelsesglæde og stemning.

Gestaltlovene

Websitet er bygget op af felter og områder, der hver lukker eller afgrænser en bestemt indholdstype som f.eks. header, menubar, tekstområde, forum og footer. Som eksempel kan nævnes websitets sidebar som har tre områder, hvor lukketheden ses ved, at alle tre områder har den samme grå baggrund.

Side 8 af 33

5 Realisering

5.1 Evalueringsrapport og prototypeGruppen har i processen med design af websitet løbende produceret de forskellige medieelementer, og det færdige website fremstår nu som en prototype.

Procesforløbet frem til designfasen har været kontinuerligt, men reversibelt. Udarbejdede skitser og planer er løbende blevet evalueret og testet. Kodningen af websitet og rapportskrivning er påbegyndt og udført sideløbende med produktionen af informationsdesign og interaktionsdesign. Den udførte kodning er testet og afprøvet med jævne mellemrum. Ved færdiggørelsen er kodningen afsluttet og websitet er testet for fejl.

5.2 PrototypeWebsitet er bygget op på CMS platformen WordPress, der er en Open Source ressource uden krav om licensbetaling. Platformen er velegnet og funktionel til opgaven, da den ses som en populær hobbyplatform. I størrelse er den overskuelig og håndterlig i forhold til store kommercielle platforme. Platformen ses i kraft af dens udbredelse og opbakning fra IT udviklere at være fremtidssikret i skønsmæssig min. fem år. Som tema har vi valgt Atahualpa.

Kodningen af websitet er udført i PHP, og det færdige website skal hostes på en FTP server, der understøtter PHP. (Bilag 7, 8 og 9)

Vor kunde Kunstforeningen Tangen kan, hvis det har interesse købe det færdige produkt ved henvendelse til projektgruppen. Prisen er ikke negotiabel og vil være otte stk. turbånd til Tivoli Friheden i Århus.

Side 9 af 33

6 Projektgruppens evaluering

Under udarbejdelse af projektet er vi kommet til den konklusion, at det ikke har været muligt at følge vandfaldsmetoden systematisk. Under designfasen har vi erfaret, at sammensætning af komposition, farver billeder m.m. løbende skulle revurderes.

Projektgruppen har nu afsluttet projektet, og projektrapporten er uploadet til issuu.com og afleveret i papirform. Der er brugt forholdsvis mange timer på projektet, knap 100 timer mod forventede 78 timer, men tidsplanen for projektets færdiggørelse blev overholdt.

Gruppen vurderer det færdige resultat som ganske tilfredsstillende.

Samarbejdet i gruppen er forløbet over al forventning. Vor forskellighed og baggrund har i høj grad bidraget til en overvældende idérigdom. Humøret har været højt, og stor entusiasme er lagt i arbejdet. Opgaverne er løst i samarbejde uden tumultagtige scener og alvorlige trusler.

Side 10 af 33

7 Bilagsoversigt

Bilag 1: Tidsplan

Bilag 2: Mind-map

Bilag 3: Logoskister

Bilag 4: Flowchart

Bilag 5: Storyboard

Bilag 6: Wrapper-skelet

Bilag 7: Designmanual

Bilag 8: Pre-Mock-Up

Bilag 9: Mock-Ups (Prototype)

Bilag 10: Kontaktperson

Side 11 af 33

Bilag1 – Tidsplan

Side 12 af 33

Bilag 2 – Mind Map

Side 13 af 33

Bilag 3 – Logoskitser

Side 14 af 33

Bilag 4 – Flowchart

Siderne, der har en mørkeblå-grå farve, er forældre-sider. Den limegrønne kasse illustrerer vores sidebar med widgets. De lysegrå kasser er børne-siderne.

Side 15 af 33

Forside

Nyheder

Aktuel udstilling

Kommende udstillinger

Bestyrelse Arrangementskalender Forum Galleri Kontakt Bliv medlem

Vedtægter

Referater

Udflugter Nyheder Udlodning

Udstillingsarkiv

Bilag 5 – Storyboard

Side 16 af 33

Bilag 6 – Wrapper-skelet

Højden i wrapperen er flydende.

Side 17 af 33

Bilag 7 – Designmanual

Fonte

Primær typografi

Som primær typografi har vi valgt at anvende den letlæselige og gængse webunderstøttede skrift, Verdana. Den bruges i overskrifter, brødtekst og footer.

Sekundær typografi

Trebuchet MS anvendes kun i logo og menuknapper. I menuknapperne er Trebuchet MS i uppercase for at tydeliggøre, at her er indlagt en funktion der adskiller sig fra den øvrige tekst.

Grafisk typografi

Logoets navnetræk, Kunstforeningen Tangen, er designet i Illustrator og er indsat som billede.

Primær Typografi

Overskrift i main

Verdana, bold, 18px, farve: # 000000, baggrund: # f3f4f2

Underoverskrift i main

Verdana, bold, 12px, farve: #000000, baggrund: #f3f4f2

Overskrift i right

Side 18 af 33

Verdana, bold, 18px, farve:#000000, baggrund: #bbbbbb

Underoverskrift i right

Verdana, bold, 12px, farve: #000000, baggrund: #bbbbbb

Brødtekst i main og right

Verdana, regular, 12px, farve: #000000, baggrunde:# f3f4f2 og #bbbbbb

Tekst i footer

Verdana, regular, px, farve:# 999999 baggrund: # bed730

Sekundær Typografi

Tekst i logo

Trebuchet MS, regular, farve: #f3f4f2 , baggrund: #374b53(se grafisk typografi)

Emner i menubar

Terbuchet MS, regular, 12px, uppercase, farve: #000000, baggrund: #bed730

FORSIDE BESTYRELSE ARRANGEMENTSKALENDER BLIV MEDLEM FORUM GALLERI ARKIV

Side 19 af 33

Grafisk typografi

Klippet ud som billede, hvor navnetrækket har farven:# f3f4f2 på baggrunden: # 374b53

Farver

CMYK: 0% 0% 0% 100%

RGB: 35 31 32

Hex: #231f20

CMYK: 75,02% 67,97% 67,02% 90,16%

RGB: 0 0 0

Hex: #000000

CMYK: 30% 1,57% 3,53% 81%

RGB: 55 75 83

Hex: #374b53

CMYK: 0% 97,25% 92,94% 0%

RGB: 238 40 43

Hex: #ee282b

CMYK: 3,53% 1,57% 3,53% 0%

RGB: 243 244 242

Side 20 af 33

Hex: #f3f4f2

CMYK: 30,2% 0% 100% 0%

RGB: 190 215 48

Hex: #bed730

CMYK: 27,06% 21,18% 21,96% 0%

RGB: 187 187 187

Hex: #bbbbbb

CMYK: 42,64% 34,79% 35,32% 0,99%

RGB: 153 153 153

Hex: # 999999

CMYK: 23,5% 15,36% 12,69% 0%

RGB: 194 201 208

Hex: # c2c9d0

CMYK: 54,63% 46,13% 45,76% 11,12%

RGB: 119 119 119

Hex: #777777

Side 21 af 33

Bilag 8 – Pre-Mock-Up

Et

udkast til weblayout’et ud fra storyboardet.

Side 22 af 33

Bilag 9 – Mock-Ups (Prototype)

Forside

Navigation/knapper

Knapper i menubar: Trebuchet MS, regular, 12px, uppercase, farve: #000000, baggrund: #bed730Knapper i menubar hover: farve: #000000, baggrund: #ddddddLinks i main og right: Verdana, bold, 12px, farve: #777777 baggrund: #f3f4f2 # og bbbbbb

Tekstindhold

Der er i right sidebar indsat tekstwidgets.

For typografier: se designmanual.

Faste grafiske elementer:

Logoet i Header: IMG_1479.jpgBilledet i Left er indsat som en tekst-widget

Side 23 af 33

Bestyrelse

Navigation/knapper


Tekstindhold




Side 24 af 33

Arrangementskalender

Navigation/knapper


Tekstindhold




Side 25 af 33

Forum

Navigation/knapper


Tekstindhold




Side 26 af 33

Nyheder

Navigation/knapper


Tekstindhold




Side 27 af 33

Galleri

Navigation/knapper


Tekstindhold




Side 28 af 33

Kontakt

Navigation/knapper


Tekstindhold

Der er anvendt to plug-ins: Contact form 7 og Captcha.For typografier: se designmanual.



Side 29 af 33

Bliv medlem

Navigation/knapper


Tekstindhold

Der er anvendt to plug-ins: Contact form 7 og Captcha.For typografier: se designmanual.



Side 30 af 33

Bilag 10 - Kontaktperson

Navn: Marie Louise Højmose Kristensen

Mail: [email protected]

Side 31 af 33

mailto:[email protected]

Kunstforeningen Tangen

Documents