DOKU- MEN- TATION TEK- NISK
|
|
- Flemming Skaarup
- 8 år siden
- Visninger:
Transkript
1 TEK- NISK DOKU- MEN- TATION GRUPPE 21: AMALIE HOVGESEN- CLEA-MARIE FIND PALUDAN THERESE HASSE LARSEN - CECILIE POSS AMALIE LEONORA DAM - KASPER MUNK JENSEN
2 : 1. MOCKUP 2. FORSIDE 3. SITEMAP 4. LAYOUTDIAGRAM 5. KODEEKSEMPEL 6. DESIGNMANUAL
3 MOCKUP COMPUTER,TABLET, SMARTPHONE EXPLORE MAP ABOUT CONTACT EXPLORE THE CITY HABOUR AND SEE ALL THE SEA SIGHTS. BE YOUR OWN CAPTAIN AND ENJOY THE FREEDOM TO EXPLORE COMPUTER Welcome EXPLORE Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + EXPLORE MAP ABOUT CONTACT SEASIGHTS EXPLORE THE CITY HABOUR AND SEE ALL THE SEA SIGHTS. BE YOUR OWN CAPTAIN AND ENJOY THE FREEDOM TO EXPLORE EXPLORE THE CITY HABOUR AND SEE ALL THE SEA SIGHTS. BE YOUR OWN CAPTAIN AND ENJOY THE FREEDOM TO EXPLORE EXPLORE TABLET Welcome EXPLORE Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Welcome Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. SMARTPHONE Lorem ipsum dolor sit amet consectetur Lorem ipsum dolor sit amet consectetur Lorem ipsum dolor sit amet consectetur Lorem ipsum dolor sit amet consectetur Lorem ipsum dolor sit amet consectetur Lorem ipsum dolor sit amet consectetur Lorem ipsum dolor sit amet consectetur Lorem ipsum dolor sit amet consectetur
4 MOCKUP OVERSIGT
5 SCREENSHOT AF FORSIDE
6 SITEMAP index.html map.html index.html about.html contact.html map1.html map2.html map3.html map4.html map5.html map6.html map7.html index.html
7 LAYOUTDIAGRAMMER index.html
8 contact.html
9 map.html, map1, map2, map3, map4, map7
10 about.html
11 KODEEKSEMPEL Responsive webdesign og kodning handler om at tilpasse sin hjemmeside til mange skærmstørrelser både store og små. I vores kodeeksempel har vi i body lavet en div container med class= tema_container som skal indeholde ikoner der skal tilpasses skærmformatet. Det vil sige vi altså har brug for både store og små ikoner. Dette gøres ved at lave forskellige baggrundsbilleder i vores CSS. tema_container styler vi til at have en maks. bredde på 990px hvilket er den størrelse man ser i et stort skærmbillede. En div boks er et blokelementet der altid vil fylde hele skærmen. Vi vælger at give den en bredde for at have mulighed for at centrere den ved at sætte margin til 0 i toppen og auto i siderne.
12 Hvert tema har deres egen div container, eksempel class= tema one, som har fået et baggrundsbillede. Bredden på div containeren har vi sat til 25% hvorved der indeni tema_container ligger sig fire containere som er udregnet i forhold til tema_container. Vi sætter display til at være inline-block sådan at de fire containere ligger sig ved siden af hinanden og vi indsætter float som vi indstiller til at være left, sådan at elementet flyder fra venstre. Vi sørger for at baggrundsbilledet kun bliver vist engang ved at indsætte stylingen: background-repeat: no-repeat; I de fire tema_containere er der endnu en div container med tekst. Vi har sat padding-top til 160px da denne er justeret i forhold til baggrundsbilledet sådan at teksten ikke ligger over baggrundsbilledet. Efter de fire containere har vi indsat et div element: clear-fix der specificerer hvilke sider elementerne ikke måde flyde til, og sådan at elementerne ligger sig på linje. Det er muligt at tilpasse et stort skærmformat til et mindre dette gør vi på følgende måde: I <head> opsætter vi fire regler i form af links, som siger noget om de forskellige layouts. Når browser størrelsen bliver under 990px vil designet blive flydende. Når skærmen ændrer sig og bliver over 990px så vil designet derfor skifte karakter ved hjælp af CSS3 media forespørgsler. Hvis skærmstørrelsen er mellem 50px og max 500px så vil browseren bruge css reglen screen_small_layout.css og hvis max bredden er mellem 501px og 990px så ændrer skærmlayoutet sig til screen_layout_medium.css. Når man skifter fra laptop til tablet så registreres skærmstørrelsen og opløsningen sådan at designet optimeres.
13 DESIGNMANUAL
14
15 SEASIGHTS
16 FONTTYPES Roboto-Thin ABCDEFGHIJKLMN OPQRSTUVXYZÆØÅ abcdeftghijklmn opqrstuvxyzæøå
Mennesket bruger et tilbud i et forsøg på at forstå og navigere i, hvad der vil ske når en beslutning tages. Et tilbud vil som udgangspunkt være et
Mennesket bruger et tilbud i et forsøg på at forstå og navigere i, hvad der vil ske når en beslutning tages. Et tilbud vil som udgangspunkt være et forsøg på at sikre sig mod tab! Det effektive tilbud
Læs mereVejen til effektiv tilbudsteknik
Vejen til effektiv tilbudsteknik Opgaven( ( indhold Priser & Tidslinjen( Formål Beskriv kort, hvad tilbuddets formål er, og hvad kunden får ud af det, du tilbyder. Baggrund Det er sandsynligt, at andre
Læs mereG F W F G R A F I S K W O R K F L O W 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
G F W F G R A F I S K W O R K F L O W 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 Et redesign af hummels website. Det gamle
Læs merede fire grundelementer - samlet mærke baresso c offee
de fire grundelementer - samlet mærke baresso baresso c offee c offee baresso c offee baresso c offee de fire grundelementer - typografi og farver #44321B CMYK: 52,64,84,61 neuropol Century Gothic #309CD7
Læs mereJYSK GAS OG VVS TEKNIK APS
Designmanual til APS Udarbejdet Januar 2016 af Kristine D. Johannessen INDHOLDSFORTEGNELSE o3 o4 o5 o6 o7 o8 o9 Jysk Gas og VVS Teknik Logo Respektafstand Placering Størrelser Logo på billede Bomærke 1o
Læs merePORTFOLIO VICTOR CHRISTENSEN
PORTFOLIO VICTOR CHRISTENSEN BRAND IDENTITY Piperead: Piperead er en platform, som formidler og samler nyhedsbreve ét sted. Idéen er, at nyhedsbrevene skal kunne tilgås fra både mobil og desktop. P et
Læs mereRammearkitektur.dk. Marius Hartmann
Rammearkitektur.dk Marius Hartmann 20150225 Hvad er en Wiki? Hvad er mange Wiki'er? interwiki Hvad driver en Wiki? Hvad vil vi med en wiki? vi vil have kommunerne med til at udvikle rammearkitekturen,
Læs mereStilretningslinjer for brandets identitet 2015
Stilretningslinjer for brandets identitet 2015 DA Billede: David Lliff EPP-Gruppen i Europa-Parlamentet 60 Rue Wiertz 1047 Brussels Belgium Redaktør Indholdsfortegnelse Indledning... 2 Grafisk sammenhæng...
Læs mereBureauet Nyborg DESIGNguide 1. DESIGNguide
DESIGNguide 1 DESIGNguide DESIGNguide 2 Inhold INDHOLD 1.0 Introduktion 2.0 Grundelementer 2.1 Logoet 2.2 Logo varianter 2.3 Undgå 2.4 Respekafstande 2.5 Farvet 2.6 Typografi 2.7 Fotografi 2.8 Mønster
Læs mereStine Mo Stine Simonsen Trine Bauder Sofie Diemer
Gruppe 8 KEA MMD S15 Stine Mo Stine Simonsen Trine Bauder Sofie Diemer INDHOLDSFORTEGNELSE 1. LINK... 1 2. INDLEDNING... 2 2.1 OPGAVEFORMULERING... 2 2.2 AFGRÆNSNING... 2 2.3 METODE... 2 3. ANALYSE...
Læs mereINDHOLD. 01. Introduktion. Ministeriet for By, Bolig og Landdistrikter Netværkscentret Gammel Mønt 4, 2 1117 København K. 02. Brevpapir. 03.
DESIGNMANUAL INDHOLD Ministeriet for By, Bolig og Landdistrikter Netværkscentret Gammel Mønt 4, 2 1117 København K Telefon: 41 71 78 30 E-mail: netvaerkscenter@mbbl.dk ISB-nr. 978-87-7134-125-6 01. Introduktion
Læs mereINDHOLD. Erhvervsstyrelsen LAG-sekretariatet Netværkscentret Slotsgade 1 4800 Nykøbing F. 01. Introduktion. 02. Brevpapir. 03.
DESIGNMANUAL INDHOLD Erhvervsstyrelsen LAG-sekretariatet Netværkscentret Slotsgade 1 4800 Nykøbing F 01. Introduktion 02. Brevpapir 03. Visitkort Tlf.nr.: 41 71 78 30 E-mail: netvaerkscenter@mbbl.dk ISB-nr.
Læs mereDESIGNGUIDE FOR NATURPARK LILLEBÆLT
DESIGNGUIDE 2016 DESIGNGUIDE FOR NATURPARK LILLEBÆLT Designguiden skal skabe en tydelig og let genkendelig visuel identitet for NATURPARK LILLEBÆLT, således at brandingen af NATURPARK LILLEBÆLT fremstår
Læs mereInterface design. Arbejde med byggestenene: Fonte, Farver, Grafik, Video
Interface design Arbejde med byggestenene: Fonte, Farver, Grafik, Video Plan for idag... Hvad er rich content? Farver Fonte Billededitering Video embed (screencast) Flash embed Rich Content Macromedia
Læs mereSkilte og 3D. Grundelementer. Digitale media. Korrespondance. Side. Side Intro. Designmanualen er opdelt i fem hovedafsnit: Facadeskilte Beklædning
Designmanual Indhold Side Designmanualen er opdelt i fem hovedafsnit: A A1 A. Intro Indledning og baggrund. B. Grundelementer Beskrivelse og definering af grafiske grundelementer. C. Korrespondance Design
Læs mereEFTERSKOLERNES DAG 2017
EFTERSKOLERNES DAG 2017 Forberedt på mere indeholder betydningen - videre dannelse og videre uddannelse. Sande, præcise ord, men også en smule voksne. Bad vi en efterskoleelev om at sætte ord på det samme,
Læs merePortfolio. Elektronisk portfolio findes på: www.my-graphic.dk. Sofie Jespersen August 2012 MEDIEGRAFIKER PORTFOLIO
Portfolio MEDIEGRAFIKER PORTFOLIO Sofie Jespersen August 2012 Elektronisk portfolio findes på: www.my-graphic.dk grafisk design grafisk design Opgaven Opgaven gik ud på at lave et redesign af Familiemåltider.dk
Læs mereEt er søkort at forstå, et andet, skib at føre. Guidelines for udvikling af nyhedsgrafik.
Et er søkort at forstå, et andet, skib at føre. Guidelines for udvikling af nyhedsgrafik. ÉT STYKKE MED GRAFIK, TAK! MAX ONE SIZE DOES NOT FIT ALL På de følgende sider redegøres der for en række principper
Læs mereDesignmanual November 2011
Designmanual November 2011 Indhold Intro Velkommen...Side 5 Om os...side 7 Guidelines Logo...Side 9 5. Element...Side 13 Spirer og Grønsmutter...Side 15 Farver...Side 17 Fonte...Side 19 Billeder...Side
Læs merePORTFOLIO HERVÉ LE GALLO
PORTFOLIO HERVÉ LE GALLO BRAND IDENTITY GRAPHIC DESIGN WEB DESIGN ANIMATION newsletter PHOTO LATEST PROJECT Science Museerne & Aarhus Botanical Garden LOGO BREVPAPIR/VISITKORT Bent Lorenzen Science Museerne
Læs mereGRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE
GRAFISK PRODUKTION OG WORKFLOW PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE 04 INDHOLDSFORTEGNELSE Dokumentation 05
Læs mereKapitel A til Grafisk design. ZebraSoft
Kapitel A til Grafisk design Kapitel A 2 Elektroniske blanketter Som du kan se i brochuren med printerlister, er der et hav af varianter i blanketter og formularer. Kunderne har forskellige behov/krav,
Læs mereDesignmanual. Version 2.0 Januar 2008
Designmanual Indhold Side Side Designmanualen er opdelt i seks hovedafsnit: A. Intro Indledning og baggrund. B. Grundelementer Beskrivelse og definering af grafiske grundelementer. C. Korrespondance Design
Læs mereDesign. manual. 4September 2014
Design manual 4September 2014 2 Fredensborg Kommune Designmanual 4 September 2014 Fredensborg Kommune Designmanual 4 September 2014 3 Indhold 3 Forord 5 Logo 6 Logo, varianter 7 Frikommune-logo 8 Farver,
Læs mereMX-3111U Digitalt Fuldfarve Multifunktionssystem
MX-3111U Digitalt Fuldfarve Multifunktionssystem print l kopi I scan I fax I arkiver Effektiv. Pladsbesparende. Økonomisk. Vi præsenterer hurtig og alsidig udskrivning i farver Det første valg til hurtig
Læs mereHvad er en Kommuneplan?
Forside Tema 1 Hvad er en Kommuneplan? Amet dignissim delenit nonummy illum dolore wisi in duis at, tincidunt wisi, duis elit, amet feugiat laoreet. Blandit nisl tincidunt nulla facilisi minim, velit nulla
Læs mereDansk Socialrådgiverforening. Januar Notat om uacceptable forløb i børnesager
Dansk Socialrådgiverforening Januar 2015 Notat om uacceptable forløb i børnesager Forord Uacceptable forløb i børnesager skal undgås med ressourcer, faglighed og ordentlige vilkår for socialrådgivernes
Læs mereDenne designmanual indeholder de grafiske værktøjer og retningslinier for profileringen af SuperBest som Hele Danmarks fødevaremarked.
Indhold Forord Scandinavian DesignLab... 2 SuperBest's nye logo... 3 Primært logo... 4 Primært logo Varianter og Sekundært logo... 5 Farvepalet... 6 Typografi... 7 Primært logo Skiltning... 8 Sekundært
Læs mereTilbage til Indholdsfortegnelse. Designmanual. Horsens Kommune HORSENS KOMMUNE Designmanual 2018 Version 1.0 1
Designmanual Horsens Kommune 2018 HORSENS KOMMUNE Designmanual 2018 Version 1.0 1 Indholdsfortegnelse Side 3: Introduktion Side 4: Logo Side 8: Grafisk element Side 12: Typografi Side 15: Farver Side 17:
Læs mereØkologisk spiseklub for hele familien
Oplæg til koncept Jeg har leget lidt med at føre ideen om en økologisk spiseklub i Odder en del videre. Jeg tror, der i tiden er et godt potentiale til at bygge noget mere op omkring økologisk sund mad,
Læs mereMASTERPLAN. tstrø. m Ank. Kollegiehave. Idræ. MASTERPLAN for Tovværks- og Idrætsområdet i Esbjerg
MASTERPLAN Tr Top-Hotel Tr Træ op-hotel el Rapelli elliidrætsparkområdet og for Tovværks- og i Esbjerg kklatreområ latreområde råde oplæg 2012 Aktivi k i i januar etss e sti s ttii Rybner s Ryb r s s Gymna
Læs mereDesignmanual. Version 1.1
Designmanual Version 1.1 Aabenraa Kommunes grafiske design Denne designmanuals vigtigste opgave er at sikre, at borgerne oplever genkendelighed, når Aabenraa Kommune kommunikerer med omverdenen. Ud over
Læs mereRough - visuel idéudvikling
1 Roskilde Universitetscenter, Institut for Kommunikation, journalistik og datalogi, PO.Box 260. 4000 Roskilde. (2002) Bruno Ingemann in Tekster skal ses! Nøgleord: Rough, udkast, struktur, billedbrug
Læs mereBanedanmarks logo. Minimumstørrelse. Symbolets størrelse og proportioner må ikke ændres. Symbolet har en fast placering under navnetrækket.
Banedanmarks logo Navnetræk Symbol Minimumstørrelse Bredde: 4,5 mm Designprogrammets bærende element er logoet. Logoet består af navnetrækket Banedanmark og af et symbol. Den grafiske opdeling i navnetrækket
Læs merePROJEKT 3, 1. SEM WEBSITE FROM CLIENT BRIEF
PROJEKT 3, 1. SEM WEBSITE FROM CLIENT BRIEF Links til portfolio Anna Emely Jensen Oliver Alexander Vedel Trojahn Maja Scheel Kvint Cecilie Sørensen http://www.annaemely.wordpress.com https://www.olivervedel.wordpress.com
Læs mereBeskrivelse af proces fra bruger
Indhold Beskrivelse af proces fra bruger... 2 Beskrivelse af proces - fra koden... 6 0) Initialisering af proces... 7 1) Ansøgning oprettet (noteticket)... 8 2) Godkend nyt medlem (taskticket)... 9 3)
Læs mereorienterer Hvidovre Ældreråd GRATIS FOR ALLE BORGERE OVER 60 ÅR I HVIDOVRE KOMMUNE MAGASIN... bare ta mig! Hvidovre Kommunes nye Sundhedscenter
Hvidovre Ældreråd orienterer FOR ALLE BORGERE OVER 60 ÅR I HVIDOVRE KOMMUNE GRATIS MAGASIN... bare ta mig! Hvidovre Kommunes nye Sundhedscenter Foto: Ebbe Forup 23. ÅRGANG NR. 3 SEPTEMBER 2018 SIDE 2 ÆLDRERÅDET
Læs mereAdfærdsterapi. Beslægtede opslagsord Træk beslægtede opslagsord hertil. Register. Kapitel 2 - Dynamisk terapeut uddannelsen.
Adfærdsterapi Psykoterapeutisk behandlingsform der tager udgangspunkt i patientens nuværende situation, tanker og adfærd og gennem samtale og træning forsøger at ændre adfærden i en mere hensigtsmæssig
Læs mereDesignportfolio - Mediegrafiker. ndersen. Designportfolio af: Patrick Andersen
ndersen Designportfolio af: Patrick Andersen Designportfolio - Mediegrafiker consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
Læs mereKvalitetsmærke for tilgængelighed
Kvalitetsmærke for tilgængelighed DESIGNMANUAL FTA MARTS 2004 Redaktion: Ulla Kramer, sekretariatsleder Lars Nielsen, formand for FTA Niels-Henrik Larsen, Danmarks Turistråd Preben Aagaard Nielsen, Dansk
Læs mereDesign. manual. 5Juli 2015
Design manual 5Juli 2015 2 Fredensborg Kommune Designmanual 5 Juli 2015 Fredensborg Kommune Designmanual 5 Juli 2015 3 Indhold 3 Forord 5 Logo 6 Logo, varianter 7 Frikommune-logo 8 Farver, primære 9 Farver,
Læs mereSådan strukturerer du et manuskript. Trin-for-trin guide
Sådan strukturerer du et manuskript Trin-for-trin guide Manuskriptets opbygning - generelt Et manuskript består af 3 dele: 1. Indledning 2. Selve talen/kroppen 3. Afslutning I alle tre hovedelementer gælder
Læs mereBOGEN VERDEN HAR VENTET PÅ. Strik & Kod. Bantu Kampstrik, En Fortælling I Fire Dele. apple ibooks Author
BOGEN VERDEN HAR VENTET PÅ Strik & Kod Bantu Kampstrik, En Fortælling I Fire Dele. KAPITEL 1 Om Strik og Kod Strik og kod er faktisk et hashtag på twitter, så egentlig hedder det #strikogkod. 1 ibooks
Læs mereGrafisk design / Frederik Aaen / Portfolio H2 GRAFISK WORKFLOW
Grafisk design / Frederik Aaen / Portfolio H2 45 GRAFISK WORKFLOW FØR VI GÅR I GANG Opgavebeskrivelse En mindre virksomhed i Skanderborg ønsker en hjemmeside, som er simple at bruge samt vedligeholde.
Læs mereDesignmanual 1.0 Lej1bil.dk
Designmanual 1.0 Lej1bil.dk 01 Intro 02 Logo Farvekoder Grafisk grundelement 04 Beklædning 05 Typografi 06 Brevlinje 10 Tryksager 11 Webdesign På de følgende sider findes en intro til Lej1bil.dks visuelle
Læs mereFRIHED FLEKSIBILITET
Hvorfor har vi bil? FRIHED FLEKSIBILITET Hvordan opleves vedligehold og værkstedsbesøg? BESVÆRLIGT, UFLEKSIBELT, TIDSKRÆVENDE, UIGENNEMSIGTIGT, DYRT, SNYD, UÆRLIGHED, ØV! Hvem sørger for en bedre forbrugerrejse?
Læs mereRESPONSIVE DESIGN. Fleksibelt, platformuafhængigt webdesign. Frank Thomsen & Toke Fritzemeier Efterår 2012
RESPONSIVE DESIGN Fleksibelt, platformuafhængigt webdesign Frank Thomsen & Toke Fritzemeier Efterår 2012 Første browser med grafik 1993 Første browser med grafik 1993 1995 100% 1995 2003 Første browser
Læs mereSådan sætter du et dokument op med billeder i Microsoft Word (2003)
Sådan sætter du et dokument op med billeder i Microsoft Word (2003) Denne vejledning gennemgår hvordan man indsætter billeder i Word, og forklarer de basale værktøjer der kan bruges til at lave layout
Læs mereSpørgsmål til materialet og til flygtningeproblematikken kan stiles til Morten Ronnenberg Møller (mro@dca.dk) fra Folkekirkens Nødhjælp.
Undervisningsmappe Kære lærer, I denne mappe findes 22 øvelser af forskellig sværhedsgrad til elever i 0.-3. klasse. Alle øvelserne relaterer direkte eller indirekte til Bamse og Blyant indsamlingen og
Læs mereDET DANSKE SPEJDERKORPS DESIGNGUIDE
DET DANSKE SPEJDERKORPS DESIGNGUIDE Side 2 / Det danske spejderkorps / INDTRODUKTION Visuel identitet til DET DANSKE SPEJDERKORPS Det Danske Spejderkorps visuelle identitet udtrykker kammeratskab, ansvar,
Læs mereREKLAME- OG WEBBUREAU
REKLAME- OG WEBBUREAU Hjemmesider Webshops SoMe Sociale medier til f.eks. Facebook og LinkedIn Søgemaskineoptimering AdWords Nyhedsbreve Grafisk design Logo Visitkort Brochure Messestande og displays Foto-
Læs mereNYHEDSBREV NR. 3-2008 - ÅRGANG 6
april/maj 03-2008 Indhold Bare balder, bjergidyl... Forskning fra Halmtorvet til Høfde 42 Museumskonference 2008 Skjulte skatte bliver synlige Kommuner kappes om kulturarv Ny viden om det ældste Aalborg
Læs mereBootstrap Tutorial LAV EN SIMPEL RESPONSIVE SIDE MED BOOTSTRAP MATHIAS HERSKIND GROTRIAN
2015 Bootstrap Tutorial LAV EN SIMPEL RESPONSIVE SIDE MED BOOTSTRAP MATHIAS HERSKIND GROTRIAN I denne tutorial kommer du til at I denne tutorial vil du lære hvad Bootstrap er, hvordan det fungerer og hvordan
Læs mereÅrhus_Designguide_24s. 20/01/06 18:09 Side 1 S M I L E T S M A N U A L
Århus_Designguide_24s. 20/01/06 18:09 Side 1 SMILETS MANUAL Århus_Designguide_24s. 20/01/06 18:09 Side 2 Århus_Designguide_24s. 20/01/06 18:09 Side 3 SMILETS MANUAL 01 FORORD SMILET ERET LOGO,DERERBLEVET
Læs mereIA til DFIF. Konceptark, sidetyper, nyhedsbrevskoncepter, sitemap og wireframes. DFIF: Samlet IA for DFIF
DFIF: Samlet IA for DFIF SIDETYPE: NR.: 1 SIDE: Titel side IA til DFIF Konceptark, sidetyper, nyhedsbrevskoncepter, sitemap og wireframes November 2008 Af Peytz & Co. - Strategi & Koncept DFIF: Konceptark
Læs mereSådan strukturerer du et essay. Trin-for-trin guide
Sådan strukturerer du et essay Trin-for-trin guide Essayets opbygning - generelt Et essay består overordnet af 3 dele: 1. Indledning 2. Indhold/krop 3. Afslutning I essayet reflekterer du over emnets forskellige
Læs mereCorporate Identity Toolbox 1.0
Corporate Identity Toolbox 1.0 Corporate Identity Toolbox 1.0 1. Introduction 1.1 About this document 1.2 About Jobindex 2. Logotype 2.1 Jobindex Logotype & J Logo 2.2 Jobindex Logotype for screen 2.3
Læs mereEUD- og EUV-reformen. løser vi fremtidens efterspørgsel på faglært arbejdskraft?
EUD- og EUV-reformen løser vi fremtidens efterspørgsel på faglært arbejdskraft? Status: EUD-reformen Der er defineret fire klare mål: 1. Flere skal fuldføre en erhvervsuddannelse svært at sige endnu, meget
Læs mere2 Fredensborg Kommune Designmanual 3 Januar 2012. Indhold
Designmanual 3 Januar 2012 2 Fredensborg Kommune Designmanual 3 Januar 2012 Indhold 3 Forord 5 Logo 6 Logo, varianter 7 Frikommune-logo 8 Farver, primære 9 Farver, skundær 10 Typografi, Arial 11 Typografi,
Læs mereEN SPÆNDENDE HOLOGRAFISK EFFEKTER OG SIKKERHED SIDE 06 OG 10 SIDE FÅ DIN TRYKSAG OP PÅ ET HØJERE NIVEAU HELT NYE EKSKLUSIVE MULIGHEDER
HELT NYE EKSKLUSIVE MULIGHEDER 01 EN SPÆNDENDE LÆS MERE PÅ SIDE 02-03 HOLOGRAFISK EFFEKTER OG SIKKERHED SIDE 06 OG 10 SIDE 08-09 FÅ DIN TRYKSAG OP PÅ ET HØJERE NIVEAU COLD FOIL TEKNOLOGI TEKNOLOGI0202
Læs mereAnnemette Laursen August 2016 PORTFOLIO
Annemette Laursen August 2016 PORTFOLIO Grafisk Design Indledning Opgaven Opgaven her er en layout opgave som er en del af en større opgave for Camilla Fredborg, ejer af Hair By Fredborg. Opgaven går ud
Læs mereByting 2. Opsamling. Lorem ipsum dolor sit amet. Udviklingsprogram og masterplan for Nr. Lyndelse og. Nr. Søby. 2 Udviklingsprogram & Masterplan FMK
MAGNA ALIQUAM Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud
Læs mereDesignGuide HILLERØD FORSYNING. Sådan bruger du denne guide Grundelementer. Papirlinje. Publikationer og annoncer Merchandise / Yderligere info
DesignGuide Sådan bruger du denne guide Grundelementer 2 3 Logo Logotype Det 5. element Farver Typografi Papirlinje 4 Brevpapir Kuverter Visitkort Publikationer og annoncer Merchandise / Yderligere info
Læs mereRØDE KORS DESIGNMANUAL IDENTITET.
RØDE KORS DESIGNMANUAL IDENTITET. RØDE KORS DESIGNMANUAL LOGO. RØDE KORS LOGO Introduktion I Røde Kors skelner vi mellem det røde kors som beskyttelsesmærke og det røde kors som logo. Beskyttelsesmærke
Læs mereAjos visuel identitet. Designguide
Ajos visuel identitet Designguide Version 1.2 2012 Designguide Indhold 2 Forord Side 3 Grundelementer Logo 4 Logofrizone 5 Farver 6 Typografi 7 Grafisk elementer 8 Formater 9 Brand billedbehandling 10
Læs mereDET DANSKE SPEJDERKORPS DESIGNGUIDE
DET DANSKE SPEJDERKORPS DESIGNGUIDE SIDE 2 / DET DANSKE SPEJDERKORPS / INDTRODUKTION VISUEL IDENTITET TIL DET DANSKE SPEJDERKORPS Det Danske Spejderkorps visuelle identitet udtrykker kammeratskab, ansvar,
Læs mereBYDELSMØDRENES GRUNDUDDANNELSE
Bydelsmødrenes grunduddannelse Bydelsmødrenes Grunduddannelse BYDELSMØDRENES GRUNDUDDANNELSE Når de kommende Bydelsmødre er rekrutteret, begynder den obligatoriske grunduddannelse - en af grundpillerne
Læs mereRØDE KORS DESIGNMANUAL IDENTITET.
RØDE KORS DESIGNMANUAL IDENTITET. DE VISUELLE DRIVERS Handlekraftig Kompetent og innovativ Nærværende Troværdig Begreberne fortolket visuelt Solidt, robust og ikke til at overse. Det røde kors er garant
Læs mereKommunikationspolitik
Kommunikationspolitik Furesø Kommune Stiager 2 3500 Værløse www.furesoe.dk Oplag: 500 Udgivet: maj 2008 Redaktion: Kommunikation Foto: Jesper Egholm og Colourbox indhold Borgmesterens forord... 4 Indledning...
Læs mereRetningslinjer for brug af Svanemærket
VERSION 1.0 / JUNI 2017 Retningslinjer for brug af Svanemærket på produkter og serviceydelser Velkommen Disse retningslinjer er udarbejdet for at illustrere de grundlæggende regler for brug af Svanemærket
Læs mereTypografi & ombrydning
Typografi & ombrydning Selected brandbook præsenterer de værdier firmaet står for og skal afspejle deres nuværende visioner og fremtidige mål. Jeg har forsøgt at udtrykke deres værdier og stil i min produktion.
Læs mereVERSION 1.0 / JUNI Retningslinjer for brug af Svanemærket på produkter og serviceydelser
VERSION 1.0 / JUNI 2017 Retningslinjer for brug af Svanemærket på produkter og serviceydelser Velkommen Disse retningslinjer er udarbejdet for at illustrere de grundlæggende regler for brug af Svanemærket
Læs mereProgramvalg Al typografi og ombrydning er lavet i InDesign.
Typografi og ombrydning Beskrivelse Opgaven 32 siders Blå Bog + omslag. Jeg modtog teksterne i word samt enkelte billeder. De resterende billeder var jeg ude at fotografere til elevernes gallafest. Programvalg
Læs mereIT og kommunika,on. Lek,on 2 Gistrup Skole Forår 2015. Søren Eskildsen www.game2grow.dk
IT og kommunika,on Lek,on 2 Gistrup Skole Forår 2015 Søren Eskildsen www.game2grow.dk Dagens agenda 1. Typografi og layout 2. 10 gode råd 3. Opgave Søren Eskildsen www.game2grow.dk Typografi Typografi
Læs mereEtik og prioritering i sundhedsvæsenet
Sundheds- og Forebyggelsesudvalget 2012-13 SUU Alm.del Bilag 251 Offentligt Etik og prioritering i sundhedsvæsenet hvorfor det er så svært Etik og prioritering i sundhedsvæsenet hvorfor det er så svært
Læs mereHjemmesideoptimering/synlighed
Hjemmesideoptimering/synlighed Søgemaskineoptimering/webdesign To sider af samme sag Søgemaskineoptimering/webdesign Hvad vil det sige at optimere for søgemaskiner? Søgemaskineoptimering handler ikke længere
Læs mereByting 3. Opsamling. Lorem ipsum dolor sit amet. Udviklingsprogram og masterplan for. 2 Udviklingsprogram & Masterplan FMK
Opsamling Byting 3 Lorem ipsum dolor sit amet DUIS AUTEM VEL EUM IRIURE DOLOR IN HENDRERIT cons ectetuer aliquam erat tation ullamcorper. Lorem ipsum dolor sit amet, consectetuer Ut wisi enim ad minim
Læs mereBYDELSMØDRE-GRUPPEN BLIVER EN FORENING
Bydelsmødregruppen bliver en forening BYDELSMØDRE-GRUPPEN BLIVER EN FORENING Når Bydelsmødrene er godt i gang med deres frivillige indsats som Bydelsmødre, er næste skridt, at gruppen organiserer sig som
Læs mereSådan kommer I de dårlige undskyldninger til livs
Guide til Elsparefondens medarbejderkampagne Sådan kommer I de dårlige undskyldninger til livs Jeg troede, der var en anden, der gjorde det Følg kampagneguiden og hjælp kollegerne med at spare på strømmen
Læs mereGRAFISK - WORKFLOW HJEMMESIDE TIL ABITO;50
GRAFISK - WORKFLOW HJEMMESIDE TIL ABITO;50 Dokumentation OPGAVEN TaskerieT henvendte sig til os for at få udviklet en webshop til en tøj-kollektion (Abito;50) som hun på nuverende tidpsunkt kun sælger
Læs mereTips og tricks Billeder Topfrise Topfrisen kan udskiftes. Topfrisen er knyttet til de enkelte mapper i strukturen. Ændres topfrisen, slår det igennem
Tips og tricks Billeder Topfrise Topfrisen kan udskiftes. Topfrisen er knyttet til de enkelte mapper i strukturen. Ændres topfrisen, slår det igennem i undermapperne. Info-ikon Høring H Ud for de enkelte
Læs mereKOM GODT FRA START. Kom godt fra start EN KOORDINATOR SKAL:
Kom godt fra start KOM GODT FRA START Når det er besluttet at etablere en Bydelsmor-gruppe, er første skridt at finde en engageret koordinator, som det næste års tid bruger cirka 8 timer om ugen på at
Læs meregrafisk 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#4 2013. På hovedet. 13 Beviset på din eksistens 8. Small Voices - Big Dreams. Jens og arven
#4 2013 På hovedet 13 Beviset på din eksistens 8 Small Voices - Big Dreams 16 Jens og arven 4 BØRNEfonden netop nu Q&A: CEO/Direktøren CHILDFUND ALLIANCE Stine Bosse er blevet udnævnt som næstformand i
Læs mereDataHub brugeradgang. DataHub iframe løsning
DataHub brugeradgang DataHub iframe løsning Overview Elleverandør 2 Elleverandør 1 Forbrugs- og stamdata Elleverandør n Central Datahub Energinet.dk Egne forbrugsdata Elleverandør webportal Arkitektur
Læs mereDESIGNGUIDE. Designguide Kunststyrelsen
DESIGNGUIDE DESIGNGUIDE s visuelle identitet er det tavse bindeled mellem organisationens interne enheder og omverdenen. Den visuelle identitet er med til at skabe en intern ramme for kulturen i den nye
Læs mereDesignguide. Til dig der arbejder med og for Børns Voksenvenner
Designguide Til dig der arbejder med og for Børns Voksenvenner Indhold Introduktion 1.0 Logo 1.1 Farverne i logo 1.2 Der skal være luft omkring logo 1.3 Logoversioner 1.4 Typografi 1.5 Farvepalette 1.6
Læs mereSEGES BRANDHIERARKI August 2015
SEGES BRANDHIERARKI August 2015 1 INDLEDNING SEGES har i første halvår 2015 lanceret det nye navn internt og eksternt. Processen har været understøttet af et nyt grafisk identitets-program, som siden lanceringen
Læs mereBørn, forældremyndighed & samvær. Forældreskab i en moderne tid
Børn, forældremyndighed & samvær Forældreskab i en moderne tid Indhold Nogle ord om denne folder... Nogle ord om denne folder... 3 Børn og forældremyndighed 5 For børn født efter 1. juli 2002 5 For børn
Læs mereBOGKORT VEJLEDNING TJEKLISTE FØR DU GÅR I GANG
formater som vises BOGKORT VEJLEDNING TJEKLISTE FØR DU GÅR I GANG FORSIDE STAMDATA (skal med) Foto af bogen (3D) eller en illustration af bogens forside (2D)? Det skal i begge tilfælde være i høj opløsning,
Læs mereUNIVERSITY COLLEGE SJÆLLAND DESIGNGUIDE VERSION 1.01
UNIVERSITY COLLEGE SJÆLLAND DESIGNGUIDE VERSION 1.01 UDGIVELSESDATO 1. marts 2008 ONLINE GUIDE /designguide komm@ucsj.dk Introduktion 2 Introduktion Med denne designguide tager vi et vigtigt skridt i arbejdet
Læs merePortfolio - Grafisk Workflow
Portfolio - Grafisk Workflow Opgaven gik ud på at designe et website for en tatovør. Der skulle indgå forskellige elementer på hver enkel side, samt overholdes nogle fastsatte krav. Vi skulle arbejde ud
Læs mereProgramvalg Al typografi og ombrydning er lavet i InDesign.
Typografi og ombrydning Beskrivelse Opgaven 32 siders Blå Bog + omslag. Jeg modtog teksterne i word samt enkelte billeder. De resterende billeder var jeg ude at fotografere til elevernes gallafest. Programvalg
Læs mereAnkestyrelsens Designguide
ANKESTYRELSENS DESIGNGUIDE 1 Ankestyrelsens Designguide 1. udgave, august 2011 INDHOLDSFORTEGNELSE Side Side 2 1. Moderniseret design og layout 3 Udgangspunkt for nævnene 3 Spørgsmål? 3 2. Faste designelementer
Læs mereBYDELSMØDRENE GÅR I GANG
Bydelsmødrene går i gang 26 BYDELSMØDRENE GÅR I GANG Nu hvor uddannelsen er afrundet, skal Bydelsmødrene øve sig i at være Bydelsmødre i praksis. I denne fase er det altafgørende, at Bydelsmødrene bliver
Læs mereGode råd om PowerPoint
Gode råd om PowerPoint Overordnet for enhver PowerPoint præsentation Man må aldrig bare læse den tekst op der er skrevet på slidet. Gør man det, vil præsentationen blive en ægte killer. 2 Man skal altid
Læs mereDesignmanual 2005 21/06/05 14:23 Side 1. Designmanual version 01.00
Designmanual 2005 21/06/05 14:23 Side 1 Designmanual version 01.00 Designmanual 2005 21/06/05 14:23 Side 2 Index Forord 3 s logo 4 Sprogversioner 5 Farvespecifikationer 6 Mindste afstand til logo 7 Ukorrekt
Læs mereNordisk Ministerråd Nordisk Råd. Designmanual 2.0. 1. februar 2006
Nordisk Ministerråd Nordisk Råd Designmanual 2.0 1. februar 2006 INDHOLD 1.0 Forord Sådan anvendes designmanualen 2 Grundelementer 2.1 Bomærke 2.2 Bomærke, varianter 2.3 Bomærke og organisationsnavn 2.4
Læs mere