DESIGNGUIDE WEBSITE DESKTOP OG MOBIL 2016

Størrelse: px
Starte visningen fra side:

Download "DESIGNGUIDE WEBSITE DESKTOP OG MOBIL 2016"

Transkript

1 DESIGNGUIDE WEBSITE DESKTOP OG MOBIL 06

2 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 Hex: #35a8e0 Hex: #a8edc Hex: #f6896 R: 3 G: 63 B: 0 R: 53 G: 68 B: 4 R: 68 G: 5 B: 0 R: 46 G: 37 B: 38 Identitetsbærende farve der anvendes til topnavigation og footerelement Identitetsbærende farve der anvendes til venstrenavigation, links og labels Supplerende farve der anvendes til tags og forside-temabokse Anvendes til forsidens temaboks Light grey Dark grey 80% 60% 40% 0% 80% 60% 40% 0% Hex: #F4F4F4 Hex: # R: 44 G: 44 B: 44 R: 80 G: 80 B: 80 Anvendes til tynde streger, større baggrundsflader, faktabokse, tabeller og besøgte links Anvendes til fede streger, pile, ikoner, servicemenu og datoer

3 TEMA BOKS 3 Temabokse er særlige felter, der kan aktiveres på forsiden af lmst.dk ifb. med emner, vi sætter fokus på og som ikke er en del af det normale redaktionelle flow i nyhedsfeltet. På temabokse kan følgende farver anvendes: mintgrøn #A8EDD og orange #F6896, se side.

4 TYPOGRAFI 4 Lmst.dk anvender typografien Source Sans Pro, som er en gratis Google font. Source Sans Pro er en velegnet typografi til læsning på skærm på alle typer af enheder. Typohrafien kan også anvendes offline. Source Sans Pro kan downloades på: Source Sans Pro Light Source Sans Regular Source Sans Italic Source Sans Pro Bold A B C D E F G H I J A B C D E F G H I J A B C D E F G H I J A B C D E F G H I J K L M N O P Q R S T K L M N O P Q R S T K L M N O P Q R S T K L M N O P Q R S T U V W X Y Z Æ Ø Å U V W X Y Z Æ Ø Å U V W X Y Z Æ Ø Å U V W X Y Z Æ Ø Å a b c d e f g h i j a b c d e f g h i j a b c d e f g h i j a b c d e f g h i j k l m n o p q r s k l m n o p q r s k l m n o p q r s k l m n o p q r s t u v w y z æ ø å t u v w y z æ ø å t u v w y z æ ø å t u v w y z æ ø å

5 TYPOGRAFI FORSIDE 5 Følgende specificerer typografi for desktop-visning af lmst.dk. Da typografi til hhv. tablet og mobile enheder skalerer sig i % ift. skærmstørrelse og opløsning, med udgangspunkt i nedenstående specificeres typografi til hhv. tablet og mobile enheder ikke. 3 Overskrift H Source Sans Pro Light, 3px, # Mellemoverskrift Source Sans Pro Bold, 9px, # Supplerende indgang Source Sans Pro Regular, 6px, # Label Source Sans Pro Regular, versaler, 6px, #FFFFFF 3

6 TYPOGRAFI INDHOLD 6 Følgende specificerer typografi for desktop-visning af lmst.dk. Da typografi til hhv. tablet og mobile enheder skalerer sig i % ift. skærmstørrelse og opløsning, med udgangspunkt i nedenstående specificeres typografi til hhv. tablet og mobile enheder ikke. Overskrift (H) Source Sans Pro Light, 3px, # Manchet Source Sans Pro Bold, 6px, # Mellemoverskrift (H) Source Sans Pro Bold, 9px, # Tekstlink Source Sans Pro Light, 6px, #00A8E Brødtekst Source Sans Pro Regular, 6px, # Faktabox-Overskrift Source Sans Pro Regular, 0px, # Faktabox-Brødtekst Source Sans Pro Regular, 4px, # Faktabox-Tekstlink Source Sans Pro Regular, 4px #00A8E3

7 TYPOGRAFI TABELLER 7 Følgende specificerer typografi for desktop-visning af lmst.dk. Da typografi til hhv. tablet og mobile enheder skalerer sig i % ift. skærmstørrelse og opløsning, med udgangspunkt i nedenstående specificeres typografi til hhv. tablet og mobile enheder ikke. Tabel overskrift Source Sans Pro Bold, 3px, # Tabel liste Source Sans Pro Regular, 3px, #000000

8 BILLED FORMATER 8 FORSIDE-BILLEDE TEMA-BILLEDE INDHOLDS-BILLEDE HØJREBOKS-BILLEDE Foto: Jens Astrup, Scanpix Desktop: Bredde: 450px Højde: Variabel Desktop: Bredde: 350px Højde: 0px Desktop: Bredde: 450px Højde: Variabel Desktop: Bredde: 87px Højde: Variabel Tablet/mobil: Bredde: skaleres procentvis ift. desktop Højde: skaleres procentvis ift. desktop Tablet/mobil: Bredde: skaleres procentvis ift. desktop Højde: skaleres procentvis ift. desktop Tablet/mobil: Bredde: skaleres procentvis ift. desktop Højde: skaleres procentvis ift. desktop Tablet/mobil: Bredde: skaleres procentvis ift. desktop Højde: skaleres procentvis ift. desktop

9 IKONER & TAGS 9 SUPPLERENDE INDGANGE Ikoner benyttes på forsiden til supplerende indgange. Ikoner skal være lines og ikke fyldte. Ikonstørrelse er 5x5 px, og der anvendes SVG format. Nye ikoner bør følge samme grafiske stil. SERVICENAVIGATION Ikoner skal være lines og ikke fyldte. Ikonstørrelse er 34x48 px, og der anvendes SVG format. Nye ikoner bør følge samme grafiske stil. TAGS Tags består af fyldt bundfarve Primary Teal #a8edc Kampagner Vaccination Børnemedicin Del Share AAA

10 GRID FORSIDE 0 00% 454px 454px 930px 930px Content 454px Content 454px 00% Content 454px Content 454px px Indholdsside mobil Forside desktop Forside mobil

11 GRID INDHOLDSIDE 454px 454px 930px 00% 930px 690px 8px px px Venstre-nav. 8px Content 450px Højre-spalte 8px Content / faktabokse / temaboxe 00% Indholdsside desktop Indholdsside mobil

12 NAVIGATION DESKTOP. niveau (topnavigation) Første niveau navigation udgøres af en horisontal topbjælke med 6 menupunkter 3 Navigationsprincippet gør det muligt at folde hver punkt ud på første niveau ud som en drop down menu. Ved ufoldet navigation kan punkter i andet niveau tilgåes. 4 Sektionssiden kan også aktivt vælges nederst i drop down menuen. Navigation desktop Forsættes næste side > 3 4 Udfoldet navigation desktop

13 NAVIGATION DESKTOP 3-4. niveau (venstrenavigation) Der følges et navigationsprincip for venstrenavigationen som tillader to interaktioner pr. menupunkt: Klikkes der på et emne tekst så åbnes den pågældende side. Klikkes der på pilen, så åbnes eller lukkes det aktuelle menupunkt Navigation desktop Udfoldet venstrenavigation desktop

14 NAVIGATION MOBIL 4 Mobilnavigation Der følges et navigationsprincip for mobilnavigationen som tillader to interaktioner pr. menupunkt: Passiv navigation Burgerikonet åbner navigationen Klikkes der på et emne tekst så åbnes den pågældende side. 3 Klikkes der på pilen, så åbnes eller lukkes det aktuelle menupunkt. 3 Udfoldet. niveau navigation Udfoldet navigation -3 niveau

15 DESIGN MOBIL 5

16 DESIGN DESKTOP 6 Forside Indholdsside

17 7 Lægemiddelstyrelsen I Designguide I Maj 06

Designguide for Domstol.dk

Designguide for Domstol.dk Designguide for Domstol.dk Designguide December 2006 for Domstol.dk Indholdsfortegnelse Designelementer..................... 3 Navigationsprincipper................ 11 Tekstformatering....................

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

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

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

Undervisningsministeriets. Løsningsbeskrivelse for. koncernløsning. 29.9.2011 / Version 1.0 / Kontakt: Rasmus Ørgaard Rudolf (rru@1508.

Undervisningsministeriets. Løsningsbeskrivelse for. koncernløsning. 29.9.2011 / Version 1.0 / Kontakt: Rasmus Ørgaard Rudolf (rru@1508. Undervisningsministeriet Løsningsbeskrivelse for Undervisningsministeriets koncernløsning 29.9.2011 / Version 1.0 / Kontakt: Rasmus Ørgaard Rudolf (rru@1508.dk) Indhold 1.0 Indledning 4 1.1 Læsevejledning

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

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

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

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

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

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

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

Co Brewers. Designmanual Rev. 1

Co Brewers. Designmanual Rev. 1 Designmanual 2016 Rev. 1 Indhold Source Sans Pro 01 Logo 02 Farveunivers Plakat Visitkort Label Website 04 Billedstil 05 Layout 03 Typografi Logo Logoet er designet så det skaber associationer til øl,

Læs mere

INDHOLDS- FORTEGNELSE

INDHOLDS- FORTEGNELSE DESIGN- MANUAL INDHOLDS- FORTEGNELSE DESIGNMANUAL Tanker bag designet... 4 Logo... 5 APP logo... 6 Logovarianter... 7 Typografi... 8 Farvepalette... 12 DESIGNPROCESS Brainstorm... 13 Moodboard... 17 Værdigrid...

Læs mere

NAVN PÅ KAPITEL IDENTITET RAW 2015

NAVN PÅ KAPITEL IDENTITET RAW 2015 NAVN PÅ KAPITEL IDENTITET RAW 2015 Indholdsfortegnelse 1. Designkoncept 2. Logotype 3. Typografi 4. Det femte element 5. Farveskala 6. Fotostil 7. Eksempler på anvendelse 8. ipad magasin Side x Side x

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

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

Designmanual. Generelt. NyreNyt + pjecer. Logo 2 Farver 2 Typografi 3 Billede 3

Designmanual. Generelt. NyreNyt + pjecer. Logo 2 Farver 2 Typografi 3 Billede 3 Designmanual Generelt Logo 2 Farver 2 Typografi 3 Billede 3 NyreNyt + pjecer Forside 4 Inholdsfortegnelse 5 Sidetal / sidefod 5 Indhold 6 Tema / Tillæg 6 Typografi Rubrik (Overskrifter) Underrubrik (indl.

Læs mere

Typografi. &ombrydning. Artikel tæt på Fit Living Magasinet. Typografi & ombrydning

Typografi. &ombrydning. Artikel tæt på Fit Living Magasinet. Typografi & ombrydning Typografi &ombrydning Artikel tæt på Fit Living Magasinet 1 OPGAVEN: Jeg fik til opgave at layoute en artikel om Louise Mieritz til Fitliving nr. 11 / 2015. Derudover skulle jeg booke fotograf, location

Læs mere

LogoGuide. Version

LogoGuide. Version LogoGuide Version 1.2 2018 Rejseplanen LogoGuide 2 Dette er Rejseplanens LogoGuide, som har til formål at sikre en sammenhængende og ensartet brug af logoet. Har du spørgsmål til guiden, er du mere end

Læs mere

Designguide Det Konservative Folkeparti

Designguide Det Konservative Folkeparti Designguide Bomærke Logovarianter Farver Typografi Fotostil X X Designguide 2017 Version 1.2 Logo i bredformat Bomærke venstrestillet Bomærket X X Logo i bredformat Bomærke højrestillet Et bomærke er ikonet

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

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

Grafisk. Portfolio for Kasper Rasmussen

Grafisk. Portfolio for Kasper Rasmussen Grafisk design grafisk design Det Strategiske Forskningsråd Årsskrift Opgavebeskrivelse DSF har hvert år udsendt et årsskrift for at belyse nye spændende områder indefor den forskning de bl.a. har støttet

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

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

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

Dokumentation. Grafisk Design

Dokumentation. Grafisk Design Dokumentation Dokumentation OPGAVEN: Denne opgave er lavet for en ny opstartet cafe og restaurant i Vordingborg, de skulle derfor bruge et logo som det første og derefter en hel design linje. Deres ide

Læs mere

GRAFISK DESIGN - MAGASIN FORSIDE

GRAFISK DESIGN - MAGASIN FORSIDE GRAFISK DESIGN - MAGASIN FORSIDE REDEGØRELSE Opgavebeskrivelse Fiktiv opgave: Design en forside til Skanderborg Kommunes Bibliotekers kvartalsblad Det sker. Afsender Afsenderen er en kommunal instans,

Læs mere

GRAFISK DESIGN. Hjemmeside

GRAFISK DESIGN. Hjemmeside GRAFISK DESIGN Hjemmeside AFSENDER Dansk design ANSVAR FOR OPGAVELØSNING Jeg har haft ansvaret for at opgaven er blevet løst, og at den har overholdt de krav som jeg selv har stillet til den skal opfylde,

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

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

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

Se hjemmesiden på:

Se hjemmesiden på: Se hjemmesiden på: www.share-connect.dk Dokumentation Opgavebeskrivelse Det lokale erhvervsnetværk, Share & Connect skulle have designet og programmeret sin nye hjemmeside, hvor de ville kunne have mulighed

Læs mere

HÅNDBOLD REGION ØST Vejledning i tilmelding af HRØ stævner

HÅNDBOLD REGION ØST Vejledning i tilmelding af HRØ stævner HÅNDBOLD REGION ØST Vejledning i tilmelding af HRØ stævner Vejledning i tilmelding til breddestævner via HåndOffice. Tilmelding via HåndOffice sker via http://haandoffice.dhf.dk/login.aspx. Koden til login

Læs mere

DESIGNGUIDE // MAJ 2012

DESIGNGUIDE // MAJ 2012 DESIGNGUIDE // MAJ 2012 Designguiden indeholder corporate standarder og retningslinjer, der fastsætter cphbusiness grafiske identitet. De grafikfiler, som hører til cphbusiness corporate standarder må

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

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

Vejledning til Blackboards portfolio værktøj

Vejledning til Blackboards portfolio værktøj Vejledning til Blackboards portfolio værktøj Brug denne vejledning, når du skal udarbejde din undervisningsportfolio i Blackboards portfolio værktøj. Ved at følge alle trinene nedenfor får du udarbejdet

Læs mere

WORKFLOW & PRODUKTION

WORKFLOW & PRODUKTION OPGAVE Jeg har lavet et fiktiv website for en hundekennel. Det er mit bud på hvordan sådan en eventuelt kan se ud. PROGRAMMER Photoshop Dreamweaver Illustrator WORKFLOW & PRODUKTION KENNEL BISCO Dokumentation

Læs mere

Manual til Vandværksløsninger

Manual til Vandværksløsninger Topmenu, hovedmenu og venstremenu 1 Manual til Vandværksløsninger 6. Topmenu, hovedmenu og venstremenu Topmenu, hovedmenu og venstremenu 2 Hjemmesidens tre menuer Hjemmesiden har tre menuer, en topmenu,

Læs mere

TYPOGRAFI & OMBRYDNING - MAGASIN

TYPOGRAFI & OMBRYDNING - MAGASIN TYPOGRAFI & OMBRYDNING - MAGASIN REDEGØRELSE Opgavebeskrivelse Lav et fiktivt blad for Skanderborg Kommunes biblioteker, som fortæller hvad der skal ske januar-marts 2016, både med en samlet oversigt og

Læs mere

MARIA SKAU MADSEN SVENDEPRØVE 2015 WWW.BY-M.DK

MARIA SKAU MADSEN SVENDEPRØVE 2015 WWW.BY-M.DK DOKUMENTATION MARIA SKAU MADSEN WWW.BY-M.DK INDHOLDSFORTEGNELSE OPGAVE BESKRIVELSE.... 5 RESEARCH.... 5 DESIGN.... 5 SPECIFIKATIONER DET TRYKTE MEDIE.... 5 NUVÆRENDE IDENTITET... 6 PRIMÆR OG SEKUNDÆR MÅLGRUPPE....................6

Læs mere

Designmanual. Retningslinier for Danmarks Naturfredningsforenings tryksager.

Designmanual. Retningslinier for Danmarks Naturfredningsforenings tryksager. Designmanual Retningslinier for Danmarks Naturfredningsforenings tryksager. 1 Indhold Formål 3 Logoet og konsultativ tekst 4 Rubrik på forside 6 Typografi 7 Farver 8 Format 10 Godkendelse og produktion

Læs mere

Opgavestyring i Elevplan Vejledning. Pædagogisk IT kørekort Mentorforløb

Opgavestyring i Elevplan Vejledning. Pædagogisk IT kørekort Mentorforløb Opgavestyring i Elevplan Vejledning Pædagogisk IT kørekort Mentorforløb 1 Flow Pædagogisk IT kørekort Mentorforløb 2 Opgaver oprettes på et læringselement, eller et udbudt læringselement Opgaver oprettes

Læs mere

DESIGNMANUAL Roskilde Dyrskue - 2016

DESIGNMANUAL Roskilde Dyrskue - 2016 mødested for land & by DESIGNMANUAL Roskilde Dyrskue - 2016 Vores designmanual indeholder regler og retningslinjer samt skal bruges til inspiration i arbejdet med vores visuelle kommunikation. Grunden

Læs mere

Sitecore - basisvejledning Oktober 2012

Sitecore - basisvejledning Oktober 2012 Sitecore - basisvejledning Oktober 0 Indholdsfortegnelse Sådan opretter du en ny artikelside... 3 Sådan omdøber du et artikelnavn så du får vist æ, ø og å... 4 Undgå at din artikel bliver publiceret i

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

LogoGuide. Version

LogoGuide. Version LogoGuide Version 1.1 2017 Rejseplanen LogoGuide 2 Dette er Rejseplanens LogoGuide, som har til formål at sikre en sammenhængende og ensartet brug af logoet. Har du spørgsmål til guiden, er du mere end

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

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

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

Demoscript til prototypen for det nye trafikkort

Demoscript til prototypen for det nye trafikkort Demoscript til prototypen for det nye trafikkort Version 4, Ingrid Haug, 30/9 2014 Dette dokument anvendes, når prototypen skal demonstreres. Den indeholder en vejledning i, hvordan man finder alle funktioner

Læs mere

Indholdsfortegnelse. IBeS DESIGNGUIDE 1. udgave december 2017 Udgiver: Ikast-Brande esport Typografi: Eurostile, Eurostile Extd, Play

Indholdsfortegnelse. IBeS DESIGNGUIDE 1. udgave december 2017 Udgiver: Ikast-Brande esport Typografi: Eurostile, Eurostile Extd, Play Designguide Indholdsfortegnelse Primære logo.... 4 Sekundære logoer.... 5 Minimumsbredder... 9 Respektafstande... 10 Primære fonte... 12 Sekundære fonte... 13 Primære farver... 14 Sekundære farver... 15

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

DESIGNMANUAL. Designprincipper for konceptet: Eventyr på menuen

DESIGNMANUAL. Designprincipper for konceptet: Eventyr på menuen DESIGNMANUAL Designprincipper for konceptet: Eventyr på menuen INDHOLD Farver - Primær Farver - Sekundær Farver - Oversigt Udskrift Billedstil Skrifttype - Primær Skrifttype - Sekundær Priser Prisfremhævning

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

grafisk workflow OPGAVE: EMBRACE-IT WEBSITE

grafisk workflow OPGAVE: EMBRACE-IT WEBSITE grafisk workflow OPGAVE: EMBRACE-IT WEBSITE BESKRIVELSE GRAFISK WORKFLOW BESKRIVELSE Den tidligere nævnte virksomhed Embrace-IT, forsøger i takt med at virksomhen vokser, at opdatere og optimere deres

Læs mere

TYPOGRAFI OG OMBRYDNING. Bog af Ib Møller På Vej.

TYPOGRAFI OG OMBRYDNING. Bog af Ib Møller På Vej. TYPOGRAFI OG OMBRYDNING Bog af Ib Møller På Vej. Produkt Redegørlese Hvad går opgaven ud på Jeg skulle i denne opgave ombryde en bog for Arkitekten og planlæggeren Ib Møller, som havde lavet denne bog

Læs mere

Ovi: Sådan kommer du i gang

Ovi: Sådan kommer du i gang Ovi - Introduktion Din guide til Ovi: Sådan kommer du i gang 1) Gå ind på www.ovi.com og klik på Register. 2) Udfyld formularen - husk at skrive dit mobilnummer, så du kan bruge Ovi på mobilen. 3) Så er

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

GRAFISK DESIGN. Hjemmeside til Dizzy Mizz Lizzy

GRAFISK DESIGN. Hjemmeside til Dizzy Mizz Lizzy GRAFISK DESIGN Hjemmeside til Dizzy Mizz Lizzy PROCESSBESKRIVELSE Beskrivelse af Dizzy Mizz Lizzy website Opstart 01. Research, filsøgning, idégenerering, målgruppe. 02. Designopsætning i photoshop Målgruppe

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

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

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

Designmanual. Romalt Idrætsforening 1981

Designmanual. Romalt Idrætsforening 1981 Designmanual Romalt Idrætsforening 1981 Introduktion Kære brugere af denne designmanual Denne designmanual omhandler pri mært brug af logo og farver i Romalt IF s designlinje. Den er ment og tænkt som

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

Grafi sk Design Grafi sk Design

Grafi sk Design Grafi sk Design Grafisk Design Grafisk Design 3 Grafisk design Grafisk Design 4 Opgave beskrivelse Design udgangspunkt Kongehusets nuværende hjemmeside, med en fiktiv bannerreklame for deres ny lancerede smartphone app.

Læs mere

GRAFISK DESIGN. webdesign af pl.dk

GRAFISK DESIGN. webdesign af pl.dk Webdesign af pl.dk Opgavebeskrivelse Bold.dk og 6 eren har slået sig sammen for at skabe Danmarks største Premier League fodboldportal, PL.dk. Hjemmesiden skal indeholde mange informationer, og samtidig

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

BROCHURE TYPE 2 - MÅL

BROCHURE TYPE 2 - MÅL Designguide for BROCHURE TYPE 2 - MÅL 80 172 90 25 25 nam af Lorem Ipsum Dolor og Sit Amet Consectetuer Lorem ipsum dolor sit amet nam 297 261 261 11 11 64.2 64.2 Denne guide er et supplement til designguide

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

Designmanual. andersenbiler.dk

Designmanual. andersenbiler.dk Designmanual andersenbiler.dk 4 Logo 6 Anden 8 Ikoner 9 Brand Logoer 10 Skadecenter En verden af rap køreglæde Indhold 11 12 16 17 Farver Typografi Visitkort Brevark og faktura 18 Email Signaturer 19 Stempler

Læs mere

Anbefalinger, anvisninger og inspiration til hvordan Grantoftegaards design skal bruges

Anbefalinger, anvisninger og inspiration til hvordan Grantoftegaards design skal bruges Anbefalinger, anvisninger og inspiration til hvordan Grantoftegaards design skal bruges September 2014 udarbejdet af Charlotte Søeborg Ohlsen, grafisk designer Alle fotos er taget af Anne-Li Engstrøm Forord

Læs mere

Grafisk Design. Svendeprøve Portfolio Anja Jelstrup Jensen, Kailow

Grafisk Design. Svendeprøve Portfolio Anja Jelstrup Jensen, Kailow Grafisk Design Svendeprøve Portfolio Anja Jelstrup Jensen, Kailow Gammelt layout Nyt layout 6 Grafisk Design Kunden Mindfullife er en forskningsinvolveret uddannelsesvirksomhed indenfor mindfulness-baseret

Læs mere

AROS Å R H U S K U N S T M U S E U M

AROS Å R H U S K U N S T M U S E U M AROS Å R H U S K U N S T M U S E U M EKSPERTVURDERING AROS - FØR #Æstetik og minimalistisk design E-shop kommer både frem i top-menu og menu #Fleksibilitet og effektivitet i brugen Besøg Aros = undermenuer

Læs mere

Bettina Andersen M ED I E G RA F I K ER. 2. Hovedforløb

Bettina Andersen M ED I E G RA F I K ER. 2. Hovedforløb Bettina Andersen M ED I E G RA F I K ER 2. Hovedforløb Indholdsfortegnelse Grafisk design...3 Proces... 4 Inspirationssøgning... 4 Skitsering... 5 Rentegning.... 6 Typografi & Ombrydning..........................................

Læs mere

Vejledning Rapportskabelon

Vejledning Rapportskabelon Vejledning Rapportskabelon Patrick Klint Jesper Iskov Hoffmeyer Version 1.0 Maj 2016 Indholdsfortegnelse INDLEDNING RÅD & TIPS Udpak ZIP-filen, før du arbejder med skabelonen 04 Tilføj rapporttitlen -

Læs mere

Tillykke Med Fødselsdagen

Tillykke Med Fødselsdagen HTML & CSS 1 Tillykke Med Fødselsdagen All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register

Læs mere

Publikationer. Centralt niveau (A)

Publikationer. Centralt niveau (A) Publikationer Centralt niveau (A) grafisk designprogram juni 2006 2 indhold 3 Typografi 4 Farver Odense farvepalette Retningslinier for publikationsforsider til centralt niveau A4 Forside med rubrik nede

Læs mere

DESIGNANALYSE M/S Museet for Søfart 4 April 2016 Gruppe 14 ANALYSE AF WEBSITE

DESIGNANALYSE M/S Museet for Søfart 4 April 2016 Gruppe 14 ANALYSE AF WEBSITE ANALYSE AF WEBSITE NAVIGATION Grundlæggende en overskuelig side. Navigationen af siden er nem og brugervenlig. Baggrund og menulinjer overlapper ikke hinanden, hvilket giver en overskuelig navigation af

Læs mere

Typografi & Ombrydning

Typografi & Ombrydning Typografi & Ombrydning OPGAVE Design og opsætning af bog til brug i fritiden og ifm. arbejde. ANVENDTE PROGRAMMER KUNDE Mig selv og Morsø Jernstøberi A/S DATO FOR PROJEKT Maj 2015 MIT BIDRAG TIL OPGAVEN

Læs mere

4.2 Sådan kopierer du på Aalborg Bibliotekerne... 11. 4.1 Identificer dig på kopimaskinen... 11

4.2 Sådan kopierer du på Aalborg Bibliotekerne... 11. 4.1 Identificer dig på kopimaskinen... 11 Indholdsfortegnelse 1. Sådan opretter du en konto i s kopi-/printsystem... 2 1.1 Opret kopi-/printkonto hjemmefra... 2 1.2 Aktivering af din kopi-/printkonto... 3 2. Sådan indbetaler du penge på din kopi-/printkonto...

Læs mere

JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN.

JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN. JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN. Grafisk design Grafisk design Opgaven Jeg har fået til opgave at re-designe Sells.dk. Sitet skal benytte elementer fra en kampagne, der tidligere er

Læs mere

INDHOLDSFORTEGNELSE TYPEFACES FORMER UNIFORMER FARVER FACEBOOK -LOGO -COVER LOGO EFFEKTER INFORMATION

INDHOLDSFORTEGNELSE TYPEFACES FORMER UNIFORMER FARVER FACEBOOK -LOGO -COVER LOGO EFFEKTER INFORMATION DESIGN GUIDE INDHOLDSFORTEGNELSE TYPEFACES FARVER LOGO EFFEKTER FORMER UNIFORMER FACEBOOK -LOGO -COVER INFORMATION Typefaces til web NexaBold sans-serif Denne typeface bliver brugt til diverse headings,

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

Brugervejledning for v1.0 til bruger/elev

Brugervejledning for v1.0 til bruger/elev Brugervejledning for v1.0 til bruger/elev Version pr 20120514 Opdateret og seneste version kan altid hentes på http://webtour.dk/manual Der arbejdes til stadighed på at forbedre vores brugervejledning

Læs mere

MANUAL. Siteloom CMS

MANUAL. Siteloom CMS MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 3. september, 2012 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 8 2. Sider... 10 2.a Opret side...

Læs mere

Sådan gør du iphone og ipad Brug af app og scanning af leads

Sådan gør du iphone og ipad Brug af app og scanning af leads Exhibition App Conference Managers messescan giver messeudstillere mulighed for at registrere, hvilke leads de har haft besøg af på standen. CM Exhibition App eksisterer til både iphone, Android og Windows

Læs mere

GRAFISK DESIGN. Bog omslag Bibelleseplan kalender

GRAFISK DESIGN. Bog omslag Bibelleseplan kalender GRAFISK DESIGN Bog omslag Bibelleseplan kalender Produkt Redegørlese Hvad går opgaven ud på? Denne opgave er for vores kunde Det Norske bibelselskap. De udgiver hvert år en Bibelleseplankalender, som får

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

Grafisk workflow. Hjemmeside til Bærkompagniet

Grafisk workflow. Hjemmeside til Bærkompagniet Grafisk workflow Hjemmeside til Bærkompagniet Dokumentation Opgaven Bærkompagniet skulle have designet og programmeret et website, hvor de kunne præsentere deres produkter samt mulige forhandlere kunne

Læs mere

ENK Manual for Entreprenør

ENK Manual for Entreprenør 1. Hvad er ENK 2. Hvordan logger man på 3. Hvordan bestiller man en sporspærring. 4. Kvittering for modtagelse af bestilling 5. Modtagelse af sporspærringscirkulære 6. Afvisning af bestilling ENK er en

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

Visuel guide til Landsbyggefondens. digitale design. Version (denne guide er et tillæg til fondens eksisterende designguide).

Visuel guide til Landsbyggefondens. digitale design. Version (denne guide er et tillæg til fondens eksisterende designguide). Visuel guide til Landsbyggefondens. digitale design Version 1.0-2015 (denne guide er et tillæg til fondens eksisterende designguide). Typografi Farver Indhold Logo Eksempler Powerpoint Vores grundelementer

Læs mere

Typografi & Ombrydning

Typografi & Ombrydning Typografi & Ombrydning OPGAVEN Opgaven gik ud på at fremstille en årsrapport til CfDP, som er et magasin til samarbejdspartnere, mulige kunder og andre med interesse for virksomhedens beskæftigelser gennem

Læs mere

Opstart og adgange til Ejersiden

Opstart og adgange til Ejersiden Opstart og adgange til Ejersiden Indhold Internet Explorer og andre browsere til Ejersiden... 1 Login til Ejersiden... 2 Første login til Ejersiden... 2 Ændring af kodeord ved første login... 3 Bestilling

Læs mere