Indholdsfortegnelse. Designmanual Borsen.dk 1. Farver 01. Fonte 02. Ikoner og knapper 03. Menuen 04. Bannere 05. Generelle mål 06. Grafikelementer 07

Save this PDF as:
 WORD  PNG  TXT  JPG

Størrelse: px
Starte visningen fra side:

Download "Indholdsfortegnelse. Designmanual Borsen.dk 1. Farver 01. Fonte 02. Ikoner og knapper 03. Menuen 04. Bannere 05. Generelle mål 06. Grafikelementer 07"

Transkript

1 Indholdsfortegnelse Designmanual Borsen.dk 1 Introduktion Farver 01 Fonte 02 Ikoner og knapper 03 Menuen 04 Bannere 05 Generelle mål 06 Grafikelementer 07 Billedstørrelser 08 Tabeller og Input-felter 09 Skabelonoversigt 10 Moduler 11 Subsites 12 Koder Eksempler Oversigt over fontbrug i overskrifter Oversigt over fontbrug i brødtekt Links Eksempler Knapfarver og mål Ikoner Knapper Ikoner til Artikelarkiv Oversigt over funktion af menuen Foldet ud Mål for grafik Mål for placering af tekst Overstates Mål Størrelser Toppen / Global menu Bunden Forsiden Skabelon A Skabelon C Skabelon D Popup NyhedsTicker Content stibler Boks Tabelmål Input-felter Lister (A3 A4) Lister (A5) Lister (A6) Lister (A7) Lister (A8) Lister (L1 L2) Top (A1) Overskrifts baggrund (H) Infoboks (J) Tekst og billeder (A2 A9 A10 A11 A14 D1 E1 E2 E3 E4 E5 E6 F1 F2) Custom (K K2 C3 C6 C8 C11 C15 C16 C17 C18 C21 C23) Generelle mål Firmabilen undersider Farveeksempler Eksempel på andet subsite

2 Introduktion Designmanual Borsen.dk 2 Formålet med denne designmanual er at sikre, at alle siderne på får et ensartet og professionelt udseende. Med designmanualen i hånden kan Børsens medarbejdere og samarbejdspartnere altid slå op og få svar på spørgsmål om hjemmesidens layout. Her er svar på alt lige fra farven på et link til pixelmålene for en bannerreklame. Hver side på består af en skabelon. Alle skabeloner indeholder en top, en bund og en menu. Forskellen mellem de forskellige skabeloner består typisk i, hvor mange spalter siden har, og hvor store de er. Hver skabelon indeholder et antal moduler. Modulerne viser sidens indhold, f.eks. tekster, billeder eller nyhedslister. Designmanualen beskriver også, hvordan de enkelte moduler skal se ud. Denne designmanual er designet og produceret af Dwarf Ved spørgsmål kan der rettes hendvendelse til: Dwarf A/S. Bernhard Bangs Allé 25, DK-2000 Frederiksberg T: (+45) E:

3 Farver 01 Farver

4 Farver Her ses en oversigt over de farver, som bliver brugt på borsen.dk. Farverne er de generelle farver, d.v.s at der kan forekomme andre farver i grafikker og billeder Designmanual Borsen.dk 3 Grundfarver RGB: HEX: #243B77 RGB: HEX: #F7E7DA RGB: HEX: #B5B9C0 RGB: HEX: #F1F2F4 Grafikelementer RGB: HEX: #243B77 RGB: HEX: #8A8D95 RGB: HEX: #969AA1 RGB: HEX: #ECE4DC RGB: HEX: #F1F2F4 RGB: HEX: #FFFFFF RGB: HEX: #5FD948 RGB: HEX: # Fonte RGB: HEX: # RGB: HEX: #292B2C RGB: HEX: #1C367A RGB: HEX: # RGB: HEX: #283D73 RGB: HEX: #F2F1F1

5 Farver: Eksempler Designmanual Borsen.dk 4 Eksempel på farvebrug RGB: HEX: #F7E7DA RGB: HEX: # RGB: HEX: #292B2C RGB: HEX: #243B77 RGB: HEX: #969AA1 RGB: HEX: #F1F2F4 RGB: HEX: #8A8D95 RGB: HEX: #1C367A RGB: HEX: ##F2F1F1 RGB: HEX: #B5B9C0

6 Fonte 02 Farver

7 Fonte: Oversigt over fontbrug i overskrifter Designmanual Borsen.dk 5 Verdana Bold 10 px. #F2F1F1 - i overskriftbokse og på mørk/blå baggrund Verdana 10 px. #F2F1F1 - i overskriftbokse og på mørk/blå baggrund Helvetica Bold 24 px. ## nyheds- og artikeloverskrifter Helvetica Bold 20px. # nyheds- og artikeloverskrifter Helvetica Bold 16 px. # nyheds- og artikeloverskrifter

8 Fonte: Oversigt over fontbrug i brødtekst Designmanual Borsen.dk 6 Verdana Bold 9 px. #292B2C - bruges til datoer, klokkeslet og til billedtekst i overskrifter Verdana 9 px. #292B2C - bruges til datoer, klokkeslet og til billedtekst i brødtekst Verdana Bold 11 px. #292B2C - bruges til overskrifter og fremhævelser i brødtekst Verdana 11 px. #292B2C - brødtekst Verdana 10 px. #1C367A - bruges til læs mere... og enkeltstående links Verdana Italic 10 px. #292B2C - bruges til ekstra infomationer i f.eks. artikler

9 Fonte: Links 01 Farver, størrelser og brug Designmanual Borsen.dk 7 Overskrifter Overskrift Link: Helvetica 24 & 16 px. # Hover: Helvetica 24 & 16 px. #1C367A Overskrifter og brødtekster Overskrift Link: Helvetica 24 & 16 px. # Link: Verdana 10 px. #1C367A Hover: Helvetica 24 & 16 px. #1C367A Hover: Verdana 10 px. #990000

10 Fonte: Links 02 Designmanual Borsen.dk 8 Lister Link: Verdana 11 px. #1C367A Hover: Verdana 11 px. # Link: Verdana 10 px. #1C367A Lister Link: Verdana 10 px. #FEFEFC Hover: Verdana 10 px. #FEFEFC Overskrifter Link: Verdana Bold 11 px. #1C367A Hover: Verdana Bold 11 px. #990000

11 Fonte: Eksempel 01 Designmanual Borsen.dk 9 Helvetica Bold. 24 px. # Verdana Bold. 11 px. #292B2C Verdana Bold. 10 px. #F2F1F1 Helvetica Bold. 16 px. # Verdana. 11 px. #292B2C Verdana. 11 px. #292B2C Verdana. 10 px. #292B2C Verdana. 11 px. #1C367A Verdana. 9 px. #292B2C Verdana Bold. 9 px. #292B2C Verdana. 10 px. #F1F2F4 Verdana. 10 px. #1C367A Verdana. 10 px. #1C367A Verdana Bold. 9 px. #292B2C Verdana. 9 px. #292B2C

12 Fonte: Eksempel 02 Designmanual Borsen.dk 10 Verdana Bold. 11 px. #292B2C Helvetica Bold. 16 px. # Verdana Bold. 10 px. #F2F1F1 Verdana. 10 px. #F2F1F1 Verdana. 10 px. #1C367A Verdana. 11 px. #1C367A Verdana Bold 11 px. #292B2C Verdana 11 px.#1c367a Verdana. 10 px. #1C367A Verdana. 11 px. #292B2C Verdana. 10 px. #292B2C Verdana. 11 px. #1C367A Verdana Bold & Normal. 11 px. #292B2C

13 Ikoner og knapper 03 Farver

14 Ikoner og knapper: Knapfarver og mål Designmanual Borsen.dk 11 Grafikfarver til knapper RGB: HEX: #7C8BB2 RGB: HEX: #1C367A RGB: HEX: # RGB: HEX: #AEB6C2 RGB: HEX: # RGB: HEX: #21A121 RGB: HEX: #525E6E RGB: HEX: #525E6E Mål og farver på knapper Gradient: # D6DBE6 - # F2F6FB # 9EA2AB min. 4 px 16 px # BDC3D0 7 px 9 px Verdana Regular 10 px. # 4E5053

15 Ikoner og knapper: Ikoner Der skal som grundregl være 6 px luft mellem ikonet og den efterfølgende tekst el. grafik Designmanual Borsen.dk 12 Link til andet område(hvis der vurderes at brugeren skal gøres opmærksom på at han/hun forlader aktuelle område) Booking Foran et link, der står alene. F.eks et Søg tidligere artikler link i bunden af en liste Foran link til et Børsen værktøj Foran et link der linker til en Artikel Gem RSS feid Slet Foran et frem link Bagved et tilbage link Foran et link for at vise, at det linker til noget længere nede el. bunden af siden (anker) Indikerer, at linket åbner en PDF-fil Log ind icon Bruges i grå infobox Vigtig infomation Bruges i grå infobox Indhold fra dagbladet Børsen (avisen) Indhold fra Børsen Nyhedstjeneste Print ikon (bruges kun i globalmenuen) Videoikon Lydikon Pinch, et pinched artikel forbliver åbent, når man ekspanderer en anden Pil ned (illustrerer nedadgående tal) Pil op (illustrerer opadgående tal) Tilvalg Zoom ind

16 Ikoner og knapper: Knapper Designmanual Borsen.dk 13 Rediger Slet

17 Ikoner og knapper: Ikoner til Artikelarkiv Designmanual Borsen.dk 14 Listeknap efterfulgt af forklarende link Søgeknap efterfulgt af forklarende link Søgeknap Startsiden Aktuel liste / Inaktiv Forrige liste / Inaktiv Næste liste / Inaktiv Bunden af siden / Inaktiv Toppen af siden / Inaktiv Sidste dokument / Inaktiv Første dokument / Inaktiv Forrige dokument / Inaktiv Næste dokument / Inaktiv Udgangsdokument for søgelink / Inaktiv Forrige søgelink / Inaktiv Næste søgelink / Inaktiv Søgelink / Inaktiv Hjælp Ord, der indgår i en ordstreng Ord / ordstrenge, der slutter med Ord / ordstrenge, der begynder med

18 Menuen 04 Farver

19 Menu: Oversigt over funktion af menuen Designmanual Borsen.dk 15 Menu default Menu ikke logget ind Min Børsen fungerer som knap

20 Menu: Foldet ud Menuen er opbygget i niveauer. Klikker man på nyheder, folder menuen sig ud til andet niveau. Klikker man på ugens overblik, vises tredie niveau osv. Nivauerne har forskellige farver, som gør det nemt at se, hvor langt nede i menuen man er Designmanual Borsen.dk 16 Menu foldet ud i 2. niveau Menu foldet ud i 3. niveau Menu foldet ud i 4. niveau

21 Menu: Mål for grafik Designmanual Borsen.dk 17 Ramme: 1 px. #9EA2AB 27 px 4 px 13 px 14 px Gradient: 5 px. #AFB3BD - #F1F2F4 Afstand: 2 px Afstand: 2 px 13 px 25 px i tilfælde af to linier Afstand: 1 px 13 px Afstand: 1 px Afstand: 1 px Afstand: 1 px 25 px i tilfælde af to linier Afstand: 1 px Afstand: 1 px 13 px 25 px i tilfælde af to linier min. 52 px 5 px Afstand: 4 px Afstand: 2 px 13 px Afstand: 8 px Afstand: 10 px Gradient: 5 px. #AFB3BD - #F1F2F4 14 px 10 px 10 px Stiblet linie: 1 px. #969AA1 10 px 10 px Stiblet linie: 1 px. #969AA1 15 px min. 52 px 5px

22 Menu: Mål for placering af tekst Designmanual Borsen.dk 18 Verdana Bold. 10 px. #F2F1F1 4 px 5 px 3 px 5 px Verdana Bold. 10 px. #F2F1F1 10 px Verdana Bold. 10 px. # px 14 px i tilfælde af to linier 18 px Verdana. 10 px. # px Verdana. 10 px. #FFFFFF 19 px Verdana. 10 px. #3C4D7A 11 px 3 px 5 px 4 px Verdana Bold. 10 px. #3C4D7A 15 px 5 px 3 px 4 px Verdana 10 px. #F2F1F1 Verdana 11 px. #3C4D7A 5 px 4 px Verdana 11 px. #3C4D7A

23 Menu: Overstates Designmanual Borsen.dk 19 Verdana Bold. 10 px. # Verdana 11 px. # Verdana 11 px. # Verdana 10 px. #990000

24 Bannere 05 Farver

25 Banner: Mål 01 Designmanual Borsen.dk 20 B0 Topbanner: 728 x 90 px Ramme 1 px. # 8A8D95 B4 Verdana 9 px. #292B2C Banner 300 x 250 px 3 px

26 Banner: Mål 02 Designmanual Borsen.dk 21 B1 Banner (højre spalte): 240 x 400 px 3 px Verdana 9 px. #292B2C B2 Banner (højre spalte): 140 x 350 px 3 px Verdana 9 px. #292B2C 5 px

27 Banner: Mål 03 Designmanual Borsen.dk 22 B3 Verdana 9 px. #292B2C 11 px min. 11 px 14 px 14 px 12 px 13 px Verdana 10 px. #1C367A

28 Banner: Størrelser 01 Venstre spalte er den spalte tættest på menuen. Alle mål angiver bredder på spalterne Designmanual Borsen.dk 23 Skabelon A A W: 240 pix. Venstre spalte : Højre spalte : 454 px 240 px Logo Menu Stor overskrift Banner Global menu / login område Banner/ Fokusområde Højre Menu Afmelding Skabelon B B W: 140 pix. Venstre spalte : Midterste spalte : Højre spalte : 300 px 229 px 140 px Logo Menu Banner Global menu / login område Fokusområde Banner Afmelding Skabelon B2 B2 W: 140 pix. Venstre spalte : Højre spalte : 554 px 140 px Logo Menu Banner Global menu / login område Fokusområde Liste Banner Afmelding Skabelon B3 B3 W: 140 pix. Venstre spalte : Højre spalte : 554 px 140 px Logo Menu Banner Global menu / login område Fokusområde Banner Afmelding

29 Banner: Størrelser 02 Designmanual Borsen.dk 24 Skabelon C C W: 140 pix. Venstre spalte : Højre spalte : 554 px 140 px Logo Menu Billedområde Banner Global menu / login område Højre menu Banner/ Fokusområde Afmelding Skabelon C2 C2 W: 140 pix. Venstre spalte : Midterste spalte: Højre spalte : 300 px 229 px 140 px Logo Menu Banner Global menu / login område Fokusområde Banner Afmelding Skabelon D D W: 252 pix. Venstre spalte : Højre spalte : 442 px 252 px Logo Menu Banner Global menu / login område Afmelding Skabelon E E W: 240 pix. Venstre spalte : Højre spalte : 454 px 240 px Logo Menu Stor overskrift Banner Global menu / login område Billed + billed tekst Afmelding

30 Banner: Størrelser 03 Designmanual Borsen.dk 25 Skabelon F1 F1 W: 140 pix. Venstre spalte : Højre spalte : 554 px 140 px Logo Menu Formside Banner Global menu / login område Fokusområde Banner Afmelding Skabelon F2 F2 W: 140 pix. Venstre spalte : 554 px Når opdelt i to Spalte 1 : 265 px Spalte 2 : 265 px Højre spalte : 140 px Logo Menu Formside Banner Global menu / login område Fokusområde Banner Afmelding Skabelon F3 F3 W: 140 pix. Venstre spalte : 554 px Når opdelt i tre Spalte 1 : 168 px Spalte 2 : 168 px Spalte 2 : 168 px Højre spalte : 140 px Logo Menu Formside Banner Global menu / login område Fokusområde Banner Afmelding

31 Generelle mål 06 Farver

32 Generelle mål: Toppen / Global menu Designmanual Borsen.dk 26 Generelle mål Ramme 1 px. #8A8D95 Banner 728 x 90 px. 1 px 166 px 19 px 20 px 11 px 16 px 916 px Specifikke mål Verdana Bold 10 px. #F2F1F1 Verdana 10 px. #F2F1F1 Verdana Bold 10 px. #F2F1F1(højrestillet) Verdana 10 px. #F2F1F1 4 px 10 px 12 px 6 px 6 px 6 px 6 px 4 px 4 px Verdana 10 px. #F2F1F1 60 x 12 px. 2 px 3 px 8 px 3 px 12 px 6 px 6 px 6 px 6 px Gradient #7B #F3E3D6. H; 6 px. 4 px 4 px

33 Generelle mål: Bunden Designmanual Borsen.dk 27 Gradient #F4E5D8 - #D7CCC4. H; 4 px. 2 px. # Gradient: #213F7A - #1C336B Verdana. 10 px. #FFFFFF Verdana. 10 px. #1C367A 36 px 14 px 19 px 5 px 4 px 20 px 20 px 331 px centreret 916 px

34 Generelle mål: Forside Afstanden mellem de forskellige moduler og elementer Designmanual Borsen.dk px 12 px 12 px 12 px 12 px 12 px 12 px 20 px 23 px 13 px 27 px 15 px 10 px 15 px 14 px 15 px 24 px 10 px 10 px 36 px 956 px

35 Generelle mål: Skabelon A Designmanual Borsen.dk 29 Afstande mellem de forskellige elementer og de generelle afstande i tekstafsnit 12 px 12 px 15 px 12 px 12 px 45 px 28 px 17 px min. 21 px 15 px 10 px 26 px 39 px 15 px 24 px 21 px 18 px 34 px

36 Generelle mål: Skabelon C Designmanual Borsen.dk px 12 px 12 px 12 px 12 px 12 px 12 px 12 px 21 px 12 px

37 Generelle mål: Skabelon D Designmanual Borsen.dk px 12 px 12 px 12 px 21 px 15 px 10 px min. 10 px 27 px 21 px 10 px 10 px 21 px 10 px

38 Generelle mål: Popup 01 Her er taget udgangspunkt i en brugervejledning for Artikelarkiv Designmanual Borsen.dk px Verdana 11 px. #292B2C Helvetica Bold 24 px. # px 12 px 12 px 20 px 18 px 46 px Verdana Bold 11 px. #292B2C 22 px 24 px 26 px 15 px 21 px Verdana Bold 10 px. #292B2C 16 px Verdana 10 px. #1C367A Verdana 11 px. #243B77 Verdana 11 px. #292B2C Verdana 11 px. #292B2C 20 px 16 px 21 px 40 px 40 px 40 px Helvetica Bold 24 px. # fortsættes...

39 Generelle mål: Popup 02 Popup fortsat Designmanual Borsen.dk 33 Helvetica Bold 24 px. # px 20 px 21 px Verdana Bold 11 px. #292B2C 8 px Verdana 11 px. #292B2C Verdana 11 px. #243B77 39 px 10 px 10 px Verdana Bold 10 px. #F2F1F1 min. 6 px 13 px 36 px 14 px 22 px 40 px 40 px Visuelt centreret

40 Generelle mål: NyhedsTicker Designmanual Borsen.dk px 7 px 11 px 16 px 7 px 10 px 14 px 10 px 5 px 7 px 21 px #243B px Verdana 11 px. #292B2C #F7E7DA min. 18 px 6 px Verdana Bold 10 px. #F2F1F1 11 px 34 x 13 px 16 px 13 px Verdana 10 px. #292B2C Verdana 9 px. #1C367A 26 px Verdana 11 px. #292B2C Verdana 10 px. #1C367A 18 px Verdana 9 px. #F2F1F1 Verdana 11 px. #1C367A

41 Grafik elementer 07 Farver

42 Grafikelementer: Content stibler Designmanual Borsen.dk 35 Den vandrette stiblede streg bruges mellem modulerne, og aldrig efter det sidste modul på en side. Bemærk at luften fra grafikelement eller tekst, kan variere i de grå bokse. (se undermoduler) 12 px 12 px 1 px. #969AA1 Mellemrum -> 1 x 2 px. 1 px. #969AA1 Mellemrum -> 2 x 1 px. 15 px 10 px

43 Grafikelementer: Boks Designmanual Borsen.dk 36 Den grå boks: Bruges til f.eks. link-samlinger såsom mest læste nyheder og billedtekstboks 2 px 2 px H: 16 px. Gradient: #DCE0E4 - # F1F2F4 Bg. & Skalerende farve # F1F2F4 Ramme 1 px. #9EA2AB Den grå/hvide boks: Bruges til f.eks grafer m. overskrifter el. kurstal 1 px. #F1F2F4 50 px 1 px. #9EA2AB Mellemrum -> 1 x 2 px. 1 px. #9EA2AB 12 px. Gradient: #FFFFFF - #F2F3F5 3 px. #FFFFFF 3 px. #FFFFFF 3 px. #FFFFFF

44 Billedstørrelser 08 Farver

45 Billedstørrelser: 01 Designmanual Borsen.dk 37 Forsiden 227 x 179 px Ramme 1 px # 8A8D95 99 x 75 px Ramme 1 px # 8A8D95 99 x 75 px Ramme 1 px # 8A8D95 99 x 75 px Ramme 1 px # 8A8D95 A 227 px. x variabel Ramme 1 px # 8A8D95

46 Billedstørrelser: 02 Designmanual Borsen.dk 38 B 99 px Ramme 1 px # 8A8D px Ramme 1 px # 8A8D x 227 px Ramme 1 px # 8A8D95 64 x 87 px Ramme 1 px # 8A8D95 99 x 132 px Ramme 1 px # 8A8D95 99 px 99 x 63 px Ramme 1 px # 8A8D95 Ramme 1 px # 8A8D px Ramme 1 px # 8A8D95 B1 227 px Ramme 1 px # 8A8D px Ramme 1 px # 8A8D x 195 px Ramme 1 px # 8A8D95

47 Billedstørrelser: 03 Designmanual Borsen.dk 39 F3 140 x 195 px Ramme 1 px # 8A8D95 E Rammer 1 px # 8A8D x 168 px

48 Billedstørrelser: 04 Designmanual Borsen.dk 40 F1 99 px Ramme 1 px # 8A8D95 D 250 x 75 px Ramme 1 px # 8A8D95 99 px Ramme 1 px # 8A8D95 99 px Ramme 1 px # 8A8D95

49 Tabeller og Input-felter 09 Farver

50 Tabeller og input-felter: Tabelmål Designmanual Borsen.dk 41 1 px 121 px min. 4 px 4 px 21 px 21 px 14 px 28 px Verdana. 11 px. #292B2C : 14 px Verdana Bold. 11 px. #292B2C Verdana Bold. 11 px. #1C367A H: 11 px. #FFFFFF H: 17 px Verdana. 11 px. #292B2C : 13 px : 14 px 14 px H: 24 px #FFFFFF H: 30px

51 Tabeller og input-felter: Input-felter 01 Designmanual Borsen.dk 42 Imput-felter bliver defineret specielt til hver enkelt brug. Disse mål er derfor vigtige, når der bliver lavet et el. flere nye felter m.m. Verdana. 11 px. #292B2C 10 px 10 px 26 px 4 px 18 px 15 px 10 px 10 px 5 px 4 px 10 px 10 px 18 px Verdana. 10 px. #292B2C 6 px 10 px 12 px 12 px 10 px 10 px 9 x 9 px 26 px 17 px 4 px 17 px

52 Tabeller og input-felter: Input-felter 02 Designmanual Borsen.dk 43 Inputfelter: Verdana Bold. 10 px. #292B2C Verdana. 11 px. #292B2C : 13 px 6 px 10 px 10 px 26 px 25 px 26 px 4 px 18 px 17 px 21 px Verdana. 10 px. #292B2C Verdana. 11 px. #292B2C : 13 px 25 px 10 px 10 px 4 px 18 px 15 px 15 px 15 px

53 Skabelonoversigt 10 Farver

54 Skabelonoversigt: 01 Designmanual Borsen.dk 44 A 454 px 240 px B 554 px 140 px Logo Banner Logo Banner Global menu / login område Global menu / login område Menu Stor overskrift Banner Menu Fokusområde Højre Menu Banner Afmelding Afmelding 300 px 229 px B1 554 px 140 px B1 554 px 140 px Logo Banner Logo Banner Global menu / login område Global menu / login område Menu Fondsbørsen Fokusområde Menu Stor overskrift Info box Fokusområde Samme skabelon Overskrift Banner Banner Overskrift Afmelding Afmelding 300 px 229 px 300 px 229 px B2 554 px 140 px B3 554 px 140 px Logo Banner Logo Banner Global menu / login område Global menu / login område Menu Fokusområde Menu Fokusområde Liste Banner Banner Afmelding Afmelding

55 Skabelonoversigt: 02 Designmanual Borsen.dk 45 C2 554 px 140 px C 554 px 140 px Logo Banner Global menu / login område Logo Banner Global menu / login område Menu Fokusområde Menu Billedområde Højre menu Banner Afmelding Afmelding 300 px 229 px D 719 px D 442 px 252 px Logo Banner Logo Banner Global menu / login område Global menu / login område Menu Menu Samme skabelon Afmelding Afmelding 442 px 252 px E 454 px 240 px E1 719 px Logo Banner Global menu / login område Logo Banner Global menu / login område Menu Stor overskrift Billed + Menu billed tekst Afmelding Afmelding

56 Skabelonoversigt 03 Designmanual Borsen.dk 46 F1 554 px 140 px Logo Menu Formside Banner Global menu / login område Fokusområde Banner Afmelding

57 Moduler 11 Farver

58 Moduler: Lister 01 Designmanual Borsen.dk 47 A3 A4

59 Moduler: Lister 02 Designmanual Borsen.dk 48 A5

60 Moduler: Lister 03 Designmanual Borsen.dk 49 A6

61 Moduler: Lister 04 Designmanual Borsen.dk 50 A7

62 Moduler: Lister 05 Designmanual Borsen.dk 51 A8

63 Moduler: Lister 06 Designmanual Borsen.dk 52 L1 L2

64 Moduler: Top 01 Bruges i toppen af nyhedsartikler, som en værktøjslinie der knytter sig til artiklen Designmanual Borsen.dk 53 A1

65 Moduler: Overskrifts baggrund Vær opmærksom på, at mange moduler allerede indeholder en blå topboks, og modul H er derfor til særlige tilfælde Designmanual Borsen.dk 54 H 6 px # 243B77 Efterfulgt af tekst 3 px 21 px 14 px Gradient fra # BDADA0 til # F7E7DA Efterfulgt af tekstboks 4 px Overskrift ombrudt i to linier 12 px 26 px 5 px Overskrift efter ikoner 7 px

66 Moduler: Infoboks Infoboksen bliver brugt til at sætte fokus på generelle informationer. F.eks hvis man som bruger ikke er logget på borsen.dk, kan boksen bruges til at gøre opmærksom på dette og linke til relevant abonnement tilbuds side Designmanual Borsen.dk 55 J

67 Moduler: Tekst og billeder 01 A2-modulet behøver nødvendigvis ikke at indeholde både billede og graf. De kan frit klikkes fra og til. Teksten kan derfor også stå alene Designmanual Borsen.dk 56 A2

68 Moduler: Tekst og billeder 02 Designmanual Borsen.dk 57 A9 A10 A11

69 Moduler: Tekst og billeder 03 Designmanual Borsen.dk 58 A14 D1

70 Moduler: Tekst og billeder 04 Designmanual Borsen.dk 59 E1

71 Moduler: Tekst og billeder 05 Designmanual Borsen.dk 60 E2 E3

72 Moduler: Tekst og billeder 06 Designmanual Borsen.dk 61 E4 E4 Special

73 Moduler: Tekst og billeder 07 Designmanual Borsen.dk 62 E5

74 Moduler: Tekst og billeder 08 Designmanual Borsen.dk 63 E6

75 Moduler: Tekst og billeder 09 Designmanual Borsen.dk 64 F1 F2

76 Moduler: Custom 01 Custon-modulerne er specialdesignet til det specifikke indhold Designmanual Borsen.dk 65 K K2

77 Moduler: Custom 02 Designmanual Borsen.dk 66 C3 C6

78 Moduler: Custom 03 Designmanual Borsen.dk 67 C8

79 Moduler: Custom 04 Designmanual Borsen.dk 68 C11

80 Moduler: Custom 05 Designmanual Borsen.dk 69 C15

81 Moduler: Custom 06 Designmanual Borsen.dk 70 C16 C17 C17 02

82 Moduler: Custom 07 Designmanual Borsen.dk 71 C18 C21

83 Moduler: Custom 08 Designmanual Borsen.dk 72 C23

84 Subsites 12 Farver

85 Subsites: Generelle mål I dette afsnit ses overordnede retningslinier for subsites plus eksempler på mulige farver. Designmanual Borsen.dk 73 Et subsite er opbygget på samme måde som borsen.dk og skal derfor følge de samme mål for tekstafstande og placering af grafikelementer. Adskillelsen ligger i farven af grafikker, ikoner og menu-links. Der foreslås at valg af farver til subsites understreger indholdet og målgruppen 20 px 172 px 12 px 12 px 254 px 12 px 12 px 255 px 12 px 12 px 20 px 78 px Verdana Bold 10 px. #849EB1 Verdana Bold 10 px. #004B81 37 px 27 px 21 px 32 px 15 px 10 px 21 px 36 px 11 px #23689F

86 Subsites: Firmabilen undersider 01 Designmanual Borsen.dk 74

87 Subsites: Firmabilen undersider 02 Designmanual Borsen.dk 75

88 Subsites: Firmabilen undersider 03 Designmanual Borsen.dk 76

89 Subsites: Firmabilen undersider 04 Designmanual Borsen.dk 77

90 Subsites: Firmabilen undersider 05 Designmanual Borsen.dk 78

91 Subsites: Farveksempler 01 Designmanual Borsen.dk 79 Tile med gradient RGB: HEX: # Tile med gradient RGB: HEX: #B10000 Tile med gradient RGB: HEX: #892E5B

92 Subsites: Farveksempler 02 Designmanual Borsen.dk 80 Tile med gradient RGB: HEX: #7DB3DC Tile med gradient RGB: HEX: #1E8080 Tile med gradient RGB: HEX: #949494

93 Subsites: Farveksempler 03 Designmanual Borsen.dk 81 Tile med gradient RGB: HEX: # Tile med gradient RGB: HEX: #4B3F28 Tile med gradient RGB: HEX: #B6A179

94 Subsites: Farveksempler 04 Designmanual Borsen.dk 82 Tile med gradient RGB: HEX: #24395F Tile med gradient RGB: HEX: #E58EDE Tile med gradient RGB: HEX: #FFAD00

95 Subsites: Farveksempler 05 Designmanual Borsen.dk 83 Tile med gradient RGB: HEX: #23689F Tile med gradient RGB: HEX: #578E48

96 Subsites: Eksempel Eksempel på et andet subsite. Opbygningen er den samme som på Firmabilen, men adskiller sig tydeligt ved brug af andre farver i top, overskrifts baggrunde og grafik. Designmanual Borsen.dk 84

Design manual for. Lavet af Gruppe 3: Daniel Gade. Maj-britt Gierahn. Pia Skriver. Vejleder i projektet Space Networking anno 2013 er:

Design manual for. Lavet af Gruppe 3: Daniel Gade. Maj-britt Gierahn. Pia Skriver. Vejleder i projektet Space Networking anno 2013 er: Design manual for Lavet af Gruppe 3: Daniel Gade. Maj-britt Gierahn. Pia Skriver. Vejleder i projektet Space Networking anno 2013 er: Erhverv: Kirsten Kasch Kommunikation: Karen Malene Andreasen og Jens

Læs mere

Manual til Dynamicweb Februar 2010

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

Læs mere

Herning Centerby Guide til Umbraco

Herning Centerby Guide til Umbraco Herning Centerby Guide til Umbraco marts 2016 I GANG MED UMBRACO 4 LOGIN 4 LÆR UMBRACO AT KENDE 5 SÅDAN REDIGERER DU SIDER 6 VÆRKTØJSLINJEN 6 RET I TEKSTEN 7 RET ELLER INDSÆT LINK I TEKSTEN 8 RET ELLER

Læs mere

Her kan du slette enkelte figurer i et diagram ved at klikke på figuren der skal slettes og herefter på Slet.

Her kan du slette enkelte figurer i et diagram ved at klikke på figuren der skal slettes og herefter på Slet. 9. FLOWDIAGRAMMER Der er i D4InfoNet indbygget et program til opbygning af flowdiagrammer. Diagrammerne kan placeres på forsiden af de enkelte håndbøger, og kan tilføjes kapitler eller de enkelte dokumenter.

Læs mere

DESIGNGUIDE WEBSITE DESKTOP OG MOBIL 2016

DESIGNGUIDE WEBSITE DESKTOP OG MOBIL 2016 DESIGNGUIDE WEBSITE DESKTOP OG MOBIL 06 FARVER HOVEDFARVER SEKUNDÆRE FARVER Primary blue Secondary blue Primary teal Primary orange 80% 60% 40% 0% 80% 60% 40% 0% 80% 60% 40% 0% 80% 60% 40% 0% Hex: ##033f65

Læs mere

Designmanual for. Carsten Jensen Biler A/S INDHOLDSFORTEGNELSE:

Designmanual for. Carsten Jensen Biler A/S INDHOLDSFORTEGNELSE: Designmanual for Carsten Jensen Biler A/S INDHOLDSFORTEGNELSE: Skrifttyper side 2 Farveprofil side 2 Logoets varianter side 3 Logoets anvendelse Annoncer side 4 Plakater side 4 Roll-up side 5 Brevpapir

Læs mere

Grafisk Design. rafisk Design

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

Læs mere

FODMAPforum. Designmanual

FODMAPforum. Designmanual Designmanual Velkommen På de følgende sider finder du s designprogram. Med det ved hånden er du i stand til at designe løsninger til s grafiske flader. Her kan du slå op og finde ingredienserne til at

Læs mere

UMS Velkomst Byder nye brugere velkommen til skolen

UMS Velkomst Byder nye brugere velkommen til skolen Forord UMS Velkomst modulet giver mulighed for at give de kommende studerende et godt førstehåndsindtryk ved skolestart - den indledende kontakt til de studerende er umådelig vigtig. Velkomst modulet består

Læs mere

Designmanual Det Nationale Institut for Kommuners og Regioners Analyse og Forskning

Designmanual Det Nationale Institut for Kommuners og Regioners Analyse og Forskning Opdateret 20. 09. 2012 Designmanual Det Nationale Institut for Kommuners og Regioners Analyse og Forskning Velkommen På de følgende sider finder du KORAs designprogram. Med det ved hånden er du i stand

Læs mere

Gå ind på forsiden til hjemmesiden. Skriv typo3 i adresselinjen og tryk på retur.

Gå ind på forsiden til hjemmesiden. Skriv typo3 i adresselinjen og tryk på retur. Adgang til Back-end Gå ind på forsiden til hjemmesiden. Skriv typo3 i adresselinjen og tryk på retur. typo3 Skriv herefter brugernavn og adgangskode i de respektive felter og klik på Login Den følgende

Læs mere

Indledning... 2 Forsiden... 2 Dine genveje... 3 Skoleoplysninger... 3 Service Log... 3 Nyheder... 4 AD overblik... 4 Administration...

Indledning... 2 Forsiden... 2 Dine genveje... 3 Skoleoplysninger... 3 Service Log... 3 Nyheder... 4 AD overblik... 4 Administration... Indholdsfortegnelse Indhold Indledning... 2 Forsiden... 2 Dine genveje... 3 Skoleoplysninger... 3 Service Log... 3 Nyheder... 4 AD overblik... 4 Administration... 4 Nyheder... 4 Vedligeholdelse... 6 Ret

Læs mere

Brugermanual til Wordpress 3.2.x Content Management System

Brugermanual til Wordpress 3.2.x Content Management System Indhold Brugermanual til Wordpress 3.2.x Content Management System Kontrolpanelet 2 Brugerniveauer 2 Log ud 3 Profil 4 Generel Info (vigtigt) 5 Tilføj nyt indlæg(1) 6 Tilføj nyt indlæg(2) 7 Tilføj nyt

Læs mere

Brugervejledning til InfoLand.dk skabelonen

Brugervejledning til InfoLand.dk skabelonen Indhold Indledning... 4 Første gang... 4 Log ind som Administrator og ændre kodeord... 4 Opret Redaktør (dig selv)... 4 Log ind... 4 Log ind med dit eget brugernavn ( Redaktør )... 4 Log ind som Administrator...

Læs mere

Vejledning til brug af pileforeningen.dk for redaktører.

Vejledning til brug af pileforeningen.dk for redaktører. Vejledning til brug af pileforeningen.dk for redaktører. Log in: Gå ind på: http://pileforeningen.dk Tryk på Login for medlemmer Brugernavn: contentmanager. Password: 1234 Når du er logget ind kan du se

Læs mere

Weblayout til Pisiffik 2011

Weblayout til Pisiffik 2011 Nerrivik sisamanik issiavittalik Nerrivik igalaamineq sisamanik amiusamik qalilinnik issiavittalik kromstel aamma issiavittaa iigarfialu kiffiarsimasoq Juventus spisebord med 4 stole Juventus spisebord

Læs mere

Vigtige funktioner i Word 2003

Vigtige funktioner i Word 2003 Vigtige funktioner i Word 2003 Indhold Husk... 2 Skrifttype... 2 Skriftstørrelse... 3 Overskrifter... 4 Andre vigtige funktioner... 5 Margen... 6 Linjeafstand... 7 Ordoptælling... 8 Sidetal... 10 Sidehoved

Læs mere

Vejledning til opdatering på hjemmesiden www.ifskjoldsaeby.dk

Vejledning til opdatering på hjemmesiden www.ifskjoldsaeby.dk Vejledning til opdatering på hjemmesiden www.ifskjoldsaeby.dk Du logger på fra forsiden. Når du har indtastet brugernavn og password, vil der i højre side fremkomme en menu med punkterne: Redigér denne

Læs mere

Udbud.dk Brugervejledning til leverandører

Udbud.dk Brugervejledning til leverandører Udbud.dk Brugervejledning til leverandører Vejledning til at anvende Udbud.dk Januar 2014 Indholdsfortegnelse 1. INDLEDNING... 3 2. OVERORDNET OPBYGNING AF UDBUD.DK... 4 2.1 FORSIDE OG NAVIGATION... 4

Læs mere

Guide. Administration af FDF.dk/Nyborg. 1. Udgave 2008. Ide og layout Christoffer S. Rasmussen

Guide. Administration af FDF.dk/Nyborg. 1. Udgave 2008. Ide og layout Christoffer S. Rasmussen Guide Administration af FDF.dk/Nyborg 1. Udgave 2008 Ide og layout Christoffer S. Rasmussen FDF.Dk/NyboRG Den nye hjemmeside for FDF Nyborg er baseret på et bloksystem. Det vil sige at det er super nemt

Læs mere

Solrød Kommune Guide til Umbraco

Solrød Kommune Guide til Umbraco Solrød Kommune Guide til Umbraco februar 2015 I GANG MED UMBRACO 4 LOGIN 4 LÆR UMBRACO AT KENDE 5 SÅDAN REDIGERER DU SIDER 6 VÆRKTØJSLINJEN 6 RET I TEKSTEN 7 RET ELLER INDSÆT LINK I TEKSTEN 8 RET ELLER

Læs mere

AAK LIS Tværgående ledelsesinformation til Byrådet

AAK LIS Tværgående ledelsesinformation til Byrådet AAK LIS Tværgående ledelsesinformation til Byrådet Sådan installerer du App en Undervisningsmateriale: Sådan installerer du App en Sådan navigerer du rundt i App en Sådan er en rapport opbygget i App en

Læs mere

Brugervejledning. Miljøministeriet A4. Opdateret den 25. oktober 2011

Brugervejledning. Miljøministeriet A4. Opdateret den 25. oktober 2011 Brugervejledning Miljøministeriet A4 Opdateret den 25. oktober 2011 Indholdsfortegnelse Introduktion... 3 Opret et nyt dokument... 3 Før du starter... 4 Om at arbejde med typografier:... 5 Menu: A4 - Publikation...

Læs mere

Afsnitstyper Susanne V. Andersen

Afsnitstyper Susanne V. Andersen Webbyggeren som videndelingsværktøj Afsnitstyper Susanne V. Andersen Webbyggeren som videndelingsværktøj 2005 Programdatateket 1. oplag, november 2005 ISBN 87-984429-5-3 Forfatter: Susanne V. Andersen

Læs mere

Designmanual for websider

Designmanual for websider Designmanual for websider 31. marts 2009 Version 1.1. Denne manual beskriver de gældende retningslinjer for Aalborg Universitets websider. Det vil sige websider der benytter aau.dk i domænenavnet er omfattet

Læs mere

Her ser du dit arbejde i preview undervejs og udgiver dit arbejde når du er færdig. (se side 4)

Her ser du dit arbejde i preview undervejs og udgiver dit arbejde når du er færdig. (se side 4) Sitecore vejledning Hvad er det? Sitecore er det program, den officielle del af Spejdernet laves i. Sitecore er et Content Management System, dvs. indholds-håndteringssystem til hjemmesider. Hvordan starter

Læs mere

Mediegrafiker Dan Klessen 2011. Grafik og billedbehandling

Mediegrafiker Dan Klessen 2011. Grafik og billedbehandling Grafik og billedbehandling Grafik og billedbehandling I denne opgave inden for billedredigering, viser jeg før og efter billede, hvilke værktøjer jeg har brugt og hvad billedet skal bruges til. Billedet

Læs mere

Active Builder - Brugermanual

Active Builder - Brugermanual Active Builder - Brugermanual Version: Release 2.0 Sprog: Dansk Copyright 2014 - Talk Active ApS INDHOLDSFORTEGNELSE INDHOLDSFORTEGNELSE... 2 1. HURTIGT OVERBLIK... 4 1.1 Vælg URL:... 4 1.2 Vælg en skabelon:...

Læs mere

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

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

Læs mere

Moltrup-sogn.dk - Vejledning i redigering af undersider, og oprettelse af nye sider.

Moltrup-sogn.dk - Vejledning i redigering af undersider, og oprettelse af nye sider. Indholdsfortegnelse Moltrup-sogn.dk - Vejledning i redigering af undersider, og oprettelse af nye sider.... 2 Brugernavn og kodeord.... 2 Selve tekstbehandleren... 3 Indsættelse af billeder... 4 Metadata...

Læs mere

Vejledning i redigering af apotekets hjemmeside

Vejledning i redigering af apotekets hjemmeside i redigering af apotekets hjemmeside It-afdelingen Januar 2007 INDHOLDSFORTEGNELSE FEJL! BOGMÆRKE ER IKKE DEFINERET. 1 INTRODUKTION 3 2 ADMINISTRATION 4 3 OPBYGNING 4 SIDER 5 FIL ARKIV 6 ARTIKLER 7 ØVRIGE

Læs mere

Publikationer. Decentralt niveau (B)

Publikationer. Decentralt niveau (B) Publikationer Decentralt niveau (B) grafisk designprogram juni 2006 2 indhold 3 Typografi 4 Farver Odense palette Retningslinier for publikationsforsider til decentralt niveau A4 Forside med rubrik nede

Læs mere

Hvad er en henvisningsboks. Vejledning til henvisningsbokse

Hvad er en henvisningsboks. Vejledning til henvisningsbokse Indholdsfortegnelse Hvad er en henvisningsboks...1 Indsæt en henvisningsboks...2 Tvinge en henvisningsboks på en bestemt side...2 Indsætte metadata...3 Hvordan opretter jeg så metaord?...4 Oprettes en

Læs mere

Sitecore - basisvejledning Version 2. September 2010

Sitecore - basisvejledning Version 2. September 2010 Sitecore - basisvejledning Version. September 00 Sådan opretter du en ny artikelside... Sådan omdøber du et artikelnavn så du får vist æ,ø og å... Sådan udgiver (publiserer) du nyt eller redigeret indhold...4

Læs mere

DESIGNMANUAL DIGITAL

DESIGNMANUAL DIGITAL DESIGNMANUAL DIGITAL Januar 2016 INDHOLD INDLEDNING 5 1. ELEMENTER 6 1.1 LOGOER 7 1.1.1 Primære logoer 7 1.1.2 Sekundære logoer 8 1.2 FARVER 9 Farver, Global 9 Farver, Kanal 4 9 Farver, 6 eren 9 Farver,

Læs mere

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

OPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner. GRAFISK DESIGN OPGAVEN Min kæreste er medstifter af en vinloge. Medlemmerne af logen kunne godt tænke sig et sted, hvor de bl.a. kunne få et overblik over, hvilke vine de har bedømt og hvornår næste loge

Læs mere

MANUAL AF FILIP WALLBERG & RUNE MICHELSEN

MANUAL AF FILIP WALLBERG & RUNE MICHELSEN MANUAL AF FILIP WALLBERG & RUNE MICHELSEN NB! Denne manual er også fuldt ud anvendelig til arbejdet på radionyheder.dk og tvnyheder.dk, da disse sites er bygget op i nøjagtig samme system! Indhold Om

Læs mere

Axiell Danmark. facebib. en vejledning

Axiell Danmark. facebib. en vejledning Axiell Danmark facebib en vejledning 20. marts 2013 Indhold 1 Introduktion... 4 1.1 Forudsætninger... 4 2 Hvad kan man på facebib?... 5 2.1 Link til forsiden... 6 2.2 Linksamling (Leksikon)... 6 2.3 Link

Læs mere

HMN Naturgas - WebGIS

HMN Naturgas - WebGIS HMN Naturgas - WebGIS November 5, 2012 WebGIS er en webside, der viser HMN Naturgas gasledninger. Private kan se hvor gas stikledningen ligger på deres egen grund. Visse samarbejdspartnere har fået lidt

Læs mere

QUICKGUIDE TIL XMEDIA

QUICKGUIDE TIL XMEDIA QUICKGUIDE TIL XMEDIA 1 UPLOAD DINE EGNE BILLEDER TIL "MINE MAPPER" 2 ARBEJD MED EN SKABELON 3 OPRETTELSE AF PDF 4 ÅBN OG ARBEJD VIDERE MED EN SKABELON 1 OPLOAD DINE EGNE BILLEDER TIL MINE MAPPER Opret

Læs mere

Vejledning i opbygning af Tillidszonen

Vejledning i opbygning af Tillidszonen Vejledning i opbygning af Tillidszonen Vejledning til FOAs lokale afdelinger i opbygningen af deres del af Tillidszonen FOA Fag og Arbejde Januar 2006 1 Indholdsfortegnelse Forbunds- og afdelingsdel...3

Læs mere

PANSER & BRANDBILSMUSEET DESIGNMANUAL

PANSER & BRANDBILSMUSEET DESIGNMANUAL PANSER & BRANDBILSMUSEET DESIGNMANUAL INDHOLDSFORTEGNELSE INTRODUKTION 4 TONE OF VOICE 5 LOGO 6 RESPEKTAFSTAND I LOGO 7 PLACERING AF LOGO 8 FARVER 9 FARVE PÅ LOGO 10 PRIMÆR FONT OVERSKRIFT 11 PRIMÆR FONT

Læs mere

Vejledning Aarhus Universitets wordskabeloner

Vejledning Aarhus Universitets wordskabeloner Vejledning Aarhus Universitets wordskabeloner Opdateret den 13. maj 2014 Indhold Introduktion... 3 Sådan opretter du et nyt dokument via menuen 'AU'... 4 Dialogboksen Dokumentoplysninger... 6 Side1: Dokumentoplysninger...

Læs mere

Manual for redaktører

Manual for redaktører Manual for redaktører Leveret af DFF-EDB.dk 2 INDHOLDSFORTEGNELSE: 1. Hjemmesider i Umbraco... 5 2. Kom i gang med Umbraco... 5 2.1 Login... 5 2.1.1. Ændring af login... 5 2.2. Når du arbejder på siden,

Læs mere

Gruppe 9 Visuel Interface Design, 27/09/2011

Gruppe 9 Visuel Interface Design, 27/09/2011 Gruppe 9 Visuel Interface Design, 27/09/2011 Først øvelse. Lav en designanalyse i tekst og billeder af det udleverede website www.kariyer.net. Vi startede med en hjemmeside, der så ud som følgende: Gennemgående

Læs mere

Website design for WALK & TALK LYNGBY STAVGANGSKLUB. Gruppemedlemmer fra Mul A. Link til online visning af websitet

Website design for WALK & TALK LYNGBY STAVGANGSKLUB. Gruppemedlemmer fra Mul A. Link til online visning af websitet Website design for WALK & TALK LYNGBY STAVGANGSKLUB Gruppemedlemmer fra Mul A Auguste Ottesen Ida Bach Mark Harboe Patrick Eilert https://augusteottesen.wordpress.com https://idabachhansen.wordpress.com

Læs mere

Linket viser jer frem til billedet nedenfor, her skal du blot skrive jeres brugernavn og adgangskode. Indtast din adgangskode her:

Linket viser jer frem til billedet nedenfor, her skal du blot skrive jeres brugernavn og adgangskode. Indtast din adgangskode her: Brugervejledning til håndtering af respondenter til MUS i SurveyXact Indledning Denne manual beskriver, hvordan SurveyXact kan anvendes til forberedelse af MUS. Der tages udgangspunkt i handlinger, den

Læs mere

Grafisk workflow. Se siden her: www.cormas.dk

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

Læs mere

Den Sociale Retshjælp

Den Sociale Retshjælp Den Sociale Retshjælp Design Manual 1 Indhold På de følgende sider finder du det designprogram, som Den Sociale Retshjælp arbejder ud fra. Med det ved hånden er du i stand til at designe løsninger til

Læs mere

WordPress 4.2+ Manual

WordPress 4.2+ Manual WordPress.+ Manual Indholdsfortegnelse Introduktion Log ind i din hjemmesides administration Skifte kodeord eller email Administrationen / Kontrolpanelet Dette er dit kontrolpanel. Administrationen sidemenu

Læs mere

INDHOLDSFORTEGNELSE INTRODUKTION SØGERESULTAT

INDHOLDSFORTEGNELSE INTRODUKTION SØGERESULTAT INDHOLDSFORTEGNELSE Introduktion Søgeresultat Ikoner i søgeresultatet Sådan arbejder du med dit søgeresultat Sammenlign valgte Føj alle til overvågning Eksporter data Gem som eksportkriterium Hent eksportkriterium

Læs mere

Brugerguide til FlexCMS

Brugerguide til FlexCMS Brugerguide til FlexCMS Kom i gang med at bruge din hjemmeside 1 VELKOMMEN TIL FLEXCMS... 3 1. LOGIN... 5 2. HJEMMESIDENS TERMINOLOGI... 6 3. LAYOUT... 7 4. OPRET OG TILPAS FORSIDEN... 8 4.1 OPRETTE SIDEEGENSKABER...

Læs mere

Mini-guide for opdatering af hjemmesiden for. SOIF www.soif.dk

Mini-guide for opdatering af hjemmesiden for. SOIF www.soif.dk Mini-guide for opdatering af hjemmesiden for SOIF www.soif.dk Senest opdateret: 03-07-2009 Indholdsfortegnelse 2 Indholdsfortegnelse 2 Lidt generelt om KlubCMS 3 Brugere/Brugergrupper 3 Sideopbygning:

Læs mere

Designmanual PRINSES JULIANA JUNI 2015

Designmanual PRINSES JULIANA JUNI 2015 Designmanual JUNI 2015 Designmanual Brug af designmanual Designmanualen er udarbejdet, for at bibeholde Prinses Julianas retningslinjer for design på trykte- og digitale medier. Designmanualen er udarbejdet

Læs mere

GRAFISK WORKFLOW. Proces. Kodning. Fonts:

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

Læs mere

Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN

Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN Indholdsfortegnelse Introduktion... 2 Definitioner... 2 Generelt... 3 Oprettelse af en skabelon... 4 Sidetypeskabeloner... 5 Globale displaymoduler...

Læs mere

[jobsøgende] sådan gør du... [opret dit CV & jobønsker]

[jobsøgende] sådan gør du... [opret dit CV & jobønsker] [jobsøgende] sådan gør du... [opret dit CV & jobønsker] Opret CV og Jobønsker på jobnet På Jobnets forside Jobnet.dk kan du oprette et CV. Det kan du gøre ved at oprette dig som bruger via linket Mit CV

Læs mere

Jobcenter Vinduet. Version 01.00 Light 2014

Jobcenter Vinduet. Version 01.00 Light 2014 Jobcenter Vinduet Version 01.00 Light 2014 Styrelsen for Arbejdsmarked og Rekruttering 2014 Jobcenter vinduet Jobcenter vinduet giver mulighed for, at det enkelte jobcenter kan kommunikere direkte til

Læs mere

Selv om websites er yderst forskellige i deres fremtræden, så kan de stort set alle sammen passes ind i den skabelon som er illustreret herunder:

Selv om websites er yderst forskellige i deres fremtræden, så kan de stort set alle sammen passes ind i den skabelon som er illustreret herunder: Design en praktisk guide. Et design udtrykker dit websites grafiske udseende, lige fra hvilke skrifttyper der anvendes op til hvor navigationen er placeret og hvilke interaktive elementer der skal benyttes.

Læs mere

Generel information. Brugere. Hjemmesidens lay-out. HIF Hjemmeside How to do

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

Læs mere

Brugervejledning. Miljøministeriet M65. Opdateret den 27. oktober 2011

Brugervejledning. Miljøministeriet M65. Opdateret den 27. oktober 2011 Brugervejledning Miljøministeriet M65 Opdateret den 27. oktober 2011 Indholdsfortegnelse Introduktion... 3 Opret et nyt dokument... 3 Før du starter... 4 Om at arbejde med typografier:... 5 Menu: M65 -

Læs mere

TYPO3 TRIN FOR TRIN 1

TYPO3 TRIN FOR TRIN 1 TYPO3 TRIN FOR TRIN 1 LOGIN Åbn din browser (Internet Explorer, Mozilla Firefox eller en helt tredie) og skriv: ale.dk/typo3 i ADRESSELINIEN og tast ENTER så får du dette skærmbillede: Skriv Brugernavn

Læs mere

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning.

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning. Portfolie Redesign dette er en gennemgang af opbyggelse af mit portfolie, med samtilige begrunderlser af design valg. Forord Min portfolie hjemmeside er fra start af ment som et startplatform og ikke et

Læs mere

Sitecore manual Institutionshjemmesider 2013. Kom godt i gang med at bygge din nye hjemmeside

Sitecore manual Institutionshjemmesider 2013. Kom godt i gang med at bygge din nye hjemmeside Sitecore manual Institutionshjemmesider 2013 Kom godt i gang med at bygge din nye hjemmeside 1 Log- ind så kommer du ind i Sitecore Gå til: institutionsnavn.gentoftesites.dk/sitecore ( f.eks.jaegersborgfc.gentoftesites.dk/sitecore)

Læs mere

TRIN FOR TRIN GUIDE VELUX Tilbudsberegner

TRIN FOR TRIN GUIDE VELUX Tilbudsberegner TRIN FOR TRIN GUIDE VELUX Tilbudsberegner Hvad er VELUX Tilbudsberegner Anmod om adgang Opret password Opret din brugerprofil 2 veje til et kundetilbud Dine tilbud 1 VELUX TILBUDSBEREGNER HVAD ER VELUX

Læs mere

Målgruppe Mænd og kvinder i alderen 30 til 60 år, som er interesret i selvudvikling og ønsker et sundt arbejds- og privat liv.

Målgruppe Mænd og kvinder i alderen 30 til 60 år, som er interesret i selvudvikling og ønsker et sundt arbejds- og privat liv. Grafisk Design Kunden Mindfullife er en forskningsinvolveret undervisnings- og uddannelsesvirksomhed indenfor mindfulness-baseret intervention. De tilbyder kurser, retreats og uddannelse centreret omkring

Læs mere

M.OE. Designmanual December 2014 1. udgave

M.OE. Designmanual December 2014 1. udgave M.OE Designmanual December 2014 1. udgave INDHOLDFORTEGNELSE ANVENDELSE 3 Rammer for anvendelse 4 GRUNDELEMENTER 5 Logo 6 Varianter 7 Skalering 8 Respektafstand 9 Farver 10 Typografi 11 Ikoner 12 BREVLINJE

Læs mere

Brugervejledning til. BBB s hjemmeside. BEMÆRK: Denne vejledning fungerer bedst til Windows. Senest opdateret: 17-09-2010 14:45

Brugervejledning til. BBB s hjemmeside. BEMÆRK: Denne vejledning fungerer bedst til Windows. Senest opdateret: 17-09-2010 14:45 Brugervejledning til BBB s hjemmeside BEMÆRK: Denne vejledning fungerer bedst til Windows. Senest opdateret: 17-09-2010 14:45 Indholdsfortegnelse Indledning... 3 Generelt om KlubCMS... 3 Sideopbygning...

Læs mere

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold:

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress: Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er skrevet

Læs mere

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk

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,

Læs mere

Indre Missions. Vejledning til TYPO3

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

Læs mere

Sådan opretter du en side og tilknytter den til dit biblioteks menu. Opret en side:

Sådan opretter du en side og tilknytter den til dit biblioteks menu. Opret en side: Sådan opretter du en side og tilknytter den til dit biblioteks menu Opret en side: Log dig ind på hjemmesiden og klik på Tilføj indhold og dernæst på Side. Flere ting skal være udfyldt, før du kan få lov

Læs mere

Alle tekstbokser er generelle informationer og ikke en del af selve step by step guiden.

Alle tekstbokser er generelle informationer og ikke en del af selve step by step guiden. Step by step guide til InfoScreens Indhold Log ind... 1 Oprette slide... 1 Offentliggøre slide...5 Se infoskærm... 6 Rediger et slide... 7 Fjerne slide fra skærm... 7 Ændre rækkefølge på slide på skærm...

Læs mere

Indholdsfortegnelse. EasyIQ IDM 5.4 Brugermanual

Indholdsfortegnelse. EasyIQ IDM 5.4 Brugermanual Indholdsfortegnelse Indledning... 2 Forsiden... 2 Dine genveje... 3 Nyheder... 3 EasyIQ og EasyIQ Quick Funktioner... 3 Administration... 8 Licens... 8 Nyheder... 9 Eksterne links... 11 Log... 12 Password...

Læs mere

Introduktion. Formål Manualen giver omfattende retningslinjer og trin for trin instruktioner til at arbejde med appen

Introduktion. Formål Manualen giver omfattende retningslinjer og trin for trin instruktioner til at arbejde med appen Introduktion Formål Manualen giver omfattende retningslinjer og trin for trin instruktioner til at arbejde med appen Hvem er manualen til? Manualen er skrevet til slutbrugere som bruger appen. For opsætning

Læs mere

Heldigvis har systemet indbygget en hjælp, som man kan benytte, hvis denne vejledning ikke berører det opståede problem.

Heldigvis har systemet indbygget en hjælp, som man kan benytte, hvis denne vejledning ikke berører det opståede problem. Indhold Introduktion...2 Hjælp...2 Office knappen...2 Menulinjen...3 Fast værktøjslinje Hurtig adgang...3 Menupunkter...4 Startside...4 Indsæt...5 Sidelayout...5 Referencer...6 Forsendelser...6 Gennemse...6

Læs mere

Redaktørvejledning for www.bredstrup-pjedsted.dk Skriv en artikel

Redaktørvejledning for www.bredstrup-pjedsted.dk Skriv en artikel Arbejdsgang - Skriv artiklens tekst - Gør billeder klar - Log-in på hjemmesiden - Opret ny artikel - Vælg kategori - Skriv overskrift - Indsæt tekst - Tilføj billeder - Gennemgå artiklens indstillinger

Læs mere

Herning Landsby Guide til Umbraco

Herning Landsby Guide til Umbraco Herning Landsby Guide til Umbraco Administratorer: John Møllgaard, Vind Mobil: 30743311 Ebbe D. Højlund, Haunstup Mobil: 21578156 Niels Petersen, Karstoft Mobil: 20612288 Lone Handberg, Haderup Mobil:

Læs mere

Marc Creutzberg aarhusportalen AARHUSTECH 19/06 2012

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

Læs mere

Indhold. Indholdsfortegnelse

Indhold. Indholdsfortegnelse Indholdsfortegnelse Indhold Indledning... 2 Forsiden... 2 Dine genveje... 3 Nyheder... 3 EasyIQ og EasyIQ Quick Funktioner... 3 Administration... 6 Licens... 7 Nyheder... 8 Log... 9 Password... 9 System...

Læs mere

Katalog 2013. - sådan opdaterer du dine oplysninger til Danhostel-kataloget. Version 1.0 INDHOLDSFORTEGNELSE

Katalog 2013. - sådan opdaterer du dine oplysninger til Danhostel-kataloget. Version 1.0 INDHOLDSFORTEGNELSE Katalog 2013 - sådan opdaterer du dine oplysninger til Danhostel-kataloget Version 1.0 INDHOLDSFORTEGNELSE 1. ADGANG OG LOGIN... 2 2. STAMDATA... 2 3. TEKSTER... 4 (OBS: DER ER IKKE TEKSTER I 2013 KATALOGET)...

Læs mere

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

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

Læs mere

WebGT 3.0 - Graveansøgning. Brugervejledning. 25. september 2012. Udgave 1.0

WebGT 3.0 - Graveansøgning. Brugervejledning. 25. september 2012. Udgave 1.0 WebGT 3.0 - Graveansøgning Brugervejledning 25. september 2012 Udgave 1.0 Indholdsfortegnelse 1 INDLEDNING... 3 1.1 OPRETTELSE SOM BRUGER... 3 1.2 NOTIFICERINGSMAILS... 4 2 OPBYGNING OG SAGSGANG... 5 2.1

Læs mere

Anklagemyndighedens Vidensbase

Anklagemyndighedens Vidensbase Anklagemyndighedens Vidensbase Indhold 1 OM DENNE VEJLEDNING... 2 2 LOGIN... 3 3 SØGNINGER... 4 3.1 SØG EFTER DOKUMENTER... 4 3.2 NAVIGÉR DIG FREM... 5 3.3 KOMBINÉR SØGNING OG NAVIGATION... 6 3.4 VISNING

Læs mere

Foto: Getty Images. Designmanual.

Foto: Getty Images. Designmanual. Foto: Getty Images Designmanual. Kære Partimedlem Velkommen til den nyeste justering af Socialdemokraternes design. Vores design har klaret sig flot gennem valgkampen, men vi har alligevel oplevet, at

Læs mere

Manual til Vandværksløsninger

Manual til Vandværksløsninger Intro Hjemmesidens opbygning 1 Manual til Vandværksløsninger 1. Intro Hjemmesidens opbygning Intro Hjemmesidens opbygning 2 Hjemmesidens opbygning, som brugeren ser den Intro Hjemmesidens opbygning 3 Siden

Læs mere

Sådan opretter du kursusforløb. Vejledning til virksomheder og skoler

Sådan opretter du kursusforløb. Vejledning til virksomheder og skoler Sådan opretter du kursusforløb Vejledning til virksomheder og skoler 2 Som bruger på amukurs.dk kan du skræddersy efteruddannelse til medarbejdere og kursister Med mere end 3.000 kurser, kan det være svært

Læs mere

Når du har logget dig ind, ser du Randers Kommunes byvåben midt på siden. I venstre side er der en række mapper:

Når du har logget dig ind, ser du Randers Kommunes byvåben midt på siden. I venstre side er der en række mapper: DXP vejledning Generelt: DXP er et værktøj til at fremstille præsentationsmaterialer (foldere, brochurer, løbesedler mv.) DXP egner sig kun til mindre brochurer og lign., da den største skabelon kan rumme

Læs mere

Vejledning. Tabulex Hjemmeside. Styling af sidemenuer. Side 1 af 8

Vejledning. Tabulex Hjemmeside. Styling af sidemenuer. Side 1 af 8 Tabulex Hjemmeside Styling af sidemenuer Side 1 af 8 Styling af sidemenuer Sidemenuerne kan styles efter alle ønsker. Du skal vælge modulet: "Styling" på det niveau, hvor det skal have virkning. F.eks.

Læs mere

Jobcenter designmanual Version 02.00 09.10.2006. Arbejdsmarkedsstyrelsen 2006

Jobcenter designmanual Version 02.00 09.10.2006. Arbejdsmarkedsstyrelsen 2006 Jobcenter designmanual Version 02.00 09.10.2006 Arbejdsmarkedsstyrelsen 2006 Indhold: Forord 03 Logo 04 Logo med kommunenavn 05 Logovariationer 06 Logofarver 07 Baggrundsfarver 09 Typografi 10 Brevpapir

Læs mere

Manual for redaktører

Manual for redaktører Manual for redaktører Leveret af DFF-EDB.dk 2 INDHOLDSFORTEGNELSE: 1. Hjemmesider i Umbraco... 5 2. Kom i gang med Umbraco... 5 2.1 Login... 5 2.1.1. Ændring af login... 5 2.2. Når du arbejder på siden,

Læs mere

Redaktørmanual TYPO3 Version 6.2

Redaktørmanual TYPO3 Version 6.2 Redaktørmanual TYPO3 Version 6.2 www.t3cms.dk TYPO3 Manual Version 6.2 Side 1 af 20 T3CMS Tlf: 70 25 00 22 Indholdsfortegnelse Generel info om TYPO3 3 Rediger din side 4-6 Indsættelse af links 7 Indsæt

Læs mere

Jobnet.dk designmanual. Version

Jobnet.dk designmanual. Version Jobnet.dk designmanual Version 04.00 15.02.2013 Arbejdsmarkedsstyrelsen 2013 GENERELT Browser kompatibilitet Jobnet.dk udvikles med brug af CSS3, hvilket gør det væsentligt nemmere at vedligeholde alting.

Læs mere

Vejledning til den skrevne patientinformation i Hospitalsenheden Vest

Vejledning til den skrevne patientinformation i Hospitalsenheden Vest Vejledning til den skrevne patientinformation i Hospitalsenheden Vest November 2015 /Kommunikation Inden du går i gang: Er det første gang, du skal bruge den fælles skabelon for den skrevne patientinformation

Læs mere

Vejledning til redigering via iserasuaat.gl/typo3 - både frontend og backend

Vejledning til redigering via iserasuaat.gl/typo3 - både frontend og backend Iserasuaat.gl Vejledning til redigering via iserasuaat.gl/typo3 - både frontend og backend Indhold Om kategorier en central del af Iserasuaat... 2 Frontend redigering... 3 Fanen Generelt... 4 Linke til

Læs mere

INDHOLDSFORTEGNELSE UDDYBENDE OPLYSNINGER OM VALGT VIRKSOMHED

INDHOLDSFORTEGNELSE UDDYBENDE OPLYSNINGER OM VALGT VIRKSOMHED INDHOLDSFORTEGNELSE Uddybende oplysninger om valgt virksomhed Om kreditvurdering Fanebladene Faneblad - Profil Faneblad - Kontaktpersoner Faneblad - Struktur Faneblad - Ejerhierarki Faneblad - Nøgletal

Læs mere

Microsoft Word 2003 - fremgangsmåde til Firma skovtur

Microsoft Word 2003 - fremgangsmåde til Firma skovtur side 1 af 7 Åbn Word 2003 Skriv derefter teksten - ud i en køre - Kære kolleger Så er det atter tid for madpakker, drikkedunke og lommelærker. Den årlige Firma skovtur går i år til Lunden ved Vejle Lørdag

Læs mere

Ny release til AutoCore Portalen / Salg

Ny release til AutoCore Portalen / Salg Ny release til AutoCore Portalen / Salg 30. marts 2014 Overblik og vejledning til nye funktioner Overblik over nye funktioner i Salgsportalen Kære Bruger, Søndag den 30. marts opdateres Salgsportalen med

Læs mere

Lav din egen forside i webtrees

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.

Læs mere

I dette dokument vil funktionerne i app'en blive forklaret, hvordan den er opbygget og hvilken rækkefølge de forskellige frames skal være i.

I dette dokument vil funktionerne i app'en blive forklaret, hvordan den er opbygget og hvilken rækkefølge de forskellige frames skal være i. 1. Introduktion I dette dokument vil funktionerne i app'en blive forklaret, hvordan den er opbygget og hvilken rækkefølge de forskellige frames skal være i. Indhold i app'en: Startup side, hvor app'en

Læs mere