GRAFISK DESIGN Arrildt + Friis
|
|
- Oscar Fog
- 5 år siden
- Visninger:
Transkript
1 GRAFISK DESIGN 40 41
2 er en fiktiv opgave fremstillet til mit skoleforløb, i samarbejde med en arkitekt hos C.F. Møller. Jeg havde et ønske om at opbygge en grafisk identitet til en virksomhed. Eftersom jeg er elev hos en arkitekvirksomhed, hvor der altid layoutes ud fra en designmanual, var en fiktiv opgave en oplagt mulighed. Jeg blev derfor enig med en kollega om, at jeg skulle stå for udviklingen af den grafiske identitet for hendes fiktive arkitektvirksomhed. OPSTART Jeg har sparret meget med min kollega, Anne Katrine Arrildt (), for at nå frem til et professionelt design, som matchede virksomhedens personlighed og værdier. Hun lagde især vægt på, at udtrykket skulle være minimalistisk, kontekstuelt og uprætentiøst. Med bl.a. disse ord som udgangspunkt gik jeg i gang med at idéudvikle, via mindmapping og overordnede tanker omkring proces, udtryk og produkter. AFSENDER, MÅLGRUPPE OG BUDSKAB Afsender er selvsagt arkitektvirksomheden en Århusiansk baseret arkitektvirksomhed med kerneværdier som natur, simplisme og materialisme. En virksomhed, som efterhånden er ved at etablere sig blandt de større spillere på banen. Målgruppen spænder vidt lige fra den offentlige sektor, som står for sygehusbyggerier, biblioteker, kontorhuse, skoler o.l. til private kunder, som boligforeninger, koncernvirksomheder m.m. Endeligt henvender de sig også til privatpersoner, som er ude efter det særegne og arkitekttegnede drømmehus og har kapitalen til det. PRODUKTER Antal og art af produkter er i overvejende grad bestemt ud fra min vurdering. Her har jeg både haft tanke på, hvilke produkter jeg gerne ville fremstille for at etablere en grafisk identitet, at portfolien skulle indeholde digitalt design (hjemmeside) og hvilke produkter C.F. Møller benytter sig af. Slutteligt endte den komplette liste over produkter således: Hjemmeside, visionsfolder, visitkort, brevpapir (inkl. konvolutter), logo og logotype. GRAFISKE VALG Jeg vil komme nærmere ind på de grafiske valg i løbet af de næste par sider, når jeg gennemgår proces og produkter. Overordnet set skal det dog nævnes, at jeg har ladet kundens holdning veje tungt, da hun selv har et skarpt øje for design og stærke holdninger herom. Udtrykket er overordnet set minimalistisk, men spændende og der er gjort en kunst ud af at lade små detaljer, masser af luft og kreative tiltag stjæle opmærksomheden. PROCES Efter at have indledt hele processen med idégenerering og mindmapping og derigennem indsnævret det grafiske udtryk gik jeg i gang med skitsering. Dette både i forhold til logo, logotype, visionsfolder, visitkort, brevpapir og hjemmeside. Hele tiden har det været vigtigt, for både kunden og mig, at samarbejdet var tæt og sparringen gensidig. KVALITETSVURDERING Jeg er meget tilfreds med den proces kunden og jeg har haft gennem hele forløbet. Dog ville jeg faktisk gerne have haft længere tid, da der som oftest sker noget, når man går fra skitse til reel fremstilling af produkt. Alle skitser er godkendt hos kunden, men desværre har vi ingen sparring nået på den færdige visionsfolder og hjemmesiden. Disse to produkter kunne godt have haft brug for mere tid, i og med at layoutet ændrede sig fra skitserne, da jeg satte folderen op i InDesign og hjemmesiden i Dreamweawer. Jeg er ikke selv helt tilfreds med designet, på især visionsfolderen. Jeg synes konceptet fungerer, med det skal til en anden gang have mere tid til at formes og vokse til det rigtige layout. Mere konkret kvalitetsvurdering foretager jeg over det næste par sider
3 FARVEKODER RGB: CMYK: BLOODY HELL: 60, 29, 30 45, 87, 54, 74 MOSSY: 109, 115, 99 57, 38, 56, 26 ANTRACIT: 27, 27, 27 78, 69, 61, 87 WARM: 89, 44, 3 37, 82, 99, 56 PALE: 250, 246, 240 2, 4, 7, 0 MANDARIN: 216, 128, 52 0, 59, 88, 0 MINDMAP Via mindmap har jeg indsnævret de elementer jeg skal arbejde med og har bl.a. været omkring produkttyper, stemning, farver og meget andet. Se samtlige skitser her MOODBOARD For at få et mere visuelt udtryk af stemningen omkring, opsatte jeg et moodboard, som fortæller noget om den stil virksomheden tillægger sig og især deres værdier. Anne Katrine Arrildt kan godt lide idéen om altid november et udtryk hun især benyttede om renderinger, hvor omgivelserne er kølige og kolde, ligesom en november aften. Her er tanken så, at byggeriet står i kontrast til de mørke omgivelser og udstråler varme og hygge altså et rart sted at være. Denne følelse vil de gerne fremkalde hos deres kunder og måden jeg har forsøgt at fortolke det på i den grafiske profil, er gennem et mildt minimalistisk udtryk, men små varme og finurlige detaljer
4 LOGO OG LOGOTYPE Jeg startede design af logo og logotype med en lang skitseringsproces, som var igennem flere runders granskning, inden kunden og jeg begge var tilfredse. På siden her ses de første skitseforslag og kundens to favoritter, inden jeg gik videre til at arbejde med logo og logotype i Illustrator. LOGO OG LOGOTYPE - FORTSAT Valget faldt i sidste ende på kombination nummer to, på billedet nederst i højre hjørne. Det var vigtigt, at logoet kom til at hælde en smule, så F et blev oprejst og logoet ikke derved kom til at ligne et Æ for meget. For at skabe sammenhæng hælder A et i logotypen ligeledes. En anden sammenkædende detalje er vinklen, som optræder på F i både logo og logotype og desuden også på + i logotypen
5 WeblySleek UI Helvetica Neue Anne Katrine Arrildt Partner T: D: GUIDE TIL DIN ARBEJDSPLADS GUIDE TIL DIN ARBEJDSPLADS Mange spørgsmål kan melde sig i løbet af en arbejdsdag. Personalehåndbogen er et opslagsværk, der hurtigt kan vise vej til svar. Den indeholder først og fremmest information til nye ansatte. Mange spørgsmål kan melde sig i løbet af en arbejdsdag. Personalehåndbogen er et opslagsværk, der hurtigt kan vise vej til svar. Den indeholder først og fremmest information til nye ansatte. Holdbergsgade 31, 8000 Aarhus C T: arrildtfriis@arrildtfriis.com Holdbergsgade 31, 8000 Aarhus C T: arrildtfriis@arrildtfriis.com Personalehåndbogen fortæller om virksomhedens historie, værdier, politikker og almindelige praktiske retningslinjer. For at håndbogen ikke skal være for omfattende, har vi mange steder valgt at henvise til andre muligheder for uddybende information. Hvor teksten henviser til medarbejdernes overenskomst, gælder det medlemmer af disse tre forbund: FAoD, Teknisk Landsforbund og Konstruktørforeningen. Andre faggrupper uden overenskomst henvises til ansættelseskontrakten. Er der oplysninger eller emner, som mangler? Så kontakt kommunikationsafdelingen eller HR, så dine input kan blive indarbejdet, inden næste, reviderede version af personalehåndbogen bliver trykt. Flere steder i denne håndbog anvendes begrebet nærmeste overordnede. Det kan variere lidt hvem det er, afhængig af kontrakten, men det vil typisk være enten din projektleder, afdelingsleder eller en partner. Alternativt er du altid velkommen til at kontakte HR. Personalehåndbogen fortæller om virksomhedens historie, værdier, politikker og almindelige praktiske retningslinjer. For at håndbogen ikke skal være for omfattende, har vi mange steder valgt at henvise til andre muligheder for uddybende information. Hvor teksten henviser til medarbejdernes overenskomst, gælder det medlemmer af disse tre forbund: FAoD, Teknisk Landsforbund og Konstruktørforeningen. Andre faggrupper uden overenskomst henvises til ansættelseskontrakten. Er der oplysninger eller emner, som mangler? Så kontakt kommunikationsafdelingen eller HR, så dine input kan blive indarbejdet, inden næste, reviderede version af personalehåndbogen bliver trykt. Flere steder i denne håndbog anvendes begrebet nærmeste overordnede. Det kan variere lidt hvem det er, afhængig af kontrakten, men det vil typisk være enten din projektleder, afdelingsleder eller en partner. Alternativt er du altid velkommen til at kontakte HR. Holdbergsgade 31, 8000 Aarhus C T: arrildtfriis@arrildtfriis.com Anne Katrine Arrildt Partner T: D: aka@arrildtfriis.com Holdbergsgade 31, 8000 Aarhus C T: arrildtfriis@arrildtfriis.com Anne Katrine Arrildt Partner T: D: aka@arrildtfriis.com Holdbergsgade 31, 8000 Aarhus C T: arrildtfriis@arrildtfriis.com Holdbergsgade 31, 8000 Aarhus C T: arrildtfriis@arrildtfriis.com Holdbergsgade 31, 8000 Aarhus C T: arrildtfriis@arrildtfriis.com Anne Katrine Arrildt Partner D: M: aka@arrildtfriis.com FONTVALG Fra start var det klart, at en font som skulle passe til, og være med til at definere, skulle have en enkelt, men stærkt udtryk. Et minimalistisk udtryk er prioriteret og fonten skulle derfor gerne være sans-serif og ikke for bred. En anden prioritet har været, at fonten havde et stort udvalg af glyphs, hvilket er vigtigt, nåe der benyttes mange faglige udtryk med tal og andre karakterer. Desuden også elementært, hvis man ænsker at bruge fonten, når man kommunikerer på andre sprog. En sidste afgørende faktor var også, at fonten skulle være varieret og som minimum kunne skrives som både bold og italic. Mit udvalg endte med at være på 21 forskellige fonte. Herfra vurderede jeg hver enkelt font efter de overnævnte kriterier. De fonte, som levede nogenlunde op til kriterierne blev vurderet på udtryk og herfra brugte jeg simpelthen udelukkelsesmetoden, indtil jeg til sidst stod tilbage med to fonte. Disse var Helvetica Neue og WeblySleek UI. Udtrykket i WeblySleek UI var lidt mere mildt og harmonisk end Helvetica Neue, hvilket jeg mente var mere passende for. Derfor faldt det endelige valg på Fonten WeblySleek UI. VISITKORT Kunden ønskede at have billede af medarbejderen på kortet, samt logo og kontaktinfo for både medarbejder og virksomhed. Visitkortet er lavet efter standardmål på mm, med tryk på begge sider (sort/hvid). Både kunden og jeg var enige om, at logotype på forsiden var bedre end logo, da man kunne risikere, at kortet simpelthen blev for anonymt. Løsningen blev, at virksomhedens logotype og kontaktinfo skulle findes på forsiden og medarbejderens foto og kontaktinfo på bagsiden. MATERIALEVALG Visitkortene skal trykkes på kvaliteten Gmund Stone, i enten farven Quarz eller Pebble. Den strukturerede overflade vil være med til at gøre visitkortet unikt og give det en taktil dimension. Visitkortene kan trykkes inhouse, hvis virksomheden har en større kontorprinter, som kan håndtere tykke papirkvaliteter. Printet bliver ikke helt jævnt og kan fremstå med skrabet farve nogle steder, hvilket kunden anså for en fed feature. På den måde for hvert visitkort sit eget unikke udtryk med karakter og kant. Økonomisk kan det godt betale sig at investere i den noget dyrere papirkvalitet, da til gengæld vil kunne printe inhouse i S/H. Endeligt visitkort 1:
6 Se folderen her BREVPAPIR Til alle officielle breve og dokumenter, både internt i huset og eksternt, benytter brevpapir, med logo, logotype og kontaktinfo for at sikre en professionel profil og understege det grafiske udtryk. Det valgte brevpapir har en harmonisk layout, med et grafisk og enkelt udtrk. MATERIALEVALG Kvaliteten til virksomhedens brevpapir er Cyclus Offset. En 100% uncoated genbrugskvalitet, som fås i forskellige gramvægt. Den kan dermed opfylde virksomhedens behov for papir til både postkort, officielle breve, ansøgninger, mapper, interne dokumenter mm. Det får desuden både som A4 og A3 og med matchende kuverter i C4. Sidst, men ikke mindst, ønskede kunden at tage hensyn til miljøet og ville heller ikke have noget imod, hvis denne profil kom synligt til udtryk. Den høje procentdel af genbrugsfibre i papiret giver det et let gråligt og nogle steder spættet udseende et udtryk som værdsætter, da de på den måde kan skilte med deres grønne profil på en kreativ måde. Kunden ønskede en lille folder, som hurtigt kunne give et indtryk af virksomheden og fortælle kort om deres vision og værdier. Folderen er i et lille format ( mm), som matcher en A4-side i bredden. Dette gør den praktisk i forhold til fragt og den er nem at håndtere og medbringe til eksempelvis forretningsmøder. Layoutet er simpelt og præget af masser af luft, som giver plads til at opfatte tekstsafsnit som objekter i sig selv. Billederne er konsekvent opsat som enten kvadrater eller cirkler gennem hele folderen. Al tekst i folderen er centreret et ønske som kunden var meget ihærdig for at værne om. Idéen var, at tekststykkerne i sig selv skulle fungere som flotte symmetriske objekter på en ellers blank side. Al grafik i folderen er vektorbaseret. De store runde cirkler er billeder, som er behandlet med image trace i Illustrator og de små ikoner er håndskitser, som er fotograferet med AdobeCapture (app til smartphones) og importeret direkte i Illustrator via AdobeCC Libraries. Her er de redigeret kort, for stadig at fremstå med et håndtegnet og rustikt udseende. MATERIALEVALG Visionsfolderen ville skal trykkes på Cyclus Offset, 120 g/m 2, med et omslag i kvaliteten Gmund Stone på 150 g/m 2. Til omslaget skulle farven være Quarz. Denne er dog meget lys, næsten hvid og ville stå i skarp kontrast til indholdets grålige Cyclus Offset. Det er derfor en mulighed i stedet at benytte farven Pebble, som bedre matcher kuløren på Cyclus Offset
7 Idégenereringen til udvikling af layout på hjemmesiden indledtes, ligesom alle de andre processer, med skitsering i hånden. Opbygningen er meget simpelt, med få virkemidler og god funktionalitet. Der er igen lagt vægt på brugen af luft, centrering af tekst og et billedindhold som står stærkt, men uden at stjæle for meget opmærksomhed fra de øvrige elementer. LAYOUT Layoutet er opbygget i Illustrator, hvor hver enkelt side er lavet i fire varianter, alt efter hvilken viewport der benyttes. FONT Fonten WeblySleek UI er ligeledes brugt på hjemmesiden. Den er klart markeret og fungerer godt på web igen er det en fordel, at tekstmængderne ikke er for store. RESPONSIVT DESIGN Hjemmesiden er lavet responsiv, så den kan ses optimalt på smart phones, tablets og PC. Menuen er designet således, at den på mindre skærme konverteres til et ikon og brugeren fra denne kan tilgå en drop-down-menu. BRUGERVENLIGHED Selve sitet er særdeles brugervenligt, med en nem og synlig navigation. Siderne er opbygget med små mængder indhold, som bliver præsenteret på en meget overskuelig måde. En side indeholder ikke mange links, men fylder måske derimod nedad. Dette ser jeg dog ikke som en ulempe, da flere brugerundersøgelser har vist, at folk finder det mere behageligt at scrolle, end at klikke sig rundt mange forskellige steder. Størrelser på billeder og tekst er også tilpasset nogenlunde, så teksten eksempelvis ikke bliver for lille at skulle læse på en mobil. Alle billeder er gemt ned i Photoshop som save for web, 72 ppi i rgb og tilpasset så kvalitet og uploading-tid begge tilgodeses. BROWSERKOMPATIBILITET Sitet har fonten indbygget i sin CSS, hvorfor den vises med det rigtige font i samtlige browsere. Ellers har jeg arbejdet med en responsiv drop-down-menu, billeder der er gjort runde med border-radius og a:hover med transition. Disse ser også ud til at fungere fint i samtlige browsere
8 ARRILDT + FRIIS FLOWCHART MOBILVENLIGHED Jeg har testet mobilvenligheden på mit site via Google Developers, og den bliver godkendt på samtlige sider, med undtagelse af index-siden. Den eneste tekst index-siden indeholder er dog i footeren, så jeg vælger at se bort fra det, i dette tilfælde. INDEX NYHEDER PROJEKTER RESPONSIVT DESIGN Hjemmesiden er responsivt designet og skiller med disse (max-width: (min-width: 321px) and (max-width: (min-width: 481px) and (max-width: (min-width: (min-width: 900px) LINK TIL PDF PROJEKTER PROJEKTER FLOWCHART Flowchartet her på siden illustrerer, hvorledes man navigerer rundt på sitet, og hvad der linker til hvad. Fra index-siden kan man navigere til en af de tre undersider via menuen. På både nyheds- og projektsiden skal fungere med lazy-load, som indlæser flere elementer, jo længere man scroller ned. På projektsiden skal hver enkelt projekt være klikbart og åbne en ny side, hvor projektet præsenteres med flere billeder, tekst og fakta. På siden Om os kan man i screen-versionen se en PDF-folder, som man kan bladre i direkte på skærmen. I de mindre formater (under 768 px) vil man få vist et billede, som via klik linker til PDF-folderen, der åbner op i en ny fane. PROJEKTER ELEMENTER, SOM PÅVIRKES header img nav nav ul nav ul li nav li a nav ul li, li a nav ul li:last-child.show-menu footer address object h2 p.nyhed.billede.nyhedstekst div.visionsfolder img.om.vision.projekter.projekter. billede.projekter h
9 @media (max-width: (min-width: 321px) and (max-width: (min-width: 481px) and (max-width: (min-width: (min-width: 900px) Header: 8% width Top: 100% width li a: min-width 140px Header img: 40px width height 50px Nav: 90% width Margin-top: 5px Om + Vision: padding 15% højre og venstre LOGO LOGO LOGO NYHEDER PROJEKTER LOGO NYHEDER PROJEKTER adipiscing elit. In eu pulvinar nibh. Nullam tincidunt, lacus in aliquet pharetra, orci leo rutrum velit, eu egestas metus diam eu tristique, dui metus vestibulum mauris, eget scelerisque est nunc et massa. id eget nulla. Phasellus condimentum nisl lacus, sed aliquet Duis eu sapien tristique, congue turpis ac, iaculis diam. Nam vel enim lectus. Suspendisse venenatis nisl a ipsum rhoncus rutrum. Etiam maximus metus tortor, sit amet tempus est volutpat egestas. In facilisis leo at lacus euismod euismod. Suspendisse tellus erat, interdum sed velit efficitur, feugiat posuere nulla. Vestibulum malesuada ante in quam viverra mattis. VISION Praesent imperdiet, diam a egestas tristique, dui metus vestibulum mauris, eget Om + Vision: padding 0% adipiscing elit. In eu pulvinar nibh. Nullam tincidunt, lacus in aliquet pharetra, orci id eget nulla. Phasellus condimentum nisl lacus, sed aliquet Duis eu sapien tristique, congue turpis ac, iaculis diam. Nam vel enim lectus. Suspendisse venenatis nisl a ipsum rhoncus rutrum. Etiam maximus metus tortor, sit amet tempus est volutpat egestas. In facilisis leo at lacus euismod euismod. Suspendisse tellus erat, interdum sed velit efficitur, feugiat posuere nulla. Vestibulum malesuada ante in quam viverra mattis. VISION Praesent imperdiet, diam a egestas scelerisque est nunc et massa. PDF adipiscing elit. In eu pulvinar nibh. Nullam tincidunt, lacus in aliquet pharetra, orci id eget nulla. Phasellus condimentum nisl lacus, sed aliquet Duis eu sapien tristique, congue turpis ac, iaculis diam. Nam vel enim lectus. Suspendisse venenatis nisl a ipsum rhoncus rutrum. Etiam maximus metus tortor, sit amet tempus est volutpat egestas. In facilisis leo at lacus euismod euismod. Suspendisse tellus erat, interdum sed velit efficitur, feugiat posuere nulla. Vestibulum malesuada ante in quam viverra mattis. VISION Praesent imperdiet, diam a egestas tristique, dui metus vestibulum mauris, eget adipiscing elit. In eu pulvinar nibh. Nullam tincidunt, lacus in aliquet pharetra, orci id eget nulla. Phasellus condimentum nisl lacus, sed aliquet Duis eu sapien tristique, congue turpis ac, iaculis diam. Nam vel enim lectus. Suspendisse venenatis nisl a ipsum rhoncus rutrum. Etiam maximus metus tortor, sit amet tempus est volutpat egestas. In facilisis leo at lacus euismod euismod. Suspendisse tellus erat, interdum sed velit efficitur, feugiat posuere nulla. Vestibulum malesuada ante in quam viverra mattis. VISION Praesent imperdiet, diam a egestas tristique, dui metus vestibulum mauris, eget PDF PDF PDF adipiscing elit. In eu pulvinar nibh. Nullam tincidunt, lacus in aliquet pharetra, orci leo rutrum velit, eu egestas metus diam eu lorem. Praesent imperdiet, diam a egestas tristique, dui metus vestibulum mauris, eget lacus, sed aliquet Figure img: 200 x 200px adipiscing elit. In eu pulvinar nibh. Nullam tincidunt, lacus in aliquet pharetra, orci leo rutrum velit, eu egestas metus diam eu lorem. Praesent imperdiet, diam a egestas tristique, dui metus vestibulum mauris, eget lacus, sed aliquet Nullam tincidunt, lacus in aliquet pharetra, orci leo rutrum velit, eu egestas metus diam eu lorem. Praesent imperdiet, diam a egestas tristique, dui metus vestibulum mauris, eget scelerisque est nunc et massa. Phasellus condimentum nisl lacus, sed aliquet adipiscing elit. In eu pulvinar nibh. Nullam tincidunt, lacus in aliquet pharetra, orci leo rutrum velit, eu egestas metus diam eu lorem. Curabitur a nunc nec augue venenatis commodo id eget nulla. Phasellus condimentum nisl lacus, sed aliquet diam luctus nec. adipiscing elit. In eu pulvinar nibh. Nullam tincidunt, lacus in aliquet pharetra, orci leo rutrum velit, eu egestas metus diam eu lorem. Praesent imperdiet, diam a egestas tristique, dui metus vestibulum mauris, eget scelerisque est nunc et massa. lacus, sed aliquet adipiscing elit. In eu pulvinar nibh. Nullam tincidunt, lacus in aliquet pharetra, orci leo rutrum velit, eu egestas metus diam eu lorem. Praesent imperdiet, diam a egestas tristique, dui metus vestibulum mauris, eget scelerisque est nunc et massa. lacus, sed aliquet adipiscing elit. In eu pulvinar nibh. Nullam tincidunt, lacus in aliquet pharetra, orci leo rutrum velit, eu egestas metus diam eu lorem. lacus, sed aliquet Arrildt & Friis Holbergsgade 31, 8000 Aarhus C arrildtfriis@arrildtfriis.com CVR Arrildt & Friis Holbergsgade 31, 8000 Aarhus C arrildtfriis@arrildtfriis.com CVR Footer: 100% width adipiscing elit. In eu pulvinar nibh. Nullam tincidunt, lacus in aliquet pharetra, orci leo rutrum velit, eu egestas metus diam eu lorem. lacus, sed aliquet adipiscing elit. In eu pulvinar nibh. Nullam tincidunt, lacus in aliquet pharetra, orci leo rutrum velit, eu egestas metus diam eu lorem. lacus, sed aliquet adipiscing elit. In eu pulvinar nibh. Nullam tincidunt, lacus in aliquet pharetra, orci leo rutrum velit, eu egestas metus diam eu lorem. Praesent imperdiet, diam a egestas tristique, dui metus vestibulum mauris, eget scelerisque est nunc et massa. lacus, sed aliquet adipiscing elit. In eu pulvinar nibh. Nullam tincidunt, lacus in aliquet pharetra, orci leo rutrum velit, eu egestas metus diam eu lorem. Praesent imperdiet, diam a egestas tristique, dui metus vestibulum mauris, eget scelerisque est nunc et massa. Curabitur a nunc nec augue venenatis commo- Arrildt & Friis Holbergsgade 31, 8000 Aarhus C arrildtfriis@arrildtfriis.com CVR Arrildt & Friis Holbergsgade 31, 8000 Aarhus C arrildtfriis@arrildtfriis.com CVR Section: 70% width, auto margin LAYOUT/SKELET På disse sider ses det komplette layout for om os-siden som eksempel på layout/skelet
10 CASCADE STYLING SHEET EKSEMPLER PÅ { font-family: weblysleek_uilight; src: url(../fonts/weblysleekuil-webfont.eot); src: url(../fonts/weblysleekuil-webfont.eot?#iefix) format(embedded-opentype), url(../fonts/weblysleekuil-webfont.woff2) format(woff2), url(../fonts/weblysleekuil-webfont.woff) format(woff), url(../fonts/weblysleekuil-webfont.ttf) format(truetype), url(../fonts/weblysleekuil-webfont.svg#weblysleek_uilight) format(svg); font-weight: normal; font-style: normal;.background { background: url(../pictures/ahhfot78.png) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; h1 { footer { font-family: weblysleek_uilight; background-color: #1b1b1b; width: 100%; position: fixed; float: left; clear: right; bottom: 0px; text-align: center; color: rgba(255,255,255,1.00);.projekter:after { content: ; display:table; clear:both; object { -webkit-box-shadow: 3px 3px 7px 2px #484848; box-shadow: 3px 3px 7px 2px #484848; CSS-betingelser for min font-family. Indlejret, så min side kan ses i samtlige browsere, med den rigtige font..background indeholdende billede, som skalerer i takt med mit responsive design. Min font-family er defineret i mine basisbetingelser, som mine mediaqueries efterfølgende arver fra. Footer har position: fixed og bottom: 0px, så den altid bliver i bunden af skærmen. content: "", display: table og clear: both, gør at min object får en højde. Mit object har skygge vha. box-shadow. li:hover a { color: #d88034; transition: 500ms ease-in-out;.show-menu { font-family: weblysleek_uisemilight; text-decoration: none; padding: 10px 0; display: none; float: right; clear: left; height: 37px; margin-top: 20px; width: 54px; padding-top: 18px; padding-left: 6px; input[type=checkbox]{ display: none; input[type=checkbox]:checked ~ #menu{ display: (max-width: 320px) nav ul { position: static; display: none; list-style-type: none; width: 160px; text-align: center; float: right; margin-right: 10px; margin-top: 15px; nav ul li:last-child { margin-bottom: 30px; object { display: (min-width: 769px) Mine links i menuen har en hover-farve med transition på. Styling af min menu, som i min basis-css skjules som default. Den knap som trigger min drop-down menu skjules. Min knap viser min drop-down menu, når den er klikket til og skjuler den igen ved andet klik. I mit mobile view skjules den brede menu fra mit desktop-view. Sidste element i min menu udvælges med en child-selektor, for at give den margin i bunden. Min bladre-pdf skjules i de små media-quries. div.visionsfolder img { width: 80%; height: auto; -webkit-box-shadow: 3px 3px 7px 2px #484848; box-shadow: 3px 3px 7px 2px #484848; figure img { width: 200px; height: 200px; display: block; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; margin: % 0; text-align: center; Mit img i.visionsfolder har skygge vha. box-shadow. Img i figure er gjort rundt med border-radius. div.visionsfolder img { display: (min-width: 900px) object { width: 700px; height: 351px; Mit billede af visionsfolderen og linket på den skjules i desktop-versionen, til fordel for en bladre-pdf. Størrelsen på min bladre-pdf justeres ved større skærme
Så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 mereProducenter. f i a s c o. Abruzzo. fiasco.dk/botega /procucenter. Forside Vin Delikatesser Producenter Månedskasse
fiasco.dk/botega /procucenter f i a s c o Abruzzo Azienda Agricola Enrico Fossi Signa, Abruzzo Agricola Paplo Fossi Signa, Abruzzo Azienda Agricola Enrico Fossi Signa, Abruzzo Områder Abruzzo Val d Aoste
Læs mereOverskrift evt. 2. linje 3. linje
Den venstre margin er altid hvid Øvrige lodrette bjælker er altid en XX% af hvid og/eller afsenderens logofarve fsender placeres altid mm fra nærmeste lodrette bjælke i en 5 publikation Skrifttype Mari
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 mereØvrige lodrette bjælker er altid en XX% af hvid og/eller afsenderens. logofarve. Afsendervirksomhed Evt. afdeling. Overskrift 2.
Den venstre margin er altid hvid Øvrige lodrette bjælker er altid en XX% af hvid og/eller afsenderens logofarve fsender placeres altid mm fra nærmeste lodrette bjælke i en M65 publikation Skrifttype Mari
Læs mereARKEN. Kunstudstilling. Asger Jorn. Tina V. Overgaard. Arken. Banner
Opgaven: Opgaven bestod i en tur på Arken, hvor vi skulle udvælge en kunstner hvor vi skulle lave et banner, skilt som skulle stå ved siden af kunstværket. Vi skulle lave: Banner til facaden Skilt til
Læs merefiasco.dk f i a s c o
fiasco.dk R e s t a u r a n t B o t e g a fiasco.dk/restaurant Frokost & Vinsmagning Lørdag d. 29 Oktober sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet
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 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 mereGrafik & Billede weloveorganic.com webshop
Grafik & Billede weloveorganic.com webshop Opgaven og afsender: Weloveorganic.com er en forholdsvis ny virksomhed, der pånuværende tidspunkt udelukkende sælger økologisk tøj til kvinder. På længere sigt
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 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 mereDesignmanual. Revideret 11. april 2008
Designmanual Revideret 11. april 2008 Hvorfor en designmanual Logo Vi har udviklet denne designmanual, der skal bidrage til at styrke den visuelle identitet og kommunikation for Ung Egedal som helhed og
Læs mere[ Redigér ] MENU. aperitivo
fiasco.dk/restaurant/menu [ Redigér ] MENU aperitivo Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 48,- Morbi commodo, ipsum sed pharetra gravida 58, Orci magna rhoncus neque. 65,- antipasti
Læs merenavn / logo Navnet Green Cosmetics er valgt fordi det signalerer naturlighed, miljøbevidsthed, nytænkning og håb.
navn / logo Navnet Green Cosmetics er valgt fordi det signalerer naturlighed, miljøbevidsthed, nytænkning og håb. Logoet er holdt i grønne nuancer for at understrege navnet Green Cosmetics. De to e er
Læs mereDolor Set Amet. Bogtitel
Dolor Set Amet Bogtitel Sund kost på Marienlyst Produktions højskole Sund kost På højskolen Marienlyst, bliver der spist sund kost, da skolen ønsker sine elever sunde, og veltilpasse. Derfor serveres der
Læs mereDESIGNGUIDE SEKTION A
DESIGNGUIDE SEKTION A STATENS KUNSTFOND / DESIGNGUIDE 2006 GRUNDLOGOER OG FARVER Statens Kunstfond har to forskellige logeversioner til henholdsvis internt og eksternt brug. For alt materiale som publiceres
Læs mereOPGAVE: WELOVEORGANIC.COM WEBSHOP
OPGAVE: WELOVEORGANIC.COM WEBSHOP OPGAVEN OG AFSENDER: Weloveorganic.com er en forholdsvis ny virksomhed, der pånuværende tidspunkt udelukkende sælger økologisk tøj til kvinder. På længere sigt ønsker
Læs mereDESIGNGUIDE Sektion A
DESIGNGUIDE Sektion A KUNSTRÅDET / DESIGNGUIDE 2006 GRUNDLOGOER OG FARVER Til intern og ekstern brug anvendes altid et af de her på siderne illustrerede grundlogoer. Ved brug af grundlogo skal det altid
Læs mereRedesign af websitet CPH Fashion Pool
Redesign af websitet CPH Fashion Pool Gruppe 12 Malene, Clara, Ann-Sofie & Signe Indhold: Formål Teori: Hvordan analyserer man en webside? Analyse af eksisterende website Persona for den valgte målgruppe
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 mereNoDomain Designmanual Version 1.0-6. juni 2013
NoDomain Designmanual Version 1.0-6. juni 2013 Indhold Forord 3 Indledning 4 Logo 5-7 Logo: Placering og brug: 8-11 Brevlinje 12-15 Typografi 16-18 Farver 19-21 Tekstil 22-23 Ikoner 24-25 NoDomain designmanual
Læs mereDESIGN- OG BRANDMANUAL INTRODUKTION BRANDPLATFORM DESIGNPROGRAM
DESIGN- OG BRANDMANUAL 2008 INTRODUKTION BRANDPLATFORM DESIGNPROGRAM 2 TMF DESIGN- OG BRANDMANUAL TMF DESIGN- OG BRANDMANUAL 3 INDHOLDSFORTEGNELSE A. INTRODUKTION 1.0 OM DESIGN- OG BRANDMANUALEN X B. BRANDPLATFORM
Læs mereBROCHURE TYPE 3 Brochureformat til brug for institutioner og hovedområder i Region Nordjylland
Designguide for BROCHURE TYPE 3 Brochureformat til brug for institutioner og hovedområder i Region Nordjylland Denne designguide skal bidrage til, at sikre størst mulig visuel sammenhæng i Region Nordjyllands
Læs mereGrafisk produktionsforståelse
Grafisk produktionsforståelse Lavet for Windar Photonics A/S Produkt Design af responsivt website Programmer Dreamweaver Photoshop Illustrator Opgavebeskrivelse Med tiden har jeg fået Windar Photonics
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 mereDesignmanual // Logo
Designmanual // Logo Logoet er designet med tanke på de produkter Konfekt Design producerer. Her springer de geometriske mønstre især i øjnene og det har vi også ønsket at visualisere i logoet. Her mødes
Læs mereBROCHURE TYPE 1 Brochureformat til brug for institutioner og hovedområder i Region Nordjylland
Designguide for BROCHURE TYPE 1 Brochureformat til brug for institutioner og hovedområder i Region Nordjylland af Dolor og Sit af Dolor og Sit af Dolor og Sit af Dolor og Sit Loremus ipsumdol sit amet
Læs mereLejemålet vil kunne blive istandsat af udlejer inden overtagelse, i samråd med den nye lejer.
RÅ LOKALER PÅ Sydhavnsgade 7 er super attraktiv placeret på Aarhus Havn tæt på midtbyen, Lystbådehavnen og lige ved udmundingen af indfaldsvejen til E45. Bag bygningens rå og industrielle facader gemmer
Læs mereBRUGER- OG PATIENTBROCHURER For Sundhed og Sygehuse og Specialsektoren i Region Nordjylland
Designguide for BRUGER- OG PATIENTBROCHURER For Sundhed og Sygehuse og Specialsektoren i Region Nordjylland sit sit sit sit sit amet, consectetuer adipiscing elit. Praesent tincidunt risus viverra tortor.
Læs mereHele SAS Danmark sendt til krisehjælp efter flysabotage
Dagens Citat Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin rature from 45 BC, making DRESS the new centery WHY Karlos Bur e Versace viser
Læs mereMartin Møller Web1b Tirsdag den 19 juni 2012
Martin Møller Web1b Tirsdag den 19 juni 2012 Projektbeskrivelse 3 Tema valg 3 Budskab 3 Afsender 4 Målgruppe 4 Kommunikations mål 4 Skitser 6 Layout index 7 Layout Kulturliv 8 Layout Gratis glæder 9 Layout
Læs mereChromogene medier. Enzymatiske analyser. Real time PCR. Designprincipper for FOOD DIAGNOSTICS
Enzymatiske analyser / Logo Logoversioner Pantone 298 C 297 C 423 C CMYK 68/// 5/// ///5 Grå ///68 ///5 ///4 Sort Hvid / Typografi / Farveskala TYPOGRAFI / FONT Font : Superbrugsen Light abcdefghijklmnopqrstuvwxyzæøå
Læs mereDesignmanual 2,0. Velkommen til Energiakademiet nye grafiske profil. Installer skrifttypen Din pro.
Designmanual 2,0 Velkommen til Energiakademiet nye grafiske profil. Her finder du retningslinjere for brug af logo, placering, farver valg og andre elementer. Læs denne manual igennem før brug. For at
Læs mereNy BIPS IKT- a,ale. BIPS konferencen September Bips IKT- a+ale, BIPS konference 14. September 2015
Ny BIPS - a,ale BIPS konferencen 2015 14. September 2015 Bips - a+ale, BIPS konference 14. September 2015 Agenda Formål Baggrund og koncept Eksemplet Næste skridt Bips - a+ale, BIPS konference 14. September
Læs mereDESIGNGUIDE. Overskrift. Assens Kommune designguide. Primært logo
Primært logo Overskrift DESIGNGUIDE Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur in orci. Sed diam odio, elementum nec, ornare id, laoreet vitae, metus. Sed quis orci in dolor fermentum
Læs mereLejre Kommunes designprogram
2 Da Lejre Kommune blev dannet vedtog Kommunalbestyrelsen en designlinje med det velkendte våbenskjold, bølgerne og den grønne farve. Lejre Kommune præsenterer her en opdatering af vores design med nye
Læs mereGrafisk 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 mereMAGAZINES & PUBLICATIONS DIMENSIONS PRODUCT SHEET
MAGAZINES & PUBLICATIONS DIMENSIONS PRODUCT SHEET GRAPHIC ELEMENTS FRONT IMAGE The image can be a standard landscape photo from the Ramboll Image Bank LOGO The cyan logo is placed below the image Space
Læs mereDESIGNGUIDE. Sektion A
DESIGNGUIDE Sektion A GRUNDLOGOER OG FARVER Til intern og ekstern brug anvendes altid et af de her på siderne illustrerede grundlogoer. Ved brug af grundlogo skal det altid vurderes hvilken logofarvekombination
Læs mereworkflow Programmer: Om opgaven: Kvalitetsvurdering: Afsender: Modtager: Cathrine Laulund Web: Dreamweaver Billedbehandling: Photoshop
Om opgaven: For et halvt år siden overtog nogle bekendte værtshuset Midtskiws i Skive. De havde derfor brug for en ny hjemmeside, som kunne fungere som et online informationssted og visitkort for deres
Læs mereGIS og svæveflyvning. Hans Jensen, Jens Jensen, Hanne Hansen og Bente Hansen
GIS og svæveflyvning Hans Jensen, Jens Jensen, Hanne Hansen og Bente Hansen MTM master i geoinformationsmanagement 2. semester, 2012 Aalborg Universitet 0 1 Titel GIS i svæveflyvning Studieretning MTM
Læs mereHaderslev Kommune. Designguide
Designguide Designguide 03 Farver 11 Omslag 04 Typografi 12 Roll ups 05 Logo 13 PowerPoint 06 Våbenskjold 15 Publikationer 07 Brevlinje 19 Postkort 08 E-mailsignatur 20 Nyhedsbrev 10 Biler 21 Annoncer
Læs mereEdinburgh Photographic Society
Edinburgh Photographic Society 27-10-2010 Duis Sed Sapien Aenean sit amet lacus in tortor fermentum blandit. Quisque at purus in nulla. Page 3 Nunc Et Orci Page 4 Morbi Posuere Pellentesque odio risus,
Læs mereGRAFISK WORKFLOW Hjemmesidedesign
GRAFISK WORKFLOW www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline Færdige produkt www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline Færdige produkt www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline
Læs mere!"#$%&'(&)*+&,-,&-% - alle er velkomne
!"#$%&'(&)*+&,-,&-% - alle er velkomne!! september / oktober 2010 Bibelskole Tony Jacobsen Åbne Døre Byggeriet Gospelworkshop damgade 94, 6400 sønderborg * tlf: 36 99 70 94 * info@sonderborgfrikirke.dk
Læs mereINDHOLDSFORTEGNELSE 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 mereJesper Holm of Copenhagen. COP ENHAGEN est Designmanual 2011
JH Jesper Holm of Copenhagen 001 COP ENHAGEN est. 1992 Designmanual 2011 Forord 002 Denne designmanual er udarbejdet med henblik på at formidle Jesper Holm of Copenhagens nye brand identitet. Designmanualen
Læs mereINDHOLDSFORTEGNELSE 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 mereDesignguide REGION NORDJYLLAND
Designguide REGION NORDJYLLAND INTRODUKTION Region Nordjyllands grafiske identitet Denne designguide skal sikre størst mulig visuel sammenhæng i Region Nordjyllands samlede informationsog kommunikationsaktiviteter
Læs mereOpen space aarhus Visuel identitet
Visuel identitet version 1.0 #2 Faver NEON GRÜN TECH BLACK Paper White RGB: 051 255 000 HEX: 33 ff 00 CMYK: none Pantone: 802 C RGB: 0330030 030 HEX: 1E 1E 1e CMYK: 30 0 0 100 Pantone: Black RGB: 255 255
Læs mereGRAFISK 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 mereEgedal Kommunes Logo- og designmanual
Egedal Kommunes Logo- og designmanual Opdateret oktober 2007 Visuel identitet introduktion design Dette er Egedal Kommunes Logo- og Designmanual. Designmanualen er Egedals fælles visuelle identitet, som
Læs mereRoskilde. Avis. Kinesisk Stjerne På Stændertorvet
Roskilde Avis Den nu 49-årige Peng Liyuans karriere begyndte, da hun som 18-årig blev soldat i Folkets Befrielseshær. Takket være sin kraftfulde stemme, blev hendes militære pligt hurtigt at underholde
Læs mereRyan Air vandt krigen om søtransport
Ryan Air vandt krigen om søtransport Branchen kunne ikke selv finde ud af det Men luftfartsbranchen har på kun få år formået at gennemrationalisere og forvandle havne- og søtransportsektoren til moderne,
Læs mereFælles visuelt univers for regionens større byggeprojekter. RegionH Design
Fælles visuelt univers for regionens større byggeprojekter Det visuelle tager afsæt i strategien + workshoppen højt specialiseret forskning grønt bæredygtigt Kommunikationsstrategien fungerer som en paraply
Læs mereGrafisk produktion og workflow
Grafisk produktion og workflow Helle Nicolaysen svendeprøve juni 2016 Kunde (fiktiv) Bomholt er en virksomhed der laver og sælger plankeborde og som nu ønsker en helhedsorienteret grafisk designlinje,
Læs mereOrkestrering af distribuerede systemer over store datamængder
Orkestrering af distribuerede systemer over store datamængder Jesper Marrup Kongens Lyngby 2013 IMM-M.Sc.-2013-??? Technical University of Denmark Informatics and Mathematical Modelling Building 321, DK-2800
Læs mereARBEJDSMILJØKAMPAGNE TJEK APPETIT PÅ APV GRATIS TILBUD: TEMAMØDER OG KURSER. TJEK Gør APV nyt, nemt og nyttigt. arbejdsmiljøkøbenhavn
ARBEJDSMILJØKAMPAGNE TJEK APPETIT PÅ APV GRATIS TILBUD: TEMAMØDER OG KURSER TJEK Gør APV nyt, nemt og nyttigt arbejdsmiljøkøbenhavn Indhold Introduktion til TJEK Appetit på APV 3 Suppleringskursus: Hold
Læs mereTÅRNBY KOMMUNE TÅRNBY KOMMUNE
DESIGNMANUAL 2014 1 FORORD S IMAGE ER ET PRODUKT I SIG SELV. Derfor er det vigtigt, at vi er opmærksomme på det udtryk, vi sender videre til borgerne. Vores designmanual skal give kommunen et tidssvarende
Læs mereKT OR LOW PRODUKTION // WORKFLOW
PR D O U ION KT // W KFKF OR LOW PRODUKTION // WORKFLOW // WORKFLOW HJEMMESIDE / REDEGØRELSE / IDÉ, FARVE, FONT OG GRAFIK / SKITSER OG FLOWCHART / SKELET / STORYBOARD / CSS HVAD? Opgaven er en fiktiv hjemmeside
Læs mereAnvendelse af manualen
Anvendelse af manualen Designmanualen beskriver grundelementerne i Transport-, Bygningsog Boligministeriets profil, og den giver eksempler og retningslinjer for deres anvendelse. Designmanualen er et værktøj
Læs mereErfa Inventar Produktkatalog 2014
Erfa Inventar Produktkatalog 2014 Stort udvalg af reoler, butiksinventar, bilinventar, værksted, garderobe, plastkasser, mezzanin, stålkontorer og meget mere. 2 af 30 Se hele vores sortiment på www.erfainventar.dk
Læs mereGRAFISK 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 mereGRAFISK 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 mereBrug af Bibliotekarforbundets logo. Designmanual August 2011
Brug af Bibliotekarforbundets logo Designmanual August 2011 I denne manual finder du oplysninger om: 1. Hvilket logo skal bruges? 2. Negativ eller positiv logo 3. Placering af logo 4. Hvilken teknisk udgave
Læs mereKage er godt. Kage er meget godt
Kage er godt Kage er meget godt Loven om nærhed Når noget står tæ3ere på hinanden hænger det mere sammen og når det er længere fra hinanden hænger det mindre sammen De rig9ge afstande gør det mere overskueligt
Læs mereInformationsmøder om FSIII, Region Midtjylland. 10. november 2015
Informationsmøder om FSIII, Region Midtjylland 10. november 2015 1 Hvem er vi? Fra Fælles Sprog III-projektgruppen (KL): Ulla Lund Eskildsen (projektleder) Kirstine Bergholdt Bjerre, konsulent Morten Thomsen,
Læs mereMcAfee - Arrow ECS Generelt design & Network Security
McAfee - Arrow ECS Generelt design & Network Security Farver Primær Skiftetype a b c d e f g h i j k l m n o p q r s t u v x y z æ ø å 1234567890?!,. A B C D E F G H I J K L M N O P Q R S T U V X Y Z Æ
Læs mere340-033 Reduktion af tryktab på HVAC-anlæg, renovering og nyanlæg
340-033 Reduktion af tryktab på HVAC-anlæg, renovering og nyanlæg Projektgruppen: Teknologisk Institut Brøndum Vent-ordningen Strategos ApS Nectar Communication ApS 1 A Resume I nybyggeri er der fokus
Læs mereBørnSulter. Update. Barmhjertighed. godhed. Beloved Children Home. Oktober2013. Retfærdighed
Oktober2013 BørnSulter Update...på lang sigt kommer drivkræfterne til at afgøre vores handlinger d Barmhjertighed Retfærdighed godhed NÅR DRIVKRAFTEN ER AFGØRENDE Indimellem kan man forledes til at tro,
Læs mereDokumentation af optagelse.dk. Dato Version Udarbejdet af Godkendt af Ændringsbeskrivel se BBJ CLFR Officiel version 1(Release 21)
FtuBackgroundService Indhold Versionsstyring Introduktion Navn URL Sikkerhed Operationer Eksempler Fejlrapportering Versionsstyring Bruges til at skrive betydelige ændringer til dokumentationen Dato Version
Læs mereGrafisk 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 mereGRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL
GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL 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
Læs mereOPGAVE BESKRIVELSE ARBEJDSPROCES. Idéudvikling. Inspiration. Skelet. Uploade til server. Kodning. Teste sitet igennem. Rettelser og godkendelse
GRAFISK WORKFLOW ARBEJDSPROCES OPGAVE BESKRIVELSE OPGAVEN At lave et redesign af AGF Fanclubs hjemmeside med et mere nutidigt look og bedre oversskuelig brugerflade. Opgaven har jeg stillet mig selv, men
Læs mereGRAFISK WORKFLOW - RESPONSIV WEBSIDE
GRAFISK WORKFLOW - RESPONSIV WEBSIDE REDEGØRELSE Opgavebeskrivelse Redesign hjemmeside for Murerfirmaet Døssing i responsivt design, som udstråler professionalisme. Der skulle være en referenceside med
Læs merePROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT
PROJEKTET Udarbejdelse og idéudvikling af en fiktiv grafisk identitet til Puls Fitness. I denne kernefaglighed fremhæver jeg designet til websitet samt lidt merchandise. Derudover ses et udkast til bl.a.
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 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 mere1. Hovedforløb. Mediegrafiker - 2015
Af Ditte Vium Overgaard Grafik og billedbehandling 1. Hovedforløb Mediegrafiker - 2015 OPGAVEBESKRIVELSE Der er til alle de fire kernefagligheder taget udgangspunkt, i mit eget lille projekt, med design
Læs mereAnvendelse af manualen
Anvendelse af manualen Designmanualen beskriver grundelementerne i Transportministeriets profil, og den giver eksempler og retningslinjer for deres anvendelse. Designmanualen er et værktøj til brug for
Læs mereWORKFLOW & GRAFISK PRODUKTION
Opgavebeskrivelse Kunde: Gorm Larsen & Zornig (GLZ) Websitet Social media cheat sheet er en oversigt over forskellige sociale mediers opsætning. Formålet er altså at gøre det nemt at finde de mål, der
Læs mereGrafisk Workflow. Endeligt layout. Om mig. Forside. Portfolio
Endeligt layout Forside Om mig Portfolio 1 Hjemmeside Opgaven I dette design projekt skulle jeg gennemføre en designproces, hvor jeg enten skulle redesigne eller designe et produkt. Jeg valgte at designe
Læs mereGrafisk. Workflow. Side 1
Grafisk Workflow Side 1 http://mediegrafiker-ats.dk/15gt33med/freja/hotelinger/ Side 2 Kunde: Inger Marie, Hotel Inger Målgruppe: Aldersgruppe mellem 30-50 år. Hvad har jeg bidraget med? Mit bidrag til
Læs mereGrafisk 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 mereGrafisk workflow. website til duckhead music
Grafisk workflow website til duckhead music Portfolio h1 Side 18 website til duckhead music Selvom jeg er hos et webbureau, så sidder jeg udelukkende med design, og er derfor ikke kommet til at kode endnu.
Læs mereMARIA 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 mereForståelse for grafisk produktion og workflow
Forståelse for grafisk produktion og workflow Fallulah hjemmeside Opgaven: Blev stillet i forbindelse med forløbet avanceret webdesign, jeg har hverken fået karakter eller bedømmelse på den. Opgaven bestod
Læs mereGRAFISK 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 mereGrafisk Workflow. hovedforløb 2
Grafisk Workflow hovedforløb 2 WORLD OF FURNITURE Forside.wrapper width: 95%; margin: 0 auto; box-shadow: 0px 0px 25px #888888; Image slider carousel 5 sekunder .button span.button span:after.button:hover
Læs mereGRAFISK DESIGN CAMILLA VINTER
GRAFISK DESIGN CAMILLA VINTER OPGAVEBESKRIVELSE (Fiktiv) Jeg har valgt at lave en ny visuel identitet for Tv-programmet KURS MOD FJERNE KYSTER. I programmet følger du Mikkel Beha s og resten hans familie,
Læs mereFase 1 Fase 2 Fase 3
PORTFOLIOENS TILBLIVELSE ens formål en skal for mig være et redskab, der fungerer som et udstillingsvindue for mine evner indenfor multimediedesign, grafisk design og fotografering. Det skal være personligt
Læs mereProdukt. 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 mereportfolio / 19 By Berglind Jonsdottir
portfolio / 19 By Berglind Jonsdottir Layout & illustrations Rebranding of a presentation template / Søndagsavisen Rebranding of Søndagsavisen B2B sales presentation template, creating a new layout and
Læs mere1 Konceptbeskrivelse
Konceptbeskrivelse 1 2 Konceptets titel Digital informationsplatform og loyalitetsprogram til turister i Danmark 3 Vi kan hjælpe med at øge serviceniveauet Turister der besøger Danmark forventer at være
Læs merePROGRAM VALG: InDesign CC Illustrator CC Photoshop CC Dreamweaver CC
grafisk design WITTH AIRLINES KUNDEN: Kunden Carl Witth har etableret et rejseselskab, med rejser til lave priser. Witth Airlines er et selskab der flyver til de fleste hovedstæder samt storbyer til en
Læs mereGRAFISK WORKFLOW. Layout Layout af hjemmesiden laves i Photoshop og siderne inddeles i mapper for bedre overblik.
GRAFISK WORKFLOW Opgaven Design og skabelse af website til maler og skrotkunstner Ole Møgelby. Websitet skal virke som en oversigt af Oles værker og som en informationsside. Programvalg Af programmer har
Læs mereMit grafiske workflow inkluderer:
GRAFISK WORKFLOW Opgave: Opgaven var at producere en bog og et website med temaet stilhistorie. Jeg har valgt at beskrive mit grafiske workflow i produktionen af websitet. Kravene var, at der skulle være
Læs mere