Designguide for Domstol.dk

Størrelse: px
Starte visningen fra side:

Download "Designguide for Domstol.dk"

Transkript

1 Designguide for Domstol.dk Designguide December 2006 for Domstol.dk

2 Indholdsfortegnelse Designelementer Navigationsprincipper Tekstformatering Grid

3 Designelementer: Logo Logo På Domstol.dk findes logoet i øverste venstre hjørne på alle websitets sider. 3

4 Designelementer: Typografi På Domstole.dk anvendes Georgia som primær og sekundær typografi. Den bruges i snittene Regular og Bold. ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Georgia Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Georgia Bold

5 Designelementer: Farver Faverne på Domstol.dk består af rød, mørk sand og sand, samt to gråtoner til tekst. Rød: #a90534, R:169 G:5 B:52 Mørk sand: #868175, R134 G:129 B:117 Sand #7e83ab, R:224 G:221 B:211 Tekst farve Mørk grå: #625e56, R98 G:94 B:86 Brødkrummesti farve Mellem grå: #868175, R134 G:129 B:117 5

6 Designelementer: Billedstil og beskæring forside Billedstil Billederne på Domstole.dk skal være med til at skabe et indblik i dagligdagen i de forskellige retter. Det skal bestræbes at billederne viser domhusene inde- som udefra. Det er vigtigt at der både er totalbilleder af for eksempel retsale, domhuse, kontore etc. og nærbilleder af for eksempel tavler, stukdøre etc. Beskræring På Domstole.dk anvendes der på forsiden to billedstørrelser. I det store billedfelt er der zoomet ud, og i det lille billedfelt er der zoomet ind på en detalje i fotografiet. Beskåret billede Beskåret billede Til højre kan man se eksempler på beskæring af billeder. Originalt billede Originalt billede 6

7 Designelementer: Billedstil og beskæring enmesider Billedstil og beskæring Se side 6. Beskåret billedee Beskåret billed Originalt billede Originalt billede 7

8 Designelementer: Billedstil og beskæring underside Billedstil og beskæring Se side 6. Beskåret billede Beskåret billede Originalt billede Originalt billede 8

9 Designelementer: Billedformater Billedformater På Domstol.dk findes seks billedformater: 1) 478 x 178 pixel Dette billedformat bruges til billeder i venstre side at topfeltet på forside og emneforsider. 178 pix 178 pix 2) 237 x 178 pixel Dette billedformat bruges til billeder i højre side af topfeltet på forside og emneforsider. 1) Billedformat: 478 x 178 pix 478 pix 237 pix 2) Billedformat: 237 x 178 pix 3) 478 x 75 pixel Dette billedformat bruges til billeder i venstre side af topfeltet på undersiderne. 75 pix 75 pix 4) 237 x 75 pixel Dette billedformat bruges til billeder i højre side af topfeltet på undersiderne. 3) Billedformat: 478 x 75 pix 478 pix 237 pix 4) Billedformat: 237 x 178 pix 5) 217 x 178 pixel Dette billedformat bruges i indholdsfeltet. 75 pix 6) 227 x 75 pixel Dette billedformat bruges til kampagner i indholdsfeltet og højrespalte. 178 pix 227 pix 6) Billedformat: 227 x pix 5) Billedformat: 217 x 178 pix 9

10 Designelementer: Kampagnefelter Kampagnefelter i højrespalte På Domstol.dk findes en række kampagnefelter i højre spalte. 75 pix Fælles for dem alle er, at de har en bredde på 227 pix og en variabel højde, som bestemmes af mængden af tekst i feltet. 227 pix Kampagnefelt: 227 x variabel pix variabel pix 10

11 Navigationsprincipper: Emne -og servicemenu Emnemenu Emnemenuen findes på alle sider på Domstol.dk. Ved mouse over og valgt bliver menupunket markeret med en understregning Farve: #a90534 Farve: #a90534, underline Farve: # Servicemenu Servicemenuen findes på alle sider på Domstol.dk. Ved mouse over og valgt bliver menupunket markeret med en understregning. Farve: #868175, underline 11

12 Navigationsprincipper: Venstremenu Venstremenu På Domstol.dk findes en dynamisk venstremenu, hvorfra websitets centrale emner og undersider kan tilgås. Ved aktivt menupunkt bliver punktet market med rød, pilen vender nedad og punktet folder sig ud. De underliggende punketer bliver markeret med rød og understregning. 12

13 Tekstformatering Font Størrelse Farve Dekoration Mouse over Valgt Visited Overskrifter Header 1 (sideoverskrift) Georgia Regular 20/2 #625e56 Header 2 (manchet) Georgia Regular 12/21pix #a90534 Header 3 (overskrift i brødtekst) Georgia Regular 16/ #625e56 Header 3 (overskrift i højrespalte) Georgia Regular 20/2 #625e56 Brødtekst Brødtekst Georgia Regular 11/16 pix #625e56 Brødtekst overskrift Georgia Bold 11/16 pix #625e56 Links (i brødtekst) Georgia Regular 11/16 pix #a90534 #a90534 # Links (selvstændige) Georgia Bold 11/16 pix #625e56 pil før link #625e56, understreg #625e56, understreg - Dato Georgia Regular 10/16 pix #625e56 Navigation Emnemenu Georgia Regular 18 pix #a90534 understreg understreg Servicemenu 1 Georgia Regular 10 pix # understreg understreg Venstremenu (niveau 1) Georgia Regular 12/40 pix #625e56 pil før tekst #a90534 #a90534 Venstremenu (niveau 2) Georgia Regular 11/ #625e56 #a90534, understreg #a90534, understreg Venstremenu (niveau 3...) Georgia Regular 11/15 pix #625e56 #a90534, understreg #a90534, understreg Andet Links i højre spalte, overskrift Georgia Bold 12/16 pix #625e56 pil før link #a90534 Links i højre spalte, tekst Georgia Regular 10/13 pix #625e56 pil før link #a90534 Brødkrummesti Georgia Regular 10 pix # understreg Sidst opdateret Georgia Regular 10 pix #625e56 understreg Tekst kampagnefelt, overskrift Georgia Bold 12/16 pix #625e56 pil før link #a90534 Tekst kampagnefelt Georgia Regular 10/13 pix #625e56 #a

14 Tekstformatering: Tekstniveauer Emnemenu Header 1 Brødtekst Header 2 (manchet) Servicemenu 2 Brødkrummesti Venstremenu, niveau 1 Header 3 Links i højre spalte Header 3 Venstremenu, niveau 2 Link i brødtekst Overskrift Overskrift Venstremenu, niveau 3 Selvstændige links 2 Selvstændige links 1 14

15 Grid: Forside Domstol.dk, forside Forsiden og de resterende sider på Domstol.dk har en fast bredde og er midterstillet i browersvinduet. Bredde: 962 pix Højde: 575 px Generelle marginer vertikalt:. Generelle marginer horisontalt: 35 pix 30 pix 33 pix 178 pix 10 pix fra kanten af elementet til tekst. 575 pix 291 pix 17 pix 237 pix 237 pix 237 pix 237 pix 962 pix 15

16 Grid - Emneside 35 pix 30 pix 33 pix 178 pix 575 pix 17 pix 237 pix 478 pix 237 pix 962 pix 16

17 Grid - Indholdsside 35 pix 30 pix 33 pix 75 pix 70 pix 17 pix 237 pix 478 pix 237 pix 962 pix 17

18 Grid: Forside og emnesider pix min.15 pix 15 pix 35 pix 17 pix 175 pix 10 pix 10 pix 10 pix 237 pix 237 pix 10 pix pix 5 pix 10 pix 10 pix 478 pix 18

19 Grid: Indholdsfelter pix 50 pix pix pix 40 pix 22 pix 10 pix 478 pix 10 pix 40 pix 22 pix 10 pix 25 pix 217 pix 217 pix 10 pix 19

20 Grid - Venstre og højrespalte 5 pix 6 pix 5 pix 5 pix 5 pix 2 15 pix pix 15 pix 10 pix 237 pix 10 pix 10 pix 10 pix 10 pix 237 pix 10 pix 20

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

Brug af billeder på hjemmesiden og redigering af billeder i Paint Net

Brug af billeder på hjemmesiden og redigering af billeder i Paint Net Brug af billeder på hjemmesiden og redigering af billeder i Paint Net Af webmaster Nis Hollesen, sidst redigeret 14.06.16 Fast anvendelse af billeder på norddjurs.dk Husk at kigge på og eventuelt redigere

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

Retningslinjer for Institutionshjemmesiderne

Retningslinjer for Institutionshjemmesiderne Retningslinjer for Institutionshjemmesiderne Indholdsfortegnelse 1 Retningslinjer for institutionshjemmesiderne... 2 1.1 Tips fra Skriv til nettet... 2 1.2 Struktur... 2 1.2.1 Niveauer... 2 1.2.2 Genveje...

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

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

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

Læs mere

Digital designmanual / version 1.1 / Region Hovedstaden. P2 Design Manual

Digital designmanual / version 1.1 / Region Hovedstaden. P2 Design Manual Digital designmanual / version 1.1 / Region Hovedstaden P2 Design Manual 11 Designkoncept Univers Responsivitet Grundelementer Logo og navnetræk Farver Typografi Billedestill Grundskabeloner Design Sideeksempler

Læs mere

Designmanual BUTLER FM

Designmanual BUTLER FM Designmanual BUTLER FM 2015 Grontmij A/S, Facilities Management Forfatter: Rikke Carlsen, RIC Indhold Grid... 3 Afstande... 5 Fonte og typografier... 6 Farver... 7 Tabeller... 8 Andre elementer... 10 Ikoner...

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

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

Vejledning til Photofiltre nr.166 Side 1 Lave små grafik knapper i Photofiltre

Vejledning til Photofiltre nr.166 Side 1 Lave små grafik knapper i Photofiltre Side 1 Photofiltre er jo først og fremmest et fotoredigeringsprogram. MEN det er også udmærket til at lave grafik med. F.eks. disse knapper er hurtig og nemme at lave. Her er der sat en hvid trekant med

Læs mere

Dynamisk Webdesign. Stefan Grage

Dynamisk Webdesign. Stefan Grage Dynamisk Webdesign Stefan Grage Brugen af web Hvilke sites besøger i oftest? Og hvorfor? Snak med sidemanden i 3 min. Kategorisering Utility sites Sociale sites Webshops Indholdstunge sites Utilities Google

Læs mere

Vejledning i redigering af virksomhedens oplysninger, arbejdsområder, tekst og billeder på MIT DANSKE ARK

Vejledning i redigering af virksomhedens oplysninger, arbejdsområder, tekst og billeder på MIT DANSKE ARK Vejledning i redigering af virksomhedens oplysninger, arbejdsområder, tekst og billeder på MIT DANSKE ARK Indholdsfortegnelse: Side 2: Beskrivelse af virksomhedens præsentationsside og mulighederne herpå.

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

Ahmad Celik, Garwun Jeffrey Lai og Besir Redzepi. 09-10-2009: 3. Semester. Multimediedesigner Projektstart: 28/09-2009 Aflevering: 09/10-209

Ahmad Celik, Garwun Jeffrey Lai og Besir Redzepi. 09-10-2009: 3. Semester. Multimediedesigner Projektstart: 28/09-2009 Aflevering: 09/10-209 Ahmad Celik, Garwun Jeffrey Lai og Besir Redzepi 09-10-2009: 3. Semester. Multimediedesigner Projektstart: 28/09-2009 Aflevering: 09/10-209 Projektets produkt: http://www.abc-cykling.7effrey.dk 1 Indholdsfortegnelse:

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

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

DANMARKS DOMSTOLE DESIGNGUIDE

DANMARKS DOMSTOLE DESIGNGUIDE DANMARKS DOMSTOLE DESIGNGUIDE Marts 2017 /2 INDHOLD FORORD 3 LOGO/ET STÆRKT SYMBOL 4 LOGO/ANVENDELSE 5 LOGO/SUPPLERENDE LOGOER 6 REGLER FOR BRUG AF KERNEBUDSKAB 7 FARVER 8 FARVE-SÆT 9 GRAFISK ELEMENT/BÅNDET

Læs mere

Digital designmanual / version 1.2 / Region Hovedstaden. P2 Design Manual

Digital designmanual / version 1.2 / Region Hovedstaden. P2 Design Manual Digital designmanual / version 1.2 / Region Hovedstaden P2 Design Manual 11 HJEMMESIDE Designkoncept Univers Responsivitet Grundelementer Logo og navnetræk Farver Typografi Billedestill Grundskabeloner

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

Designguide. NemID Designguide / Kontrapunkt / Marts 2010 1

Designguide. NemID Designguide / Kontrapunkt / Marts 2010 1 Designguide h NemID Designguide / Kontrapunkt / Marts 2010 1 Indhold Logo Logo / Minimum afstand / Placering / Co-branding / Fejlagtig brug Elementer Farver / Tal og piktogrammer / Typografi / Supergrafik

Læs mere

Indholdsfortegnelse: Hvad hedder det forskellige på sitet? Forsiden Servicemenu. Manual Skive Kommune Umbraco subsite

Indholdsfortegnelse: Hvad hedder det forskellige på sitet? Forsiden Servicemenu. Manual Skive Kommune Umbraco subsite Manual Skive Kommune Umbraco subsite Du logger ind i Umbraco via adressen: subsite.skive.netmester.dk/umbraco uden at skrive https:// http:// eller www. foran. Indholdsfortegnelse: Hvad hedder det forskellige

Læs mere

Typografi & ombrydning

Typografi & ombrydning Typografi & ombrydning Opgaven Jeg ville gerne lave et hæfte, der henvender sig til alle, der interesserer sig for VW bussen rugbrødet og dens udvikling fra starten i 1950 og frem til i dag. Målgruppen

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

Sådan redigerer du en hjemmeside i Umbraco

Sådan redigerer du en hjemmeside i Umbraco Brugermanual til din boligafdelings hjemmeside Sådan redigerer du en hjemmeside i Umbraco Indhold Introduktion... 2 Log på Umbraco og redigér din hjemmeside... 3 Opret ny side... 7 Gem side uden at udgive/publicere

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

DESIGNGUIDE VESTFORBRÆNDING VISUELLE RETNINGSLINJER APRIL 2016

DESIGNGUIDE VESTFORBRÆNDING VISUELLE RETNINGSLINJER APRIL 2016 DESIGNGUIDE VESTFORBRÆNDING VISUELLE RETNINGSLINJER APRIL 2016 INDHOLD Introduktion 3 Logo og navnetræk 4 Farvepalet 5 Farvepalet udvidet 6 Typografi 7 5. element 8 Grafiske elementer 9 Piktogrammer 10

Læs mere

Grafisk Design. fra idé til visuelt udtryk Benett

Grafisk Design. fra idé til visuelt udtryk Benett fra idé til visuelt udtryk Benett Indholdsfortegnelse Brief...5 Idé og skitsering....6 Værktøjer....6 Farvevalg....7 Flowchart eksisterende site...7 Design i Photoshop....9 Ikoner i Illustrator...11 Setup

Læs mere

TYPOGRAFI MAGASIN MARÍ DYRMOSE

TYPOGRAFI MAGASIN MARÍ DYRMOSE TYPOGRAFI MAGASIN MARÍ DYRMOSE OPGAVEN OPGAVEBESKRIVELSE Opgaven var at lave et nyt månedligt rejsekatalog, der hører til et nyt magasinkoncept. Magasinkonceptet består af rejsekataloger fra A - W og hedder

Læs mere

Designguide. NemID Designguide / Kontrapunkt / Februar

Designguide. NemID Designguide / Kontrapunkt / Februar Designguide h NemID Designguide / Kontrapunkt / Februar 2010 1 Indhold Logo Logo / Minimum afstand / Placering / Co-branding / Fejlagtig brug Elementer Farver / Tal og piktogrammer / Typografi / Supergrafik

Læs mere

Vejledning til Photofiltre nr.129 Side 1

Vejledning til Photofiltre nr.129 Side 1 Side 1 Til denne vejledning laver vi lidt ekstra ved hvert billede. Vi skal bruge det der hedder Image Curl. Vi skal altså bruge en fil der kan hentes på min hjemmeside under Photofiltre 7 og nederst på

Læs mere

VEJLEDNING SPAMFILTERET. 1. Udgave, august 2015 Tilpasset FirstClass version 12.1, Dansk

VEJLEDNING SPAMFILTERET. 1. Udgave, august 2015 Tilpasset FirstClass version 12.1, Dansk VEJLEDNING SPAMFILTERET 1. Udgave, august 2015 Tilpasset FirstClass version 12.1, Dansk Udarbejdet af: Styrelsen for IT og Læring Vester Voldgade 123, 1552 København V Indholdsfortegnelse Vejledning -

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

GRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY

GRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY GRAFISK WORKFLOW OPGAVEBESKRIVELSE Min kunde er en ung mand som ønskede at få lavet en hjemmeside til hans fremtidig firma, den skulle være responsiv og simpel. Da kunden ikke havde noget ønske om selv

Læs mere

Michella+Serritzlew+Jacobsen+

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

Læs mere

Tastemanual til Webbyggeren

Tastemanual til Webbyggeren Tastemanual til Webbyggeren Denne tastemanual er opbygget således, at eleverne skal lave deres hjemmeside i en allerede konstrueret hjemmesideskabelon, som de kan arbejde videre i, lægge tekst ind i, ændre

Læs mere

Umbraco manual Skolelederne.org. Manual for lokale foreninger 1 / 12

Umbraco manual Skolelederne.org. Manual for lokale foreninger 1 / 12 Umbraco manual Skolelederne.org Manual for lokale foreninger 1 / 12 Indhold 1. Umbraco grundfunktioner... 3 1.1. Login... 3 1.2. Overblik over Umbraco... 4 1.3. Kontektsmenuen... 5 1.3.1. Flere funktioner...

Læs mere

NORDIC LIVING. E-MAGAZINE http://sophiehrefnaboye.dk/projektnordicliving/bolig.html. MUL A - 2. semester projekt 2 - Afleveret 11.

NORDIC LIVING. E-MAGAZINE http://sophiehrefnaboye.dk/projektnordicliving/bolig.html. MUL A - 2. semester projekt 2 - Afleveret 11. NORDIC LIVING E-MAGAZINE http://sophiehrefnaboye.dk/projektnordicliving/bolig.html MUL A - 2. semester projekt 2 - Afleveret 11.marts 2016 Thalassa Phillips Ida Bach Sophie Hrefna http://thalassaphillips.com/

Læs mere

Vejledning - mitcfu.dk

Vejledning - mitcfu.dk 1 Vejledning - mitcfu.dk Denne vejledning er rettet mod pædagogiske konsulenter med henblik på anvendelse af mitcfu.dk som værktøj til berigelse af centrenes udlånsmaterialer. 1. Åben Internet Explorer

Læs mere

Visuel identitet for Bygningsstyrelsen

Visuel identitet for Bygningsstyrelsen 6. september 2012 Visuel identitet for Bygningsstyrelsen Grundelementer Logo Bygningsstyrelsens logo består af krone, tredimensionelt element og navnetræk. Navnetrækket er tegnet med udgangspunkt i skriften

Læs mere

Sådan redigerer du en hjemmeside front-end

Sådan redigerer du en hjemmeside front-end Brugermanual til din boligafdelings hjemmeside Sådan redigerer du en hjemmeside front-end Indhold Introduktion... 2 Log på hjemmesiden og redigér front-end... 3 Rediger en side... 7 Opret ny side... 10

Læs mere

Designguide. Her i designguiden kan du læse om CM Networks visuelle identitet, og hvordan du arbejder med CM Network brandet.

Designguide. Her i designguiden kan du læse om CM Networks visuelle identitet, og hvordan du arbejder med CM Network brandet. Designguide Her i designguiden kan du læse om CM Networks visuelle identitet, og hvordan du arbejder med CM Network brandet. Al kommunikation med CM Network som afsender, skal udarbejdes ud fra retningslinjerne

Læs mere

Guide til oprettelse af ruter og interessepunkter på Endomondo

Guide til oprettelse af ruter og interessepunkter på Endomondo Guide til oprettelse af ruter og interessepunkter på Endomondo Indhold: A. Oprettelse af profil på Endomondo B. Oprettelse af selve ruten C. Redigering af oprettet rute D. Oprettelse af interessepunkter

Læs mere

Mark André Lyhne. Eksamen 2012. 12web1b

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

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

CHOKOLADE MAGERIET. Designmanual. af Mette Tang

CHOKOLADE MAGERIET. Designmanual. af Mette Tang Designmanual af Mette Tang Indhold Logo Respektafstand...s. 4 Placering...s. 5 Størrelser...s. 6 På baggrunde...s. 7 Typografi Fonte...s. 9 Teksjustering...s. 10 På baggrunde...s. 11 Elementer Cirkler...s.

Læs mere

Grundforløbsprøve Projektbeskrivelse

Grundforløbsprøve Projektbeskrivelse Grundforløbsprøve Projektbeskrivelse Webintegrator Thomas á Rógvi 221191-2505 Indholdsfortegnelse Opgaven... 3 Tidsplan... 4 Målgruppe... 5 Layout... 6 Design... 7 Fonte... 7 Browser... 7 Bilag... 8 Det

Læs mere

Kontaktboks. Skive.dk april 14. med og uden profilbillede. Kontaktboks - displaymodul. Umbraco. Udarbejdet april 2014. www.skive.

Kontaktboks. Skive.dk april 14. med og uden profilbillede. Kontaktboks - displaymodul. Umbraco. Udarbejdet april 2014. www.skive. Kontaktboks med og uden profilbillede Skive.dk april 14 Kontaktboks - displaymodul Umbraco Udarbejdet april 2014 www.skive.dk Opret en simpel kontaktformular Du opretter en kontaktformular som et displaymodul,

Læs mere

Januar Designguide. Designguide til Nibe Bryghus. Lavet af:

Januar Designguide. Designguide til Nibe Bryghus. Lavet af: Januar 2015 Designguide Designguide til Nibe Bryghus Lavet af: Forord Design guide Nibe Bryghus Design Guiden er rettet mod Nibe Bryghus, så de let og hurtigt kan se, hvilke designelementer, som er blevet

Læs mere

4 ARBEJDE MED SEKTIONER

4 ARBEJDE MED SEKTIONER 4 ARBEJDE MED SEKTIONER Sektioner er en ny måde at vise indhold på. I bund og grund handler det om, at vi opdeler en side i en eller flere sektioner, som kan vise indhold på en række forskellige måder.

Læs mere

O B T G O M B R Y D N I N G & T Y P O G R A F I N I K O L A J V A N G K I L D E M E D I E G R A F I K E R S V E N D E P R Ø V E 2 0 1 6

O B T G O M B R Y D N I N G & T Y P O G R A F I N I K O L A J V A N G K I L D E M E D I E G R A F I K E R S V E N D E P R Ø V E 2 0 1 6 O B T G O M B R Y D N I N G & T Y P O G R A F I N I K O L A J V A N G K I L D E M E D I E G R A F I K E R S V E N D E P R Ø V E 2 0 1 6 O P G A V E B E S K R I V E L S E En illustreret novellesamling med

Læs mere

Typografi og ombrydning

Typografi og ombrydning Københavns Miljøregnskab Københavns Miljøregnskab giver et indblik i miljøindsatsen og miljøtilstanden i København. Miljøregnskabet bliver gennemskrevet og layoutet hvert år og er delt op i seks temaer.

Læs mere

GRAFISK WORKFLOW Hjemmeside - Husk hjelmen. http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/

GRAFISK WORKFLOW Hjemmeside - Husk hjelmen. http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/ GRAFISK WORKFLOW Hjemmeside - Husk hjelmen http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/ Produkt Web sider Index side Underside - Cykelhjelmen - brug den rigtig. Underside - Husk nu cykelhjelmen.

Læs mere

Designmanual for Nøglehullet på Spisesteder

Designmanual for Nøglehullet på Spisesteder Designmanual for Nøglehullet på Spisesteder juli 2013 Indhold 1. Indledning 2 2. Nøglehullets identitet og udformning 3 3. Korrekt grafisk brug af Nøglehulssymbolerne 4 4. Markedsføring med spisestedslogo

Læs mere

Laura Svendsen Kernekompetencer GRAFISK WORKFLOW

Laura Svendsen Kernekompetencer GRAFISK WORKFLOW Laura Svendsen Kernekompetencer GRAFISK WORKFLOW website til drømmemadpakken Hvad? Opgaven er anden del af en opgave i to dele, et trykt produkt og et digitalt produkt. Vi fik udleveret tekst og billeder

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

Brugerguide til Wuxus - For dig som er chauffør.

Brugerguide til Wuxus - For dig som er chauffør. Brugerguide til Wuxus - For dig som er chauffør. Log ind Trin 1 - Log ind Trin 2 - Start dagen Opgaver Accepter / Afvis opgave Scanner Lasteoversigt Slut dag Accepter / Afvis opgave Denne guide hjælper

Læs mere

COPENHAGEN. Opgaven. Kunden. Målgruppe. Layout 1. GRAFISK DESIGN // METTE-MARIE RANDSKOV

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

Læs mere

UNIVERSITY COLLEGE LILLEBÆLT. Infoskærme i UCL. Introduktion og vejledninger UNIVERSITY COLLEGE

UNIVERSITY COLLEGE LILLEBÆLT. Infoskærme i UCL. Introduktion og vejledninger UNIVERSITY COLLEGE UNIVERSITY COLLEGE LILLEBÆLT Infoskærme i UCL Introduktion og vejledninger UNIVERSITY COLLEGE Infoskærme i UCL Er beregnet til daglig annoncering af møder, aflysninger og ændringer. Kan også profilere

Læs mere

DESIGNGUIDE Designguide domea.dk Version 1.0

DESIGNGUIDE Designguide domea.dk Version 1.0 DESIGNGUIDE OM DOMEA 01 Domea er blandt Danmarks største bygge- og boligadministrationer. Vi administrerer ca. 42.000 almene boliger for vores kunder, som er ca. 100 almene boligorganisationer fordelt

Læs mere

TYPOGRAFI & OMBRYDNING

TYPOGRAFI & OMBRYDNING TYPOGRAFI & OMBRYDNING GENNEMGANG AF MAGASIN HVAD GÅR OPGAVEN UD PÅ Opgaven er en fiktiv opgave, som jeg har stillet mig selv, da jeg længe har villet lave et magasin helt fra bunden; hvad skal magasinet

Læs mere

Produkt. Index side GRAFISK DESIGN

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

Læs mere

Grafisk produktionsforståelse

Grafisk produktionsforståelse 04 Grafisk produktionsforståelse Design og koding af steentrae.dk 24 Svendeprøveportfolio Steentrae.dk Responsivt website med CMS I forlængelse af min Grafisk design-del, har jeg her valgt at fokusere

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

Sådan arbejder du med din forside

Sådan arbejder du med din forside Sådan arbejder du med din forside Din forside på hjemmeside består af forskellige slags indhold og med det formål at fremhæve indhold som du har på dine undersider. Hvor er min forside? Øverst i dit sidetræ

Læs mere

Portfolio. Produktion og workflow & Typografi og ombrydning. Af Siw Lysholt Jørgensen

Portfolio. Produktion og workflow & Typografi og ombrydning. Af Siw Lysholt Jørgensen Portfolio Produktion og workflow & Typografi og ombrydning Af Siw Lysholt Jørgensen Dokumentation - A5 folder Opgaven En kollega og jeg fik til opgave at lave en nyopsætning af en a5 folder på 20 sider

Læs mere

Designmanual. Version 1. 02-06/2013

Designmanual. Version 1. 02-06/2013 Designmanual Version 1. 02-06/2013 s designmanual indhold Indhold 2 Introduktion... 3 Kommunikationsunivers... 4 Konceptbeskrivelse...5 HVAD...5 HVEM...5 HVORDAN...5 HVOR...5 HVORNÅR...5 Konceptskitse...6

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

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