Januar Designguide. Designguide til Nibe Bryghus. Lavet af:

Størrelse: px
Starte visningen fra side:

Download "Januar Designguide. Designguide til Nibe Bryghus. Lavet af:"

Transkript

1 Januar 2015 Designguide Designguide til Nibe Bryghus Lavet af:

2 Forord Design guide Nibe Bryghus Design Guiden er rettet mod Nibe Bryghus, så de let og hurtigt kan se, hvilke designelementer, som er blevet brugt til at fremstille deres hjemmeside. Dette vil hjælpe dem til kunne se hvilken typografi, farver osv. der er blevet benyttet på deres hjemmeside, dertil kan de udpege de rette elementer de skal bruge, for muligvis at ændre på deres hjemmeside

3 Indholdfortegnelse Logo 1 Farver 2 Typografi 4 Billedebank 6 Udvidelse af hjemmesiden 7 Kontakt 10

4 Logo Nibe Brughus logo er bestående af tekst, hvor det er delt op i to dele, i den første del står der LO- KAL ØLKUSK i den anden NIBEBRYGHUS. Dertil er der et fyrtårn i midten af logoet, som udtrykker noget maritimt. Logoet består af 2 farver blå og hvid. Logoet er blevet brugt 2 steder på Nibe Bryghus hjemmeside. 1. Som et overordnede tilbagelink til forsiden, som ligger øverst på alle siderne. 2. Ligger i bunden af Footeren, som er på alle siderne. Logo brugt på forside mm bred og mm høj 273pixels bred og 184pixels høj Logo brugt i footer 31.75mm bred og mm høj 120pixels bred og 80pixels høj Eksempel på brug 1

5 Farver Her bliver alle de farver som er benyttet på hjemmesiden vist. De er delt op i hvilke som er primære og sekundære. Hexcode - # RGB code - R153 - G153 - B153 Hexcode - #aea58c RGB Code - R174 - G165 - B140 Primær farve Hexcode - #1c5aa8 RGB code - R28 - G90 - B168 Hexcode - # RGB code - R97 - G97 - B97 Hexcode - #6dcff6 RGB code - R109 - G207 - B246 Primær farve Hexcode - #ffffff RGB code - R255 - G255 - B255 Denne farve bruges Hexcode - #141d23 RGB code - R20 - G29 - B35 Hexcode - #2586FF RGB code - R37 - G134 - B255 Hexcode - # RGB Code - R0- G0 - B0 Hexcode - #1c2831 RGB code - R28 - G40 - B49 2

6 Her bliver der fortalt hvor farverne bliver brugt, dertil også hvor de skal bruges. Bliver brugt som søgefelts farve Brugt som opdelingstreg Primær farve Hover på menu Brugt til knapper Brugt til hover på links effekten omkring borderen på nyhedsbrevs felt Markere søgefeltet (aktiv) Primær farve Bliver brugt til tekst Brugt til ikoner Baggrundsfarve på dropdown menu Footer Viser aktiv menupunkt Viser aktiv karrusel slide Hover over alle knapper Brug til fremhævning af brødtekst Tekst farve på markeret læs mere knap. Baggrund på bølgen i footeren 3

7 Typografi Her bliver den anvendte typografi beskrevet og vist p {font-family: Roboto, sans-serif, font-style: normal font-size: 0,875em} h2 {font-family: Roboto, sans-serif, font-size: 1.5em} h3 {font-family: Roboto, sans-serif, font-weight: bold, font-size: 1.17em; } h4 { font-family: Roboto, font-size: 1em} ABCDEFGHIJKLMNOPQR- STUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå !@#%? Google fonts-roboto - 4

8 Her bliver der beskrevet, hvor typografien må bruges og med hvilken farve. paragraf P er brødtekst, brødtekst må benyttes til alle artikeltekster. Må bruges i farven hvid-hexcode-#ffffff, sort hexcode-# og blå-hexcode - #2586FF til fremhævning. heading 2 h2 er hovedoverskrift, Hovedoverskriften må bruges som overskriften til undersider. Må bruges i farven Hvid-hexcode-#ffffff. heading 3 h3 bruges til sekundær overskrift, denne må bruges som overskrift til artikler. Må bruges i farven Hvid-hexcode-#ffffff. heading 4 h4 bruges til fremhovning, denne må bruges til at fremhæve vigtig tekst eller data. Må bruges i farven hvid-hexcode-#ffffff og blå-hexcode - #2586FF. 5

9 Billedebank Billederne bliver brugt til at fremvise og illustrere forskellige ting på Nibe Bryghus hjemmeside. De bliver brugt til at skabe stemning og vise troværdighed. Billederne som bliver brugt er taget fra det materiale, som er blevet stillet til rådighed under projektet af Nibe Bryghus, så det er deres billeder vi har benyttet. Dertil at noget af billederne blevet redigeret til sådan de passer til formålet. Nogle af billederne er lavet af JAM MEDIA, eller der er licens på, så derfor skal JAM MEDIA Kontaktes, hvis der er ønske om at bruge dem. Baggrunden Banner billederne 6

10 Udvidelse af hjemmesiden Her kan der ses, hvilke steder der er taget højde for en mulig udvidelse af Nibe Bryghus hjemmeside. Her bliver der kan vist, hvorhenne der er taget højde for det og ikke hvordan det skal gøres. Der er fokus på at udvidelsen er en webshop Mulighed for at ligge flere menupunkter ind, dertil også undermenu punkter. Der kan ligges flere punkter ned i footeren, da den har pladsen til det. Inde under produkter kan der tilføjes en købe funktion, sådan man kan købe produktet, når brugeren er inde på det. Mulighed for at ligge en video ind i karruselen Under menu vil der være mulighed for, at indsætte en indkøbsvogn, dertil også et menupunkt der hedder Shop Ift. en webshop vil der være mulighed for at tilføje en købe funktion inden under de specifikke produkter Ift. en webshop vil der være mulighed for at tilføje en købe funktion inden under de specifikke produkter. Under menu vil der være mulighed for, at indsætte en indkøbsvogn, dertil også et menupunkt der hedder Shop 7

11 Mulighed for at ligge flere menupunkter ind, dertil også undermenu punkter. Mulighed for at ligge en video ind i karruselen 8

12 Mulighed for at ligge disse billeder ind i en karrusel Der kan ligges flere punkter ned i footeren, da den har pladsen til det. 9

13 Kontakt Navn: Anders Thyssen Kristensen Mobil: / Navn: Jesper Jensen Mobil: / Navn: Marcela Nedergaard Mobil: / Navn: Anders Jespersgaard Mobil: @ucn.dk Navn: Mads Balslev Pedersen Mobil: @ucn.dk 10

14

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

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

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

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

Indholdsfortegnelse. Forord 2. Logo 3. Respektafstand 5. Farver 6. Typografi 7. Eksempler 9

Indholdsfortegnelse. Forord 2. Logo 3. Respektafstand 5. Farver 6. Typografi 7. Eksempler 9 Designmanual Indholdsfortegnelse Forord 2 Logo 3 Respektafstand 5 Farver 6 Typografi 7 Eksempler 9 1 Forord Denne designguide beskriver Kostume-Pusheren s visuelle identitet. Dette forslag er lavet til

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

Den nye klub hjemmeside.

Den nye klub hjemmeside. Den nye klub hjemmeside. Ved login i typo3, bliver du mødt med dette billede. Det viser sidetræet. Om man skal bruge listevisning eller sidevisning, afhænger af, hvilket indholdselement man arbejder i.

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

Sider, indlæg og projekter

Sider, indlæg og projekter Sider, indlæg og projekter I Divi-temaet er der tre forskellige måder at lægge artikler op på sitet; Sider, indlæg og projekter. På Villybruun.dk bruges Sider til alle artikler. Man kan oprette eller redigere

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

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

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

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

Vi er ikke som de andre. FARVEOPLÆG OG MOCKUP PÅ IDENTITET

Vi er ikke som de andre. FARVEOPLÆG OG MOCKUP PÅ IDENTITET Vi er ikke som de andre. FARVEOPLÆG OG MOCKUP PÅ IDENTITET 02 Indledning. Dette oplæg indeholder oversigt over farvevalg og -symbolik Fleggaard Leasing samt relaterede forretningsområder, herunder Fleggaard

Læs mere

GRAFISK WORKFLOW H1 MARIA SCHELDE

GRAFISK WORKFLOW H1 MARIA SCHELDE GRAFISK WORKFLOW H1 MARIA SCHELDE DOKUMENTATION Opgaven Arkitekt Mette Schelde skulle have designet og programmeret et website, hvorpå hun kunne præsentere hendes produkter. Designkrav Sitet skal være

Læs mere

MANUAL - Joomla! Version 1

MANUAL - Joomla! Version 1 MANUAL - Joomla! Version 1 Indhold Retningslinjer for hjemmesiden... 2 Log ind... 2 Ret i en artikel, der allerede er oprettet... 3 Opret ny artikel... 6 a) Skriv direkte i tekstfelt... 7 b) Indsæt tekst

Læs mere

Mediegrafiker hf 1, Sascha Petersen. Grafisk design. Wireframe & skitse. 1 - Page 1. Flowchart. Start. Opret bruger/login Forside Mad i din by.

Mediegrafiker hf 1, Sascha Petersen. Grafisk design. Wireframe & skitse. 1 - Page 1. Flowchart. Start. Opret bruger/login Forside Mad i din by. Wireframe & skitse 1 - Page 1 Flowchart Start Opret bruger/login Forside Mad i din by Side 1 Moodboard til app & logo Skrifttyper Dandeleon Vintage Demo Montserrat regular Farver Sort/grå Hex: #3F3F3F

Læs mere

Vejledning for LOF s afdelingshjemmeside

Vejledning for LOF s afdelingshjemmeside Vejledning for LOF s afdelingshjemmeside - redigeret i Umbraco Marts 2012 Adresse: http://dinafdeling.lof.dk/ Rediger hjemmeside i Umbraco: http://dinafdeling.lof.dk/umbraco/ Mobilside: Der er lavet en

Læs mere

MANUAL - Joomla! Version 1

MANUAL - Joomla! Version 1 MANUAL - Joomla! Version 1 Indhold Retningslinjer for hjemmesiden... 3 Log ind... 3 Ret i en artikel, der allerede er oprettet... 4 Opret ny artikel... 8 a) Skriv direkte i tekstfelt... 9 b) Indsæt tekst

Læs mere

REDESIGN AF GRAFISK FORUMS HJEMMESIDE. Grafisk Workflow

REDESIGN AF GRAFISK FORUMS HJEMMESIDE. Grafisk Workflow Grafisk Workflow REDESIGN AF GRAFISK FORUMS HJEMMESIDE Før Efter REDEGØRELSE OPGAVEN Da jeg ikke har noget med web at gøre på min elevplads, opfandt jeg en fiktiv opgave - nemlig at redesigne Grafisk Forums

Læs mere

Miniguide for redaktører. Miniguide for redaktører. Leveret af DFF-EDB.dk

Miniguide for redaktører. Miniguide for redaktører. Leveret af DFF-EDB.dk Miniguide for redaktører Miniguide for redaktører Leveret af DFF-EDB.dk 1 INDHOLD Hjemmesider i Umbraco... 2 1. Kom i gang med Umbraco... 2 1.1 Login... 2 1.2. Når du arbejder på siden, inden den er udgivet...

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

Manual til WordPress CMS

Manual til WordPress CMS Manual til WordPress CMS 1. Log ind på din Wordpress-side For at arbejde på din hjemmeside skal du først logge ind på administrationsdelen. Muligvis har du et direkte link på siden. Ellers er adressen

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

Eksamen. Jonas Langhoff Nielsen Web01b

Eksamen. Jonas Langhoff Nielsen Web01b Eksamen Jonas Langhoff Nielsen Web01b 1 Indhold Tidsplan 3 Projektbeskrivelse og Målgruppe 4 De 6 Designparametre. 5 Skitser.. 6 Flowchart 7 Fremstilling af Logo 8 Farvevalg 9 Valg af fonte 10 Skelet.

Læs mere

Brugermanual. Moduler. bru-manmoduleradmin.indd :56:13

Brugermanual. Moduler. bru-manmoduleradmin.indd :56:13 Brugermanual Moduler W bru-manmoduleradmin.indd 9-0-0 4:6: PageDesign brugermanual Moduler» Indholdsfortegnelse Indholdsfortegnelse Billedgalleri. du kommer til at bruge.... sådan gør du... 4 Opret galleri.....................

Læs mere

Designguide Forskningens Døgn

Designguide Forskningens Døgn Designguide Formål og identitet de s nde Bla -Bean y l l Je Jeres I kan også indsætte billeder eller grafik som blikfang, evt.her under brødteksten. Overskrift over flere linjer dog max 44 anslag WWW.JERESHJEMMESIDE.DK

Læs mere

Vejledning. Indhold. Side 1

Vejledning. Indhold. Side 1 Indhold HTML-faneblade... 2 Sådan tilføjer du et HTML-faneblad til din Facebook side.... 3 Sådan redigerer du et HTML-faneblad på din Facebook side.... 5 Sådan deler du fanebladet... 10 Side 1 HTML-faneblade

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

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

få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside

få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside 1 Alle har ret og råd til en professionel hjemmeside på få minutter GoMinisite

Læs mere

Quick guide Dynamicweb 9. Kom godt i gang med brugen af redigeringsværktøjet bag vores hjemmesideløsning CMS-systemet Dynamicweb

Quick guide Dynamicweb 9. Kom godt i gang med brugen af redigeringsværktøjet bag vores hjemmesideløsning CMS-systemet Dynamicweb Quick guide Dynamicweb 9 Kom godt i gang med brugen af redigeringsværktøjet bag vores hjemmesideløsning CMS-systemet Dynamicweb Indholdsfortegnelse Sådan logger du på... 3 Opbygning... 4 Beskrivelse af

Læs mere

Niks Frost & Line Søs Hold 32B

Niks Frost & Line Søs Hold 32B Niks Frost & Line Søs Hold 32B Landdrup Dans - Sitemap Forside Om Galleri Stilarter Hold Priser Tilmeld Åbningstider Kontakt Landdrup Dans. Forsiden linker til 8 undersider: 1: Om (info om firmatet) 2:

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

Hardeknud gruppe. Brugermanual. Tilegnet redaktører af gruppeweb hjemmeside

Hardeknud gruppe. Brugermanual. Tilegnet redaktører af gruppeweb hjemmeside Hardeknud gruppe Brugermanual Tilegnet redaktører af gruppeweb hjemmeside Indhold Indledning... 4 Om denne brugermanual... 4 Formålet med Gruppeweb... 4 Hjemmesidens opbygning... 4 Redaktører... 5 Log

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

Efterlyst! Introduktion HTML & CSS. I dette projekt skal du lære, hvordan du laver din egen plakat. Arbejdsliste. Test dit Projekt.

Efterlyst! Introduktion HTML & CSS. I dette projekt skal du lære, hvordan du laver din egen plakat. Arbejdsliste. Test dit Projekt. HTML & CSS 1 Efterlyst! 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 your club. Introduktion

Læs mere

Vejledning for LOF s afdelingshjemmeside - redigeret i Umbraco

Vejledning for LOF s afdelingshjemmeside - redigeret i Umbraco Vejledning for LOF s afdelingshjemmeside - redigeret i Umbraco Adresse: http://dinafdeling.lof.dk/ Rediger hjemmeside i Umbraco: http://dinafdeling.lof.dk/umbraco/ HUSK ingen www i adressen, skriv blot

Læs mere

MOT V ZE DESIGNMANUAL 2014

MOT V ZE DESIGNMANUAL 2014 DESIGNMANUAL 2014 Udgivet 28. maj 2014 FORORD Formålet med denne design manual er at fastlægge hvorledes Motivize fremstilles både grafisk and udtryksmæssigt. Med udgangspunkt i værdier som; motivation,

Læs mere

Guide til første gang du skal på shopeasy.dk.

Guide til første gang du skal på shopeasy.dk. Guide til første gang du skal på shopeasy.dk. Når du skal købe tøj første gang skal du først og fremmest sikre dig, at du er blevet oprettet som bruger i webshoppens system. Dette sker gennem KFD s bestyrelse

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

Manual til LOF s hjemmeside November 2018

Manual til LOF s hjemmeside November 2018 Manual til LOF s hjemmeside November 2018 Indholdsfortegnelse 1. Login i Umbraco... 4 1.1 Glemt adgangskode... 4 2. Ordbog... 5 2.1 Ordbog Hjemmeside... 5 2.2 Ordbog Umbraco... 6 3. Forhåndsvisning...

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

Grafisk design. Produkt: Responsiv hjemmeside Klient: EUC Nordvestsjælland

Grafisk design. Produkt: Responsiv hjemmeside Klient: EUC Nordvestsjælland Grafisk design Produkt: Responsiv hjemmeside Klient: EUC Nordvestsjælland 06// Opgave EUC Nordvestsjælland ønskede at få en mere tidssvarende og simpel hjemmeside. Jeg fik til opgave at lave en prototype.

Læs mere

Manual i frontend-redigering af kredssider og brug af kalender

Manual i frontend-redigering af kredssider og brug af kalender Manual i frontend-redigering af kredssider og brug af kalender Frontend redigering af kredssider og brug af kalender Logge ind og lave simpel redigering... Side 2-3 Opret ny side... Side 4 Læg billede

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

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

afsender Aarhus Folk Festival

afsender Aarhus Folk Festival GRAFISK DESIGN Hjemmeside Redegørelse Hvad går opgaven ud på? Design af hjemmeside i wordpress fra start til slut til mindre festival i Aarhus område. En stor udfordring var at lave programmeringen så

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

FAMILIE & MADVANER DESIGNGUIDE

FAMILIE & MADVANER DESIGNGUIDE FAMILIE & MADVANER DESIGNGUIDE VELKOMMEN Dennne guide har til formål at sikre en entydig præsentation og eksponering af den visuelle identitet for virksomheden En bid af Malou v. Marie-Louise Hannesbo

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

LOGO. Logoet for Brejning som helhed er designet med henblik på at vise samklang med de tre øvrige logoer men også fremstå som noget andet.

LOGO. Logoet for Brejning som helhed er designet med henblik på at vise samklang med de tre øvrige logoer men også fremstå som noget andet. Visuel identitet LOGO et for Brejning som helhed er designet med henblik på at vise samklang med de tre øvrige logoer men også fremstå som noget andet. et er lavet ud fra en række tanker omkring Brejning.

Læs mere

GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING

GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING DANSKE BEDEMÆND august 2014 v1.4 1 P a g e INDHOLDSFORTEGNELSE Adgang... 3 Overordnet om Umbraco... 4 Højreklik muligheder i oversigten...

Læs mere

Udarbejdet af Birte marie Linnebjerg den 31. juli 2016.

Udarbejdet af Birte marie Linnebjerg den 31. juli 2016. Oprette ma nedsbrev og sende det ud Udarbejdet af Birte marie Linnebjerg den 31. juli 2016. 1 I vores nye portal er det meget simpelt at oprette et månedsbrev, der udsendes via Mandrill, som sikrer, at

Læs mere

Indholdsfortegnelse. Side 1 af 8

Indholdsfortegnelse. Side 1 af 8 Indholdsfortegnelse Koster det noget at oprette sig som bruger på ALTdanmark?... 2 Hvordan opretter jeg mig som bruger på ALTdanmark?... 2 Hvordan ændre jeg mit kodeord.... 3 Hvad hvis jeg har glemt mit

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

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

1.3 Redigering af indhold på forsiden For at redigere forsiden marker dit lokalafdelingsnavn i træstrukturen og klik på Lås og rediger.

1.3 Redigering af indhold på forsiden For at redigere forsiden marker dit lokalafdelingsnavn i træstrukturen og klik på Lås og rediger. 1.3 Redigering af indhold på forsiden For at redigere forsiden marker dit lokalafdelingsnavn i træstrukturen og klik på Lås og rediger. Ændret den 9. januar 2019 Ældre Sagens hjemmesidesystem: 1.3 Redigering

Læs mere

Digital designmanual / Tredjepartsløsninger (version 3) P2 Design Manual

Digital designmanual / Tredjepartsløsninger (version 3) P2 Design Manual Digital designmanual / Tredjepartsløsninger (version 3) P2 Design Manual 1 INDHOLDSFORTEGNELSE / TREDEJEPARTS INTEGRERING TREDJEPARTSINTEGRERING Grundelementer Logo og navnetræk Farver Typografi Billedstill

Læs mere

1.3 Redigering af indhold på forsiden For at redigere forsiden marker dit lokalafdelingsnavn i træstrukturen og klik på Lås og rediger.

1.3 Redigering af indhold på forsiden For at redigere forsiden marker dit lokalafdelingsnavn i træstrukturen og klik på Lås og rediger. 1.3 Redigering af indhold på forsiden For at redigere forsiden marker dit lokalafdelingsnavn i træstrukturen og klik på Lås og rediger. Ændret den 8. marts 2019 Ældre Sagens hjemmesidesystem: 1.3 Redigering

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

M.OE. Designmanual Marts 2015 1. udgave

M.OE. Designmanual Marts 2015 1. udgave M.OE Designmanual Marts 2015 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

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

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

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 WORKFLOW GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM

GRAFISK WORKFLOW GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM OPGAVEN Redesign af Ole Møgelbys hjemmeside, der efter stor succes med sine værker, gerne vil have frisket udtrykket lidt op. Billedsiderne skal udvides

Læs mere

Installation af WeroShop 2.4 S

Installation af WeroShop 2.4 S 2012 Installation af WeroShop 2.4 S Tommy Westerdahl Christensen Wero Electronics 23-02-2012 Indholdsfortegnelse INDLEDNING... 2 INSTALLATION... 3 GENEREL OPSÆTNING... 8 MOMS OPSÆTNING... 10 BETALINGSFORMER...

Læs mere

Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed

Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed Redegørelse Grafisk Opgaven At redesigne en hjemmeside for AGF fanclub, som har et mere moderne look og et nyhedsarkiv som er let oversskueligt. Hjemmesiden er en opgave jeg selv har stillet mig og kunne

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

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

1. Større opgaver i word

1. Større opgaver i word Indholdsfortegnelse 1. Større opgaver i word...1 1.1. Typografier... 1 1.1.1. Normal... 1 1.1.2. Overskrifter... 5 1.2. Dispositionsvisning... 6 1.3. Indholdsfortegnelse... 6 1.4. Krydshenvisninger...

Læs mere

Plads til dit barn...

Plads til dit barn... Publikationer A4 Folder - Institution Det bærende element på forsiden er et billede indsat i et gitter med 9 felter samt en titel. Billedet skal passe til titlen og underbygger emnet så budskabet bliver

Læs mere

Zenegy Enheder og Adgange

Zenegy Enheder og Adgange ENHEDER & ADGANGE INTRODUKTION Zenegy Enheder og Adgange Med Enheder og adgange holder du styr på, hvilket udstyr og IT-adgange de enkelte medarbejdere har fået stillet til rådighed. Enheder og Adgange

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

Vejledning. hjemmeside-opbygning. - DFIF - Vejledning til CMS: Dansk Firma Idrætsforbund

Vejledning. hjemmeside-opbygning. - DFIF - Vejledning til CMS: Dansk Firma Idrætsforbund Vejledning hjemmeside-opbygning. - DFIF - Side 1 Indholdsfortegnelse INDHOLDSFORTEGNELSE... 2 HURTIGT I GANG... 4 REDIGERE HJEMMESIDEN... 5 LOGIN...5 TEKST PÅ EN SIDE...6 REDIGERINGSMULIGHEDER...6 TEKSTBEHANDLING

Læs mere

grafisk workflow Madmagasinet

grafisk workflow Madmagasinet grafisk workflow Madmagasinet Dokumentation Opgaven Madmagasinet skal have et website som er responsive, således deres brugere har en side som er optimeret til de forskellige platformer, hvorpå deres site

Læs mere

sweetbot.design Kodning og design af hjemmeside Navne: Emma Blæsbjerg, Michell Aagaard Dranig og Andreas Oliver Hansen

sweetbot.design Kodning og design af hjemmeside Navne: Emma Blæsbjerg, Michell Aagaard Dranig og Andreas Oliver Hansen sweetbot.design Kodning og design af hjemmeside Navne: Emma Blæsbjerg, Michell Aagaard Dranig og Andreas Oliver Hansen Gruppe: MUL A 10 Email: Michell cph-md267@cphbusiness.dk, Emma cph-eb121@cphbusiness.dk,

Læs mere

1 De grafiske farver i Sitecore

1 De grafiske farver i Sitecore Vejledning til designvalg på institutionshjemmesiderne I denne vejledning bliver de anbefalede farvekombinationer præsenteret sammen med en vejledning i, hvordan du indsætter farverne på institutionshjemmesiderne.

Læs mere

Redigeringsmanual til pholmson.dk Opdateret SYMBIOTISK

Redigeringsmanual til pholmson.dk Opdateret SYMBIOTISK Redigeringsmanual til pholmson.dk Opdateret 03.07.12 Login via pholmson.dk/wp-admin pederholm ejendomme2010 Indlæg Alle ejendomme og lejemål er indlæg der består af følgende komponenter: 1. Titel 2. Kateogori

Læs mere

Ud fra ovenstående vil den typiske Maileg kunde kunne placeres i det grønne segment i følge Minerva modellen. GRAFISK DESIGN. Moderne.

Ud fra ovenstående vil den typiske Maileg kunde kunne placeres i det grønne segment i følge Minerva modellen. GRAFISK DESIGN. Moderne. Opgave Vi er på vej til at lave en ny hjemmeside hvor vi fremadrettet skal til at sælge vores produkter direkte til kunderne. Vi vil gerne lave en hjemmeside som både virker legende men også overskuelig,

Læs mere

Indholdsfortegnelse Opret engelsk version af hjemmesiden... 2

Indholdsfortegnelse Opret engelsk version af hjemmesiden... 2 Indholdsfortegnelse Opret engelsk version af hjemmesiden... 2 Indledning:... 2 Metode 1 en samling af sider, med kun en engelsk version:... 3 Metode 2 Eksisterende sider med både en dansk og en engelsk

Læs mere

DESIGNGUIDE SÅDAN BRUGER DU SLS LAYOUT, GRAFIK, SKRIFTTYPER OG BILLEDER. Side 1

DESIGNGUIDE SÅDAN BRUGER DU SLS LAYOUT, GRAFIK, SKRIFTTYPER OG BILLEDER. Side 1 DESIGNGUIDE SÅDAN BRUGER DU SLS LAYOUT, GRAFIK, SKRIFTTYPER OG BILLEDER Side 1 INDHOLDSFORTEGELSE 1. Logo og navnetræk 3 2. Skrifttype 4 3. Billedstil 4 4. Farver 5 5. Publikationsforsider 7 6. Plakater

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

Gruppe 9: Jan-Nilas Gerth, Jonas Thomsen, Collyre Niyokuri, Michelle Thomsen

Gruppe 9: Jan-Nilas Gerth, Jonas Thomsen, Collyre Niyokuri, Michelle Thomsen Gruppe 9: Jan-Nilas Gerth, Jonas Thomsen, Collyre Niyokuri, Michelle Thomsen 3 Introduktion 15 Grafiske elementer 4 5 6 7 8 9 10 11 12 12 Logo Clearspace Placering Versioneringer Typografi Billeder Don

Læs mere

Grafisk Workflow STILHISTORIE. Website lavet i forbindelse med et projekt om stilhistorie. Klik her for at se websitet:

Grafisk Workflow STILHISTORIE. Website lavet i forbindelse med et projekt om stilhistorie. Klik her for at se websitet: STILHISTORIE Website lavet i forbindelse med et projekt om stilhistorie. Klik her for at se websitet: http://www.mediegrafiker-ats.dk/12gf32med8b/stil/maria/ Opgaven I forbindelse med et tema omhandlende

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

NY IDENTITET TIL SCHWARZ

NY IDENTITET TIL SCHWARZ GRAFISK DESIGN NY IDENTITET TIL SCHWARZ Redskaber: Photoshop Illustrator Kundeprofil: Schwarz er en eksklusiv forhandler af senge og tilbehør i topklavlitet. Med deres store sortiment af kvalitetsmærker

Læs mere

Google websites. https://sites.google.com. Pædagogiske og didaktiske mål

Google websites. https://sites.google.com. Pædagogiske og didaktiske mål Google websites https://sites.google.com Pædagogiske og didaktiske mål Et værktøj til at samle og dele klassens materialer og noter på ét sted med mulighed for et lækkert layout. Der kan lægges dokumenter

Læs mere

Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress.

Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress. Wordpress manual Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting og funktioner i Wordpress, så du selv kan redigere indholdet eller tilføje

Læs mere

GRAFISK DESIGN DOTHOST HJEMMESIDE

GRAFISK DESIGN DOTHOST HJEMMESIDE DOTHOST HJEMMESIDE Opgavebeskrivelse Gammelt design Nyt design Dothost er et nyopkøbt firma af ATZnet. Jeg blev ansat til at lave et redesign af siden og få det mere nutidigt og troværdigt. Jeg har igennem

Læs mere

Guide til oprettelse/redigering af events på bornholm.info

Guide til oprettelse/redigering af events på bornholm.info Guide til oprettelse/redigering af events på bornholm.info Trin Login Beskrivelse 1. Login på hjemmesiden: URL: http://bornholm.info/wp-admin/ Brugernavn: se mailen Adgangskode: se mailen Opret event 1.

Læs mere

Brugervejledning Joomla

Brugervejledning Joomla Brugervejledning Joomla Denne brugervejledning vil guide dig gennem de funktioner, som du skal bruge for at redigere indhold på dit website. Indholdsfortegnelse LOG- IN:... 2 OPRET ARTIKEL:... 3 INDSÆT

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

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

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

Kom godt i gang. Sitecore Foundry maj Version 1.1

Kom godt i gang. Sitecore Foundry maj Version 1.1 Sitecore Foundry 4 Kom godt i gang 26. maj 2014 - Version 1.1 Pentia A/S Store Kongensgade 66, Baghuset 1264 København K Telefon: 7023 3330 E-mail: info@foreningssite.dk Indholdsfortegnelse Indledning...

Læs mere

Vejledning til Photofiltre nr.128 Side 1

Vejledning til Photofiltre nr.128 Side 1 Side 1 Denne vejledning er blot et lille eksempel på hvordan man også kan bruge Photofiltre 7 som en slags grafikprogram. Det er med udgangspunkt i f.eks. min hjemmeside hvor vi vil bruge den blå farve

Læs mere

En blog med dansk brugerflade. Opret en Smartlog konto Gå til http://www.smartlog.dk/ Opret en konto ved at skrive din e-mailadresse

En blog med dansk brugerflade. Opret en Smartlog konto Gå til http://www.smartlog.dk/ Opret en konto ved at skrive din e-mailadresse Blogs Om blogs http://www.it-borger.dk/den-nye-it-verden/internet/blogs Om at oprette blogs http://www.it-borger.dk/laer-om-it/internet/nar-du-vil-pa-nettet/blogs/sadan-laver-du-en-blog Råd når du laver

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

Indhold. 1. Adgang og afslutning

Indhold. 1. Adgang og afslutning 1 Indhold 1. Adgang og afslutning 2. Menupunkter 3. Tekst 4. Billeder 5. Video 6. Lyd 7. Bannere 8. Bokse 9. Dokumenter 10. Links 11. Iframe 12. Markedspladsen 13. Nyheder 14. Job 15. Kalender 16. Selvbetjeningsbjælken

Læs mere

Brugervejledning til AIM spørgeskemaer

Brugervejledning til AIM spørgeskemaer Brugervejledning til AIM spørgeskemaer Adgang 1. Åben aim-askovfonden.dk 2. Skærmbilledet ser ud som følger: 3. Login: Din e-mail adresse 4. Adgangskode har du modtaget pr. mail. Ellers klik på Glemt din

Læs mere