website for rhytm og blues bilag

23
Brian Mortensen, Morten Schärfe , Henriette Nielsen Webteknologi og interaktionsdesign, November 2011, Erhvervsakademiet Lillebælt Website for Rhythm & Blues, Bilag

Upload: henriette-nielsen

Post on 08-Mar-2016

225 views

Category:

Documents


4 download

DESCRIPTION

Erhvervsakademiet Lillebælt Webteknologi og interaktionsdesign, Brian Mortensen, Morten Schärfe , Henriette Nielsen November 2011, Sidens øvrige indhold................................................................................................................................................................ 23 Øverste menu-bar ..................................................................................................................................................................... 22

TRANSCRIPT

Page 1: Website for Rhytm og Blues Bilag

Brian Mortensen,

Morten Schärfe ,

Henriette Nielsen

Webteknologi og

interaktionsdesign,

November 2011,

Erhvervsakademiet

Lillebælt

Website for Rhythm & Blues, Bilag

Page 2: Website for Rhytm og Blues Bilag

Website for Rhythm & Blues

Side 2

Indhold Forside ......................................................................................................................................................................................... 1

Tidsplan ....................................................................................................................................................................................... 3

Se særskilt Bilag: Tidsplan RogB............................................................................................................................................... 3

Idégrundlag/brainstorm.............................................................................................................................................................. 4

Skitser ......................................................................................................................................................................................... 8

Flowchart .................................................................................................................................................................................. 11

Storyboard ................................................................................................................................................................................. 12

Skelet ......................................................................................................................................................................................... 17

Designmanual ........................................................................................................................................................................... 20

Generelt: .................................................................................................................................................................................... 20

Typografi: ............................................................................................................................................................................... 20

Øverste menu-bar ..................................................................................................................................................................... 22

Sidens øvrige indhold................................................................................................................................................................ 23

Page 3: Website for Rhytm og Blues Bilag

Website for Rhythm & Blues

Side 3

Tidsplan

Se særskilt Bilag: Tidsplan RogB.

Page 4: Website for Rhytm og Blues Bilag

Website for Rhythm & Blues

Side 4

Idégrundlag/brainstorm

Page 5: Website for Rhytm og Blues Bilag

Website for Rhythm & Blues

Side 5

Page 6: Website for Rhytm og Blues Bilag
Page 7: Website for Rhytm og Blues Bilag

Website for Rhythm & Blues

Side 7

Page 8: Website for Rhytm og Blues Bilag

Website for Rhythm & Blues

Side 8

Skitser

Page 9: Website for Rhytm og Blues Bilag

Website for Rhythm & Blues

Side 9

Page 10: Website for Rhytm og Blues Bilag

Website for Rhythm & Blues

Side 10

Page 11: Website for Rhytm og Blues Bilag

Website for Rhythm & Blues

Side 11

Flowchart

Page 12: Website for Rhytm og Blues Bilag

Website for Rhythm & Blues

Side 12

Storyboard

Page 13: Website for Rhytm og Blues Bilag

Website for Rhythm & Blues

Side 13

Page 14: Website for Rhytm og Blues Bilag

Website for Rhythm & Blues

Side 14

Page 15: Website for Rhytm og Blues Bilag

Website for Rhythm & Blues

Side 15

Page 16: Website for Rhytm og Blues Bilag

Website for Rhythm & Blues

Side 16

Page 17: Website for Rhytm og Blues Bilag

Website for Rhythm & Blues

Side 17

Skelet

Page 18: Website for Rhytm og Blues Bilag

Website for Rhythm & Blues

Side 18

Page 19: Website for Rhytm og Blues Bilag

Website for Rhythm & Blues

Side 19

Page 20: Website for Rhytm og Blues Bilag

Website for Rhythm & Blues

Side 20

ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ

abcdefghijklmnopqrstuvwxyzæøå

0123456789

Designmanual

Generelt:

Websitet er lavet og skal administreres i wordpresstemaet Darkford.

Typografi:

Primær typografi: Font-family: Droid Sans, Helvetica, Arial, sans-serif; Font-size: 11px; Color: #c0c0c0;

Baggrundsfarve: #232323

Page 21: Website for Rhytm og Blues Bilag

Website for Rhythm & Blues

Side 21

ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ

abcdefghijklmnopqrstuvwxyzæøå

0123456789

Til overskrifter i teksafsnit, sidetitler: Font-family: Droid serif, Georgia, Times, serif; Font-size: 25px; Color: #ffcc33

Sekundær overskrift i tekstafsnit: Font-size: 12px, Color: #c0c0c0

Page 22: Website for Rhytm og Blues Bilag

Website for Rhythm & Blues

Side 22

Øverste menu-bar

Øverste menu-bar

a: visited, a: hover: color: #ffcc33, background-color: #232323

Page 23: Website for Rhytm og Blues Bilag

Website for Rhythm & Blues

Side 23

Sidens øvrige indhold

Menustrukturen i boksen i venstre side:

Sidebar-overskrift:

font-size: 12px; color: #000000; background-color: #ffffff

a: link, a: visited:

color: #000000; background-color: #232323; font-size:

11px

a: hover, a: active:

color: #ffcc33; background-color: #232323; font-size:

11px

Popup-info: ????

Søgefelt:

font-family: Courier New, MS Sans Serif, sans-serif, serif; font-

size: 13px; color: #000000; background-color: #ffffff