Rapport til portfolio. af Simone Blachman

Save this PDF as:
 WORD  PNG  TXT  JPG

Størrelse: px
Starte visningen fra side:

Download "Rapport til portfolio. af Simone Blachman"

Transkript

1 Rapport til portfolio af Simone Blachman

2 Indholdsfortegnelse 1. Portfolioudvikling 1.1 Mindmap 1.2 WBS 1.3 PBS 1.4 Gantt 1.5 Moodboard 1.6 Wireframes 1.7 Mockups 2. Designvalg 2.1 Logo 2.2 Farver 3. Informationsarkitektur 4. Key movements 5. Designprincipper 6. Specifikationer 6.1 Brug af programmer 6.2 Rapport

3 1.1 Mindmap

4 1.2 WBS

5 1.2 WBS (Portfolio i alt: 244 timer)

6 1.2 WBS (forklaring) Jeg har lavet min WBS før jeg startede på projektet. Jeg har inddelt det der skulle laves i forskellige faser. Da jeg ikke havde nogen forudsætning for at vide, hvor lang tid jeg ville bruge på hver ting/fase, var det lidt vanskeligt. Jeg anslog, at hvis jeg i gennemsnit brugte 8 timer om dagen, og at jeg arbejde ca dage, ville det give de 244 timer. Derfra inddelte jeg hver fase, for at få det til at give de 244 timer.

7 1.3 PBS

8 1.3 PBS (forklaring) Jeg startede med at finde ud af, hvilke sider jeg skulle have på min hjemmeside. Ud fra det byggede jeg min PBS op.

9 1.4 Gantt

10 1.4 Gant (forklaring) Jeg har lavet min Gantt udfra min WBS, i programmet: Project Libre. Her har jeg sat timerne fra min WBS ind, hvor den har omregnet det til dage. Dog er det ikke er helt præcis, da den fx. får 48 timer til at være 6 dage.

11 1.5 Moodboard

12 1.5 Moodboard (forklaring) Moodboard er en slags planche som kan bruges som inspiration. Jeg lavede mit moodboard i Illustator, inden projektets start. Her prøvede jeg på, at få alt det ned, der faldt mig ind, fx. brug af Sans-Serif, hvike farver jeg ville bruge, hvilke sider jeg skulle have på min hjemmeside osv. Derudover kan man også se, at jeg i mit moodboard, har gjort mig nogle tanker, om hvad jeg vil bruge min portfolio til. Her har jeg skrevet at den skulle bruges til job og som CV, samt vise hvem jeg er som person.

13 1.6 Wireframes Forside - Wireframe Projekter - Wireframe LOGO LOGO FORSIDE PROJEKTER LÆRING OM MIG KONTAKT FORSIDE PROJEKTER LÆRING OM MIG KONTAKT TEKST DIV BILLEDE PROJEKT TEKST TEKST FOOTER FOOTER

14 1.6 Wireframes Projekter - Wireframe Læring - Wireframe LOGO LOGO FORSIDE PROJEKTER LÆRING OM MIG KONTAKT FORSIDE PROJEKTER LÆRING OM MIG KONTAKT DIV TEKST DIV TEKST TEKST BORDER, VISE UDVIKLING EFTER PROJEKT 1 BORDER, VISE UDVIKLING EFTER PROJEKT 2 BORDER, VISE UDVIKLING EFTER PROJEKT 3 BORDER, VISE UDVIKLING EFTER PROJEKT 4 BORDER, VISE UDVIKLING EFTER PROJEKT 5 FOOTER FOOTER

15 1.6 Wireframes Om mig - Wireframe Kontakt - Wireframe LOGO LOGO FORSIDE PROJEKTER LÆRING OM MIG KONTAKT FORSIDE PROJEKTER LÆRING OM MIG KONTAKT TEKST BILLEDE AF MIG TEKST FOOTER FOOTER

16 1.6 Wireframes (forklaring) Wireframes er et godt redskab at bruge, når man skal finde ud af, hvordan ens website skal se ud. I mine Wireframes har jeg brugt tomme kasser og opstillet min hjemmeside vha. grids. Fordi at jeg har lavet Wireframes, har jeg haft en idé om, hvor jeg kunne placere min menu og tekst på min hjemmeside efterfølgende.

17 1.7 Mockups Forside - Mockup Projekter - Wireframe Forside Projekter Læring Om mig Kontakt Forside Projekter Læring Om mig Kontakt Projekt 1 Olupis mod utes nem anis exeriberum fugit am, simi, sit ad ellore velitincium facepel lumqui aut molorpo repudic tempore coresedio. Occus non poria vellestis rendaes tiandestiae qui a sus rem vel intibus enditaquo ma velent exceperitas inciasp erernatur? Porum, quundisit por aut dolesti dolorit ulpa verio dolorum consectasin et optatquam conecatur autatur rem repe pe pel mo volupta tempor maximil inum, comni oditatis alia conet harchil modicati de dolupta cus adi omnia doluptati officia ipsanie ndelign ihitio. Ut quiam es se eum reperfe ruptiist perumen ihilibu stescias evendis imuscipsum ut dolor a dolest aceatem quia vendae eum qui dignihit eos modit quatibu sapella nam, ut re essi cuptasped quis rehenia nusam, quatis rem in reperspiet expelique accullu ptatio. Hicid ut ullam di doluptae. Nam fugitis aboribus il iuntecto quodissin es is quas nem int voluptum fuga. Nemporesto tem es aut volum ullent imoluptae. Erspel minullit lacculpario tetur, ut ipiduntiusatatio eture, il maio. Quas cusa quas autem seculpa suntota dolupti busapelibus dis ea quid militaquas am volorest, volores et quateniam idicta ni bero idercienis essusam reium qui sandusa voluptam, solecus quis dem erfero blanduciis et lauditati dolorem doluptiis mus autectas et Ignimus, torum fugia nam dis aut es reperuptiae ni ullate pra volo di occatur sime nat. Arumquia dem inti odis quas aut est occum erro magnimilibus volorem corum re, ute nostotatio ium comnimi, officimet ma evel imagnisciis uta dolupta inulparum volupta culpari onserit quiae. Sunt rehent remolut qui dem si quas et voluptur? Quid ute serum aces maion peliquis simus quis doloribus sectatem exeriae audaecum si rehendit dus estrum non corehentiam, sinvelenda quunt est dellesti qui beaque es aspidusdam, uta sinctaspe quae. Im archicaest reiusda ntibus venimus dolorpo reicabores iusam qui ut parum quat rerferi aerfersped ut magnist et utem dolorepernam ut la ni il ilibus, teni ius, voluptat. Sed quas dolupti busapeliqui nese con nostrum quam sinveru ptusandae audisit, voles sundam esto molorei ctibus dolent, asi tendae pra que poris et officiur ad maximusanis suntem con rem quo ipici cum res verovitam quam quos qui veles et qui dolorent es con comniatur? Icimolupta doluptaquat lacea sim rae necte nuscipiet explit, illaccus dolorei cilliat ionsedit odi ommodis aut qui aut ad qui officitibus, ium que dit omnis et pos doluptae lam rereped erum accatur itaquo enimo quas nonsedi quis dolupta turibus, quias perchil intur? Unt exerspe laudit dolupti oreperesed maio velit, odit asperro rionsed es ressunt et audi adi bla volorempos abo. Ut prati am, qui unt everit alique niendenis doluptatiant is voloria neculli Kontakt: Simone Blachman Kontakt: Simone Blachman

18 1.7 Mockups Projekter - Wireframe Projekter - Wireframe Forside Projekter Læring Om mig Kontakt Forside Projekter Læring Om mig Kontakt Projekt 2 Projekt 3 Ignimus, torum fugia nam dis aut es reperuptiae ni ullate pra volo di occatur sime nat. Arumquia dem inti odis quas aut est occum erro magnimilibus volorem corum re, ute nostotatio ium comnimi, officimet ma evel imagnisciis uta dolupta inulparum volupta culpari onserit quiae. Sunt rehent remolut qui dem si quas et voluptur? Quid ute serum aces maion peliquis simus quis doloribus sectatem exeriae audaecum si rehendit dus estrum non corehentiam, sinvelenda quunt est dellesti qui beaque es aspidusdam, uta sinctaspe quae. Im archicaest reiusda ntibus venimus dolorpo reicabores iusam qui ut parum quat rerferi aerfersped ut magnist et utem dolorepernam ut la ni il ilibus, teni ius, voluptat. Sed quas dolupti busapeliqui nese con nostrum quam sinveru ptusandae audisit, voles sundam esto molorei ctibus dolent, asi tendae pra que poris et officiur ad maximusanis suntem con rem quo ipici cum res verovitam quam quos qui veles et qui dolorent es con comniatur? Icimolupta doluptaquat lacea sim rae necte nuscipiet explit, illaccus dolorei cilliat ionsedit odi ommodis aut qui aut ad qui officitibus, ium que dit omnis et pos doluptae lam rereped erum accatur itaquo enimo quas nonsedi quis dolupta turibus, quias perchil intur? Unt exerspe laudit dolupti oreperesed maio velit, odit asperro rionsed es ressunt et audi adi bla volorempos abo. Ut prati am, qui unt everit alique niendenis doluptatiant is voloria neculli Ignimus, torum fugia nam dis aut es reperuptiae ni ullate pra volo di occatur sime nat. Arumquia dem inti odis quas aut est occum erro magnimilibus volorem corum re, ute nostotatio ium comnimi, officimet ma evel imagnisciis uta dolupta inulparum volupta culpari onserit quiae. Sunt rehent remolut qui dem si quas et voluptur? Quid ute serum aces maion peliquis simus quis doloribus sectatem exeriae audaecum si rehendit dus estrum non corehentiam, sinvelenda quunt est dellesti qui beaque es aspidusdam, uta sinctaspe quae. Im archicaest reiusda ntibus venimus dolorpo reicabores iusam qui ut parum quat rerferi aerfersped ut magnist et utem dolorepernam ut la ni il ilibus, teni ius, voluptat. Sed quas dolupti busapeliqui nese con nostrum quam sinveru ptusandae audisit, voles sundam esto molorei ctibus dolent, asi tendae pra que poris et officiur ad maximusanis suntem con rem quo ipici cum res verovitam quam quos qui veles et qui dolorent es con comniatur? Icimolupta doluptaquat lacea sim rae necte nuscipiet explit, illaccus dolorei cilliat ionsedit odi ommodis aut qui aut ad qui officitibus, ium que dit omnis et pos doluptae lam rereped erum accatur itaquo enimo quas nonsedi quis dolupta turibus, quias perchil intur? Unt exerspe laudit dolupti oreperesed maio velit, odit asperro rionsed es ressunt et audi adi bla volorempos abo. Ut prati am, qui unt everit alique niendenis doluptatiant is voloria neculli Kontakt: Simone Blachman Kontakt: Simone Blachman

19 1.7 Mockups Projekter - Wireframe Projekter - Wireframe Forside Projekter Læring Om mig Kontakt Forside Projekter Læring Om mig Kontakt Projekt 4 Projekt 5 Ignimus, torum fugia nam dis aut es reperuptiae ni ullate pra volo di occatur sime nat. Arumquia dem inti odis quas aut est occum erro magnimilibus volorem corum re, ute nostotatio ium comnimi, officimet ma evel imagnisciis uta dolupta inulparum volupta culpari onserit quiae. Sunt rehent remolut qui dem si quas et voluptur? Quid ute serum aces maion peliquis simus quis doloribus sectatem exeriae audaecum si rehendit dus estrum non corehentiam, sinvelenda quunt est dellesti qui beaque es aspidusdam, uta sinctaspe quae. Im archicaest reiusda ntibus venimus dolorpo reicabores iusam qui ut parum quat rerferi aerfersped ut magnist et utem dolorepernam ut la ni il ilibus, teni ius, voluptat. Sed quas dolupti busapeliqui nese con nostrum quam sinveru ptusandae audisit, voles sundam esto molorei ctibus dolent, asi tendae pra que poris et officiur ad maximusanis suntem con rem quo ipici cum res verovitam quam quos qui veles et qui dolorent es con comniatur? Icimolupta doluptaquat lacea sim rae necte nuscipiet explit, illaccus dolorei cilliat ionsedit odi ommodis aut qui aut ad qui officitibus, ium que dit omnis et pos doluptae lam rereped erum accatur itaquo enimo quas nonsedi quis dolupta turibus, quias perchil intur? Unt exerspe laudit dolupti oreperesed maio velit, odit asperro rionsed es ressunt et audi adi bla volorempos abo. Ut prati am, qui unt everit alique niendenis doluptatiant is voloria neculli Ignimus, torum fugia nam dis aut es reperuptiae ni ullate pra volo di occatur sime nat. Arumquia dem inti odis quas aut est occum erro magnimilibus volorem corum re, ute nostotatio ium comnimi, officimet ma evel imagnisciis uta dolupta inulparum volupta culpari onserit quiae. Sunt rehent remolut qui dem si quas et voluptur? Quid ute serum aces maion peliquis simus quis doloribus sectatem exeriae audaecum si rehendit dus estrum non corehentiam, sinvelenda quunt est dellesti qui beaque es aspidusdam, uta sinctaspe quae. Im archicaest reiusda ntibus venimus dolorpo reicabores iusam qui ut parum quat rerferi aerfersped ut magnist et utem dolorepernam ut la ni il ilibus, teni ius, voluptat. Sed quas dolupti busapeliqui nese con nostrum quam sinveru ptusandae audisit, voles sundam esto molorei ctibus dolent, asi tendae pra que poris et officiur ad maximusanis suntem con rem quo ipici cum res verovitam quam quos qui veles et qui dolorent es con comniatur? Icimolupta doluptaquat lacea sim rae necte nuscipiet explit, illaccus dolorei cilliat ionsedit odi ommodis aut qui aut ad qui officitibus, ium que dit omnis et pos doluptae lam rereped erum accatur itaquo enimo quas nonsedi quis dolupta turibus, quias perchil intur? Unt exerspe laudit dolupti oreperesed maio velit, odit asperro rionsed es ressunt et audi adi bla volorempos abo. Ut prati am, qui unt everit alique niendenis doluptatiant is voloria neculli quatur. Ad est, voloria ndamus ma quaturerum evellam, sim nonseca tiatenis cupta vit venimi, oditass inullam lateseque voluptam cum iliquo et, cupta vitae non nos doleniet experum dis alis re, ut resed maio molo doluptio ma nonsedis praeptat qui dolorer spidunt. At ipsa ventorate nis aut pres maxim vellorem invelit landitia cum vendam autet res aut as andis et a nisquae nempor reped est es imus, optam inctur aut in prepeditasi cusae la sentinvere eosto tem explit quis maio. Asimint. Eperitatibus et odit, quossuntur, santiorposa ilitiis ex et, tem cuscili tisquos maxim nobisit vid quid moluptis rescius, quiduntibus, te reprat prae nonectatecus cus nias sum elitium voluptur, quis iniscia cor atum fugit offic torporem quiam imaiore, ariorer iaspere magnat aditint. Sandus. Nonet es demqui undae delentia por simusdae. Et odion nonsequid eic te eos am et dus aut lam, qui quia con eaquame accum qui nulparumque digenihil ipsa sit volor repudam, et la dolorpossus, velenda epelis cus adio mod eum voluptam, archicti asse rem as quaecusam, occab ipiendandis rehendam faccull oreceprore necaecab inim quam nam volenias et quam harchil itibus alitas dissimincid quis sectio quod que qui demquiae natur? Nobitibea pelitatis expelli busdae labo. Nam reratem qui conse ped quis demposa nonsece arundant, vit quame exeriorit et prepernatur sam et ped quassita videlec usanis alit, culpa atur, torundi odis sequia debit quasin cusdaecae volescipic tectio officto dolorum quasit aspid que nimenti cus mi, non eicia as sit magnis dolut labore nienihi tatiusdaesto omnis invene repudipsant. Amusam in parum, quiaturescid maiorit, cus doloremo vid quam, ipsunt atur, que odit qui Kontakt: Simone Blachman Kontakt: Simone Blachman

20 1.7 Mockups Læring - Mockup Om mig - Wireframe Forside Projekter Læring Om mig Kontakt Forside Projekter Læring Om mig Kontakt Harita conest, voloreprecto offictem as solendeliae la quas autempo reperibusa as aut quunt ut eum et oditi beaquae precte volore net preperi arum nobis si berist optas nos debit hiliquatium quiam adi consequam atur, cullenias doluptatem etur, cor magnimus audae mincidus ad eum volupta tempore il in eume voloren. - ditatus molent quosti volectem asi ditaque venis doluptaspis molor sita numquas - volores ulpa adiasi volor rem alibus. - Ro evendipicium fugitaecum fugiam, omniet fugiand iandes doluptatem eosae - - porum rende quatem aliant dem faceatus, que volo blab ius comni reicabo. Et re - vendi odigent, inuscipsamet faccus, que porest ius sent quo ipsum quam faccupt - atest, totaecero corumquo venis quam quunt maion nonseque porrum ad mag- nihicima volupide niatius, temolori aut re nis nobiscipsant fuga. Ate que ventur aut Eque sinveli cabores autem issi nissi voluptati doluptia conse secte doloris aut magnis doluptius comniet experem perio. Cat laboreperit adiorrore voluptatate pedi occatintio eatis quis volesti temod quunderi nostiorem fugitat maiossum dolupta tusdaesciis peditat uriande llaceatem repe qui ommoleserum de etur sed magnia comnis ra iunt ma cusae porempor sit licae voloribus di in rest velecus volupta sit et od quiatur, sum nonseque nem vendaestem quo vel et et fugitat endebit asimporibus alicia dolendam, sequati asperiam imolorunt vel inum nonempor mos est estint pliquat enditi aditi volectem quo berrum non reperup tatquas qui BORDER, VISE UDVIKLING EFTER PROJEKT 1 BORDER, VISE UDVIKLING EFTER PROJEKT 2 BORDER, VISE UDVIKLING EFTER PROJEKT 3 BORDER, VISE UDVIKLING EFTER PROJEKT 4 BORDER, VISE UDVIKLING EFTER PROJEKT 5 Kontakt: Simone Blachman Kontakt: Simone Blachman

21 1.7 Mockups Kontakt - Mockup Forside Projekter Læring Om mig Kontakt Xerferov idestrum il maximusto in num erundis autem dolorrore experat quatur sit parum samusam, sandent otation sectet la discias imosand itasinis volorpo restotat. Axim quiae nullabo repudisci beris sit exereste rest, ut voluptisquam endit faci aut aribus most utem re pedit voloruntis repelit atustrum laute nonsection repudanto qui cus estion nis ut quae consequi omnisinis saerrore occae laut et volorenis evelita tiisquia eum que es ati ilis est ea cus milloremqui qui repudae poraest qui cupta volutem cum reperisquo offictat autempos autatib erferuptia porempe rfercipient mo mod quatibus. Turepre perita quunti aliquam vere, sim is et rempore ctatuscit ut ratur, cone Kontakt: Simone Blachman Kontakt: Simone Blachman

22 1.7 Mockups (forklaring) Ligesom Wireframes, er Mockups også et godt redskab at bruge. Hvor jeg i Wireframes har brugt tomme kasser, har jeg her i mine Mockups fyldt det ud med indhold. De områder hvor der skal være tekst, er fuldt ud med mumletekst, og jeg har sat de billeder ind, som jeg havde planer om at bruge. Det gør noget visuelt, når kasserne er fyldt ud med billeder og tekst, og man kan meget nemmere få et overblik over, hvordan siden skal se ud, end hvis man blot havde lavet skitser.

23 2.1 Logo (forskellige udkast)

24 2.1 Logo (det endelige) Beskrivelse: B og D står for hjemmesidens navn: b-design.nu, hvor b et står for Blachman, og d et for design. Jeg har valgt dette logo, fordi det er meget enkelt, og alligevel har et grafisk udtryk. De andre logo er i mit udkast var mere rodet. Det endelige logo fremstår mere markant, med de skarpe farver og kontraster. Jeg har dog valgt at give det en cirkel rundt om, så det ikke bliver for hårdt. Logoet er combination mark. Logoet typet er her: BD, og signet: cirklen. Selvom selve cirklen ikke er unik, og at man ikke ville kunne genkende logoet uden logotypet, så er det stadig et combination mark, da logoet ikke kun består af ren tekst. Farver: Jeg har valgt at bruge helt enkle farver, her sort og hvid, med et twist af grå. Jeg synes at den sorte og hvide farve skaber en god kontrast, mens den grå farve bløder det lidt op. Typografi: Jeg har valgt typografien Shree Devanagari 714, med typeface: sans-serif. Jeg synes at skriften er flot, stilren, og egnet til webdesign

25 2.2 Farver Jeg har valgt farverne: Sort og hvid, fordi at disse farver er enkle. Den sorte bringer power og elegance frem, mens den hvide bringer enkeltheden frem. Derudover har jeg valgt en grå farve, fordi at den passer godt sammen med sort og hvid, og bløder den hårde kontrast op. Farven blå er valgt, fordi den er rolig og troværdig. Jeg har ikke brugt en stærk blå farve som baggrunds farve til min hjemmeside, da jeg synes at det blev for mørkt. I stedet har jeg valgt den nederste blå farve, som er lidt blå grå, faktisk nærmest en jordfarve. Den første blå farve er mere ren, og farven nedenunder er mere blå violet. Jeg synes, at disse to farver passede godt sammen, og derfor er de begge blevet brugt til min menu på min hjemmeside. Her er baggrundsfarven på menuen faldet på den blå, mens min hover og current (den side man er på) har fået den blå violette farve. Jeg har altså kun brugt kolde farver til mit tema, og jeg synes at disse fire farver går godt sammen med sort og hvid. Disse farver er et gennemgående tema/farvekort, og er det eneste farver, som jeg har brugt.

26 3. Informationsarkitektur Min hjemmeside er opbygget som sequence site (with supporting disgressions) Det er en sequence site i og med at min menu er vandret, uden drop down menu, mens trods dette, så har min side projekter, nogle undersider. Disse er dog ikke sat op, som en drop down menu, og derfor er min hjemmeside opbygget som en sequence site med supporting disgressions, da de har en forbindelse/sammenhæng. Se billede nedenfor, og på næste side.

27 3. Informationsarkitektur Her ses der et eksempel på, at min hjemmeside er sequence site, med undersider. De er ikke sat sammen, som en drop down menu, men trykker du på linket i brødkrummestien: Projekter, kan man komme tilbage, og på en måde har de sammenhæng. Da jeg lavede min menu, har jeg tænkt over Goldilocks problems, som primært går ud på, at en menu ikke må være for lang eller for smal. Menuen har det mest nødvendige, og ellers man komme rundt på resten på mine sider. fx. under om mig findes der et link til mit CV, og under projekter ses de forskellige projekter osv. Kilde:

28 4. Key movements Da jeg lavede min hjemmeside, ville jeg gerne have den så enkel som mulig. Jeg har valgt nogle enkle farver, der går godt sammen, og har dermed ikke den store farvelade på min hjemmeside. Hvis jeg skal sætte en tidsperiode på min hjemmesides stil, skal de være Contemporary Design, da jeg synes at det passede bedst på min side. Det er Contemporary Design, fordi at det er simpelt og har nogle rene linjer. Farverne her er typisk: low saturarted sort/hvid, og grålige. Det er mine farver eksempel på, da jeg bruger sort, hvid, og grå. Jeg bruger også den blågrå farve, samt den blå violette, som ikke er helt mættet, til sidst bruger jeg den mørke blå. Derudover er det en stil, som er moderne nu, men ikke nødvendigvis om 10 år, det er en tidsperiode der hele tiden er forandring.

29 5. Designprincipper De designprincipper som jeg bruger: Billeder: Jeg har billeder med på min hjemmeside, for at have noget der tiltrækker opmærksomhed. Dette er bl.a. også derfor, at jeg har valgt at have en billed slider på forsiden. Derudover bruger jeg billeder til at vise mine projekter. Enkelhed: Mine farver og mit logo er med til at give siden en enkelhed. Ensartethed: Dette ses der flere eksempler på i min opgave, bl.a. så er der ensartethed ved de farver jeg har brugt, her har jeg kun brugt samme farvetema. Der er også ensartethed på siderne, og den måde de er bygget op på, de har alle to diver, her en content div, der samler mit indhold, og en tekst div, der samler min tekst. Der er også ensartethed på min form, alle siderne har det runde logo, og selvom den runde form er anderledes end rektangel formen i min menu, så er min menu også ensartet da den har samme form hele vejen igennem. Der er også ensartethed i min skrift, hvor jeg kun har brugt skriften: Avenir. Derudover er størrelsen på de forskellige overskrifter, og tekst ens hver især, på hver side. Mine placeringer og afstand er desuden ens, fra side til side, hvis man ser bort fra at nogle sider indeholder mere indhold end andre Min brug af ensartethed giver en organiseret og struktureret side. Farve: Jeg har brugt 4 farver, som går igen, passer sammen, og dermed har jeg ikke en farvelade på siden. Jo færre farver dets jo stærkere vil farvene stå frem. Selvom jeg ikke har nogle pang farver, står mine andre farver stærkt frem, fordi at jeg kun har holdt mig til disse. Jeg har også tænkt over symbolikken i farverne, så de er ikke helt tilfældige. Mine farver er desuden low saturated, dvs. de ikke er så mættet/det er ikke nogle klare farver. Derudover har jeg brugt kolde farver, hvilket ses på de blå lige farver.

30 5. Designprincipper Genkendelighed: Intern genkendelighed: Min hjemmeside består af intern genkendelighed, hvis man kigger på opbyningen af hjemmesiden. Min menu er øverst hvilket de som regel er på en hjemmeside, hvis de ikke står i siden. Selvom der ikke er noget header billede ovenover menuen, så er der stadig intern genkendelighed, især hvis man ser på andre portfolioer.derudover er min footer placeret nederst, hvilket er intern genkendelighed for hjemmesider. Min kontakt side er placeret som den sidste side i menuen, hvilket også er intern genkendelighed. Ekstern genkendelighed: Min side består også af ekstern genkendelighed, i og med at det er de samme farver der bruges igen gennem hele siden. Hvis jeg skulle lave flere produkter såsom brehoved og visitkort, så ville disse farver også gå igen. Grids: Hjemmesiden består af grids, som er hjælpelinjer. Det er ens på hver side, og derfor er det et gennemgående fundament. Dette betyder, at mit website er organiseret. Jeg har vha. div er lavet en form for grids, der ses med det blotte øje. Der er en grid der samler mit indhold(med den hvide baggrund), som har en sort kant, og så er der en grid med min tekst, hvor den ikke er synligt indrammet. Jeg har også brugt grids, til at lave mine Wireframes og Mockups. Grupper: Jeg har i mit website også benyttet mig af princippet: grupper. Der ses et eksempel på en gruppe ved min menu, som står tæt og har samme form. Grupperne ses også på mine projektsider, som er inddelt efter: links, beskrivelse, udfordring, udbytte og remake.

31 5. Designprincipper Hierarki: Der ses eksempler på dette ved mine overskrifter. H1 er den største overskrift, H2 den næst største osv. Dette er for at skabe hierarki så man ser den største/vigtigste overskrift først. Kontrast: Jeg har flere kontraster på min hjemmeside, bl.a. i logoet: sort/hvid. Derudover er der også kontrast i formerne, da jeg har et rundt logo, men en rektangel formet menu. Der er også en kontrast på forsiden, her har jeg teksten (statisk), men også en slider(dynamisk). Der er også størrelseskontrast på overskrifter og min tekst. Til slut ses der også en farvekontrast i menuen, imellem de to blå farver, så man kan se, hvilken side man befinder sig på. Linjer: Der er linjer i min menu, som går i en vandret linje. Luft: Der er luft over, under og i min menu. Derudover er der luft imellem tekst og hvert afsnit. Dette er med til at give større opmærksomhed, end hvis alt blot druknede i hinanden, ved at stå for tæt sammen. Lukkethed: Man kan se eksempler på lukkethed, fx. i min footer, og min div: (den der samler indholdet, med den hvide baggrund) Nærhed: Princippet om nærhed ses især på min menu. Selvom min menu og logo er to forskellige geometriske former, så kan man via. nærhed se, at menuen hænger sammen da de er tætte, og at logoet ikke hører sammen med menuen, da det står mere fjernt på siden (i venstre hjørne). Der ses også nærhed på siden om mig, da informationer står ved siden af billedet. Stod de helt til højre på siden, ville det være mere vanskeligt at vide, at de hang sammen.

32 6.1 Brug af programmer - Illustrator: Logo, CV, WBS, PBS, farveskema, billeder: udvælge størrelse, og gøre dem til png - Photoshop: billeder til png - Indesign: Wireframes, Mockups, Rapport - Edge Code: Kodning: HTML, CSS, jquery - Projekt libre: Gantt - Mindnote Lite: Mindmap - Filezilla: For at offentlige min hjemmeside - Dynamicdrive: Favicon, her brugt logo billeder - Validering: HTML: CSS:

33 6.2 Rapport Til rapporten har jeg brugt skriften: Avenir, som er sans-serif. Jeg har brugt Avenir Black til overskrifter, og Avenir Book til min tekst. Jeg valgt denne skrift, fordi at det er også er den typeface, som jeg bruger på min hjemmeside. Derudover er sans-serif, også egnet til online læsning. Jeg har brugt programmet Indesign til at lave min rapport i. Her har jeg valgt at lave den væltet format. Til slut har jeg omdannet min rapport til PDF og linket til den fra min hjemmeside. (Projekt 5: link til rapport)

Introduktion til designet for 100året

Introduktion til designet for 100året Introduktion til designet for 100året Version 1.0 Januar 2015 Side 1 Logoelementer + Logoet består af to elementer: Den runde roset og det store navnetræk "100året" i to linjer. Side 2 Primær logo til

Læs mere

NICOLE PIPER. Designguide

NICOLE PIPER. Designguide Designguide Titel: Nicole Piper Navn: Line Lundquist Årgang: 2010 Hold: 4DesI Vejleder: BIP og REB Studieretning: Design Studieelement: Iscenesættelse Designvalg Designet til Nicole Piper udspringer af

Læs mere

Arrangementer for børn. Vinter og forår 2013. Biblioteket. Gratis Billetter udleveres fra d. 1.2.13. Billetter udleveres i bibliotekets åbningstid

Arrangementer for børn. Vinter og forår 2013. Biblioteket. Gratis Billetter udleveres fra d. 1.2.13. Billetter udleveres i bibliotekets åbningstid Arrangementer for børn Vinter og forår 2013 Biblioteket Billetter udleveres i bibliotekets åbningstid Arrangementoversigt Arrangementoversigt Efterårsferien 2 www.biblioteket.sonderborg.dk Billetter udleveres

Læs mere

Engel Medium ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå 1234567890 &

Engel Medium ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå 1234567890 & DESIGNMANUAL 2015 DESIGNMANUAL 2015 FORENINGENS SKRIFT Engel Engel Light Engel Light italic Engel Regular Engel Regular italic Engel Medium Engel Medium italic Engel Bold Engel Bold italic Iqui sae numetur,

Læs mere

IKKE SÅ FIRKANTET BOLIGSELSKABET VISUEL IDENTITET 18 INSPIRATION IMAGECONSULT

IKKE SÅ FIRKANTET BOLIGSELSKABET VISUEL IDENTITET 18 INSPIRATION IMAGECONSULT IKKE SÅ FIRKANTET BOLIGSELSKABET VISUEL IDENTITET 18 INSPIRATION BOLIGSELSKABET VISUEL IDENTITET 19 INSPIRATION BOLIGSELSKABET VISUEL IDENTITET 20 INSPIRATION BOLIGSELSKABET VISUEL IDENTITET 21 INSPIRATION

Læs mere

GRAFISK WORKFLOW HOVEDFORLØB 2 AARHUS TECH 2014

GRAFISK WORKFLOW HOVEDFORLØB 2 AARHUS TECH 2014 GRAFISK WORKFLOW HOVEDFORLØB 2 AARHUS TECH 2014 G H1 H3 REDESIGN AF WEBSITE - FRU MØLLERS MØLLERI Processen 1. skal have optimeret deres website med en som får den position, som den skal have, hvis netaktiviteterne

Læs mere

DIN SCHRIFT 1451 Engschrift

DIN SCHRIFT 1451 Engschrift 1 Opgaven Opgaven gik up på at lave en ny identitet til en allerede eksisterende bar i indre København. Der skulle laves et nyt logo, til brug på facade samt paperline og diverse materialer. Det eneste

Læs mere

DESIGN MANUAL V.01 FrEDENSborG ForSyNING LoGo LoGo NEGAtIV LoGo Sort / hvid

DESIGN MANUAL V.01 FrEDENSborG ForSyNING LoGo LoGo NEGAtIV LoGo Sort / hvid Fredensborg forsyning Logo Logo negativ Logo sort / hvid Korrekt brug af Fredensborg forsyning Logo Verdana abcdefghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ 1234567890 &?!%/(.,;:) Konsekvent

Læs mere

grøn nuance og en rolig grå. Kontrasten er virkningsfuld men ikke for hård.

grøn nuance og en rolig grå. Kontrasten er virkningsfuld men ikke for hård. Designmanual Baggrund Logoet til Jammerbugt Asylafdeling er designet således, at der ikke indgår elementer, der alt for konkret illustrerer centrets virkefelt - dette ville nok også blive en meget vanskelig

Læs mere

FARVER PANTONE C: 179 C CMYK: 0/85/75/0. HEX: #f04d46 PANTONE U: 179 U CMYK AVIS: 0/85/75/0 RGB: 240/77/70 PANTONE U: 441 U CMYK AVIS: 15/5/15/0

FARVER PANTONE C: 179 C CMYK: 0/85/75/0. HEX: #f04d46 PANTONE U: 179 U CMYK AVIS: 0/85/75/0 RGB: 240/77/70 PANTONE U: 441 U CMYK AVIS: 15/5/15/0 DESIGNGUIDE 2014 FARVER 0/85/75/0 0/85/75/0 179 C 179 U 240/77/70 #f04d46 20/10/20/0 15/5/15/0 441 C 441 U 203/212/201 #d6dace 20/5/0/90 0/0/0/85 432 C 433 U 50/55/62 #32373e 0/0/0/7 0/0/0/7 Cool Gray

Læs mere

Papirlinie og identifikation

Papirlinie og identifikation Papirlinie og identifikation 2 12 14 6 2 10 pkt. størrelse / 1 pkt. linieafstand Vejnavn 8 10 pkt. størrelse / 1 pkt. linieafstand 10/1 Obit vendae endusci litaque des aut volum que ipsunt resectur? Poriaspedis

Læs mere

FORORD. Hvis du arbejder hos Odense Kommune kan du hente logo, farvekort, skabeloner mm. på OK! under Værktøj/Kommunikation.

FORORD. Hvis du arbejder hos Odense Kommune kan du hente logo, farvekort, skabeloner mm. på OK! under Værktøj/Kommunikation. DESIGNGUIDE 2014 FORORD Odense Kommunes designlinie Odense Kommunes logo og designlinie er opdateret i sommeren 2014 i samarbejde med bureauet Cosmographic. På de følgende sider finder du en guide til

Læs mere

Designguide. Januar 2012. center for døve designguide

Designguide. Januar 2012. center for døve designguide Designguide Januar 2012 LOGO.... 3 Logovarianter.... 4 Brug af logo.... 5 Luft om logoet.... 6 Farver.... 7 Skrifttyper 1.... 8 Skrifttyper 2.... 9 Visitkort.... 10 Brevpapir.... 11 Eksempel på brev....

Læs mere

http://www.varbergkusthotell.se

http://www.varbergkusthotell.se WEBSITE http://www.varbergkusthotell.se A5 FOLDER BOFÆLLESSKAB En hånd til at OVERSKRIFT1 komme godt videre Overskrift2 OPLEV AUGUST Sommeraktiviteter til familier i kommunen AFDELING vordingborg.dk VORDINGBORG

Læs mere

DESIGN MANUAL. Dansk Firmaidrætsforbunds grafiske linje

DESIGN MANUAL. Dansk Firmaidrætsforbunds grafiske linje DESIGN MANUAL Dansk Firmaidrætsforbunds grafiske linje 1 Udgiver og ansvarshavende Kommunikationsudvalget og Kommunikationsafdelingen Dansk Firmaidrætsforbund Februar 2012 - version 4 Udarbejdet af Kreativ

Læs mere

Billedbehandling. Horns of lilith

Billedbehandling. Horns of lilith Billedbehandling. Horns of lilith Hvad går opgaven ud på? Opgaven består af et fiktivt bogcover. Jeg har valgt at lave en fiktiv opgave, fordi jeg gerne ville vise nogle særlige funktioner i Photoshop.

Læs mere

Ihit alic te verfer o riorest iossitist im volutec epue alicil luptat si odit. Johan Jeppensen, hus D ÅBENT HUS

Ihit alic te verfer o riorest iossitist im volutec epue alicil luptat si odit. Johan Jeppensen, hus D ÅBENT HUS SPORTEN UNDERVISNING Fodbold drenge Fodbold piger LIVET Dans SINE Dans Performance KONTAKT Badminton Basketball Håndbold piger FACEBOOK Håndbold drenge BASKETBALL PÅ SINE På SINEs Basketballlinje kan du

Læs mere

STIE CYKELSUPERSTIER DESIGNMANUAL

STIE CYKELSUPERSTIER DESIGNMANUAL CYK SUP STIE DESIGNMANUAL Udkast 12. august 2010 INDHOLD formål: hovedbudskaber...... 3 identitet: logo.................. 4 typografi............. 5 fotostil............... 6 ANVENDELSE: outdoor..............

Læs mere

Praktisk afprøvning Observationsskema

Praktisk afprøvning Observationsskema Skole Adresse DK-Xxxx By CPH West Skagensgade 3 DK-2630 Taastrup Att: Peter Larsen Praktisk afprøvning Observationsskema Opgave 1: Dokumentation Sådan gør du: 1. Åbn et tekstbehandlingsprogram og opret

Læs mere

FDF Designguide v1.0 juni 2013. FDF Designguide. v1.0 juni 2013. Side 1

FDF Designguide v1.0 juni 2013. FDF Designguide. v1.0 juni 2013. Side 1 FDF Designguide v1.0 juni 2013 Side 1 LOGO FDFs logo er sammensat af et skjold og et navnetræk. Det er vigtigt, at skjold og navnetræk altid gengives sammen. FDFS PRIMÆRE LOGO Dette logo er det primære,

Læs mere

Forslag til grafisk linie

Forslag til grafisk linie 1 Forslag til grafisk linie Version 2 Udarbejdet af PAYOFF november 2014 2 OPGAVEN: Udarbejdelse af ideoplæg på grafisk look/visuel identitet, visualiseret på diverse gennemgående virkemidler til markedsføring

Læs mere

Ide, Vision og Mission

Ide, Vision og Mission Designmanual Ide, Vision og Mission Snack Fruit er en virksomhed, der vil gøre det lettere for medarbejdere, primært i kontor miljøer at kvitte slik frem for frugt og grønt. Grøntsagerne og frugterne er

Læs mere

Kulturguide i København

Kulturguide i København Kulturguide i København (Projekt Rejsekatalog Berlin ) Katrine Ide Olsson (KIO) - Kaol24 (I gruppe med Katrine Zacho) Mediegrafiker hold m24 KTS. Grafisk afdeling - Julius Thomsens gade praesentation-rejsekatalog.indd

Læs mere

Portfolio Mediegrafiker 1. hovedforløb 2015. Claus K. Hertz www.ckh.dk claus.hertz@gmail.com. 02 Grafisk Design

Portfolio Mediegrafiker 1. hovedforløb 2015. Claus K. Hertz www.ckh.dk claus.hertz@gmail.com. 02 Grafisk Design Portfolio Mediegrafiker 1. hovedforløb 2015 Claus K. Hertz www.ckh.dk claus.hertz@gmail.com 02 Grafisk Design Grafisk Design Designoplæg til grafikalt.dk Opgaven At udarbejde et forslag til logo for et

Læs mere

Beskrivelse af identitet Arkitekter Uden Grænser

Beskrivelse af identitet Arkitekter Uden Grænser Beskrivelse af identitet Arkitekter Uden Grænser Koncept Troværdighed Professionalisme Bæredygtighed Innovation Netværk Internationalt virke Kommunikation og dialog Engagement Handling / humanistisk Fleksibilitet

Læs mere

Indholdsfortegnelse. Forord Tone of voice Skrifter Logo Figurer Farver Mønstre Does and dont

Indholdsfortegnelse. Forord Tone of voice Skrifter Logo Figurer Farver Mønstre Does and dont Designmanual Indholdsfortegnelse Forord Tone of voice Skrifter Logo Figurer Farver Mønstre Does and dont Forord Grevespillet er inspireret af spøgeriet i den gamle labyrint på Egeskov Slot og designet

Læs mere

Forside Om Skjøde Vores byggerier Sådan arbejder vi Miljø & energi Job & karriere Kontakter Nyhedsarkiv

Forside Om Skjøde Vores byggerier Sådan arbejder vi Miljø & energi Job & karriere Kontakter Nyhedsarkiv Forside Om Skjøde Vores byggerier Sådan arbejder vi Miljø & energi Job & karriere Kontakter Nyhedsarkiv Nyt projekt på Odense Havn Fakta om lys og energi Rådgivning hele vejen rundt Nyhedsarkiv 10.05.11:

Læs mere

Spørgeskema om studietur til Berlin 2014

Spørgeskema om studietur til Berlin 2014 Skole Adresse DK-Xxxx By CPH West Skagensgade 3 DK-2630 Taastrup Att: Peter Larsen Spørgeskema om studietur til Berlin 2014 Guide til besvarelse: Sæt kryds ved det tilsagn, der passer bedst på din oplevelse,

Læs mere

Sammen skaber vi vækst i fynske møder. - Invitation til et strategisk forpligtende samarbejde 2015-2017 MØDEØEN FYN

Sammen skaber vi vækst i fynske møder. - Invitation til et strategisk forpligtende samarbejde 2015-2017 MØDEØEN FYN Sammen skaber vi vækst i fynske møder - Invitation til et strategisk forpligtende samarbejde 2015-2017 Over de næste 3 år vil vi investere 2,1 mio. kr. og en solid arbejdsindsats i at få danske mødegæster

Læs mere

ST RY AARHUS. Designmanual

ST RY AARHUS. Designmanual Designmanual Vi vil gå efter det almene i det specifikke, og finde den store historie i den lille historie (Konceptplanen, 2.2) INDHOLD Begrundelse for design 2 Farver 4 Farver, negativ print 6 Respektiv

Læs mere

1 Logo 8 Typografi 13 Farver 2 Primær logo. 9 Primær typografi 10 Sekundær typografi 11 12. Overskrifter Office typografi

1 Logo 8 Typografi 13 Farver 2 Primær logo. 9 Primær typografi 10 Sekundær typografi 11 12. Overskrifter Office typografi DESIGNGUIDE 1 Randers Kommune lancerer i 2015 et revitaliseret brand. I denne designguide præsenteres den visuelle identitet for brandet. Her kan du finde retningslinjer for, hvordan du kan implementere

Læs mere

Guide til brug af materialer ved den fællesoffentlige kampagne om digitalisering

Guide til brug af materialer ved den fællesoffentlige kampagne om digitalisering Guide til brug af materialer ved den fællesoffentlige kampagne om digitalisering Baggrund Med digitaliseringsstrategien 2011-2015 sker der en trinvis overgang til obligatorisk selvbetjening for ansøgninger

Læs mere

A logo abbr. of logotype, from Greek: λόγος (logos) word, idea. + Greek: τύπος (typos) imprint, picture. Kilde: eng. Wikipedia

A logo abbr. of logotype, from Greek: λόγος (logos) word, idea. + Greek: τύπος (typos) imprint, picture. Kilde: eng. Wikipedia GRAFISK DESIGN REDEGØRELSE { A logo abbr. of logotype, from Greek: λόγος (logos) word, idea } + Greek: τύπος (typos) imprint, picture. Kilde: eng. Wikipedia Opgaven Opgaven gik ud på at designe logo og

Læs mere

Udarbejdet af weltklasse. Designmanual

Udarbejdet af weltklasse. Designmanual Designmanual 1 Minimumsafstanden fra kanten af det gældende medie, bestemmes af logoets grafikdel. Respektafstand 2 Logoet kan bruges på hvid, sort og billedbaggrund Bruges logoet på billedbaggrund, er

Læs mere

Designmanual Opdateret 1. maj 2013

Designmanual Opdateret 1. maj 2013 Designmanual Opdateret 1. maj 2013 Blå Kors har brug for en stærk profil Blå Kors er en udadvendt organisation, og det er vigtigt, at vi gør et godt og ensartet indtryk, når vi kommunikerer. Derfor har

Læs mere

Landbrugets. virksomheder. mejerier. finans. slagterier. byggeri. traktorer. rådgivning. maskiner. forsikring. planteværn.

Landbrugets. virksomheder. mejerier. finans. slagterier. byggeri. traktorer. rådgivning. maskiner. forsikring. planteværn. slagterier mejerier byggeri traktorer maskiner planteværn foderstof rådgivning finans forsikring 3. sektion 02.09.2012 Landbrugets Banken: Nu tør vi igen Smeden: Det kan kun går fremad Foderstoffen: Vi

Læs mere

i hele Helsingør jorden M/S Museet for Søfart Et verdensberømt Oplevelses - kultur - og shoppingguide for hele Helsingør Kommune

i hele Helsingør jorden M/S Museet for Søfart Et verdensberømt Oplevelses - kultur - og shoppingguide for hele Helsingør Kommune i hele Helsingør Espergærde Offic tem nonsequas et volorem porerum ut et essus, cus, quas dolorpor Side 07 Hornbæk Offic tem nonsequas et volorem porerum ut et essus, cus, quas dolorpor Side 10 Helsingør

Læs mere

Indhold. Velkommen hos Masytec A/S. Centralsmøring. Manuel smøring. Smøreudstyr og smøremidler. Farveforsyningssytemer. Andet

Indhold. Velkommen hos Masytec A/S. Centralsmøring. Manuel smøring. Smøreudstyr og smøremidler. Farveforsyningssytemer. Andet Produktkatalog 2011 Indhold Centralsmøring Kædesmøring 8 Punktsmøring 9 Multi-Line & Progressive systemer 10 Single-Line system 13 Two-Line system 14 Manuel smøring Velkommen hos Masytec A/S Masytec A/S

Læs mere

typografi & ombrydning brochure til bek scooter

typografi & ombrydning brochure til bek scooter typografi & ombrydning brochure til bek scooter Portfolio h1 Side 26 brochure til bek scooter Opgaven BEK scooter kom til os og skulle have et redesign af deres brochure over deres udvalg af el-scootere.

Læs mere

Mangfoldighed. og kreativitet. Musik og god mad. Åbne værksteder og haver. Vi åbner døre til lokale oplevelser

Mangfoldighed. og kreativitet. Musik og god mad. Åbne værksteder og haver. Vi åbner døre til lokale oplevelser Mangfoldighed og kreativitet Musik og god mad Åbne værksteder og haver Vi åbner døre til lokale oplevelser 01 1 KOLOFON Velkommen til 01 Tag på besøg - se hvem der kan findes hvor... Dolorehe ndestiure

Læs mere

Ringkøbing Fjord Guide 2015 Velkommen

Ringkøbing Fjord Guide 2015 Velkommen Velkommen Kære Annoncør Vi fortsætter det høje ambitionsniveau for Ringkøbing Fjord Guiden! I 2015 sætter vi fokus på at skabe endnu mere tiltrækkende artikler og fotos, og vi optimerer guidens kortfunktion.

Læs mere

KFUM S SOCIALE ARBEJDES DESIGN SEPTEMBER 2O15

KFUM S SOCIALE ARBEJDES DESIGN SEPTEMBER 2O15 KFUM S SOCIALE ARBEJDES DESIGN SEPTEMBER 2O15 VELKOMMEN KFUM s Sociale Arbejde er en vidt forgrenet landsorganisation. Vi er mangfoldige både i fagligheder og personligheder. Netop derfor har vi brug for

Læs mere

Designmanual til brug for Vejen kommunes visuelle identitet

Designmanual til brug for Vejen kommunes visuelle identitet til brug for Vejen kommunes visuelle identitet 1 - Vejen Kommune - December 2006 - Revideret maj 2016 INDHOLD DESIGNMANUAL... 3 DE TRE VIGTIGE.... 5 KOMMUNEVÅBEN... 7 TYPOGRAFI.... 9 FARVER.... 11 ANNONCER....

Læs mere

UDKAST. BedreBolig-plan

UDKAST. BedreBolig-plan Rapportnr.: XXXXX Firmanr.: XXXXXX Dato: 00. måned 2014 BedreBolig-plan BEDREBOLIG-RÅDGIVER Virksomhedsnavn Navn Navnesen Gadevej 123 1234 By E-mail Tlf.nr. BOLIGEJER Navn Navnesen Gadevej 123 1234 By

Læs mere

Guide til brug af materialer ved den fællesoffentlige kampagne om digitalisering

Guide til brug af materialer ved den fællesoffentlige kampagne om digitalisering Guide til brug af materialer ved den fællesoffentlige kampagne om digitalisering Baggrund Med digitaliseringsstrategien 2011-2015 sker der en trinvis overgang til obligatorisk selvbetjening for ansøgninger

Læs mere

Forside. Republikken. Om republikken Indbyggere Projekter Arrangementer. Bliv indbygger Booking Søg

Forside. Republikken. Om republikken Indbyggere Projekter Arrangementer. Bliv indbygger Booking Søg Forside volorepero Nos sitas id molorib eatempor moloreptia cume vent, sinullo ressentius ex ent omnimol estrumquas niendeliatet pliquo qui quidit quia apiet alitatem aliqui conet por solorerion nihitiatet

Læs mere

Designguide til brug af Aalborg Kommunes visuelle identitet. November 2013, version 1.0

Designguide til brug af Aalborg Kommunes visuelle identitet. November 2013, version 1.0 Designguide til brug af Aalborg Kommunes visuelle identitet November 2013, version 1.0 Aalborg Kommune design guide Side 2 Aalborg Kommunes dialog med borgere, erhvervsliv og medarbejdere skal altid være

Læs mere

Indhold. Grundelementer. Typografi. Farver. Logo & logovariationer. Identitetselementer. Informationsgrafik. Diagrammer. Grafer. Tabeller.

Indhold. Grundelementer. Typografi. Farver. Logo & logovariationer. Identitetselementer. Informationsgrafik. Diagrammer. Grafer. Tabeller. BEJS Designmanual Indhold Indhold Grundelementer Typografi Farver Logo & logovariationer Identitetselementer Informationsgrafik Diagrammer Grafer Tabeller Trykt medie Visitkort Konvolutter Brevpapir Annoncer

Læs mere

Grafisk manual. - med skabeloner til lokal brug

Grafisk manual. - med skabeloner til lokal brug Grafisk manual - med skabeloner til lokal brug INDHOLDSFORTEGNELSE Lidt forklaring til logo, farver og papirvalg 2 Logo 3 Brevpapir og faktura 4 Power Point skabelon 5 Foldere og brochurer 6 Grafisk element

Læs mere

Produkt. GRAFISK workflow

Produkt. GRAFISK workflow Grafisk workflow Produkt Redegørelse OPGAVEN Min veninde Camilla og hendes kæreste Simon skal giftes til sommer, og i den anledning ville hun gerne have mig til at designe deres bryllupsinvitation. KUNDEKONTAKT

Læs mere

DESIGNMANUAL Redesign Vesthimmerlands Kommune 2013

DESIGNMANUAL Redesign Vesthimmerlands Kommune 2013 DESIGNMANUAL Redesign 2013 INDHOLD Farver... 3 Typografi... 7 Logo/Kommunevåben... 10 Papirlinje... 14 Her finder du det grafiske materiale... 25 Brochuremateriale... 26 Sådan bruger du Indesign skabelonerne...

Læs mere

Designmanual. KØBENHAVN Wildersplads 9 G 1403 København K Tlf. xx xx xx xx Email: xxxxxxxxxxx

Designmanual. KØBENHAVN Wildersplads 9 G 1403 København K Tlf. xx xx xx xx Email: xxxxxxxxxxx Designmanual ODENSE Hvidkærvej 23 B 5250 Odense SV Tlf. 70 200 222 www.agidon.dk HJØRRING Sct. Cathrine Vej 21 9800 Hjørring KØBENHAVN Wildersplads 9 G 1403 København K RANDERS Engboulevarden 30 8960 Randers

Læs mere

grafisk design esti odi te vero dolupta Jeg tentur har valg emballagedesign som valgfag i forbindelse med en skoleperiode.

grafisk design esti odi te vero dolupta Jeg tentur har valg emballagedesign som valgfag i forbindelse med en skoleperiode. forside doluptam, inciam samusam, modisit iaectus expeligniae heni ssimus ad magni omnihil s cum fugiti voluptas ex est, esti odi te vero dolupta Jeg tentur har valg emballagedesign som valgfag i forbindelse

Læs mere

Med kærlighed. - til den gode fisk - til den autentiske mad - til havet og naturen - til Svaneke og Bornholm

Med kærlighed. - til den gode fisk - til den autentiske mad - til havet og naturen - til Svaneke og Bornholm Med kærlighed - til den gode fik - til den autentike mad - til havet og naturen - til Svaneke og Bornholm LOGO - Farver PRIMÆRFARVER VIOLET PANTONE: 5285 C E194-6 CMYK: 45-35-0-15 RGB: 138-145-187 BLÅ

Læs mere

DESIGNGUIDE. August 2016

DESIGNGUIDE. August 2016 DESIGNGUIDE August 2016 Designguide Indhold Indhold 01 02 03 04 05 06 07 08 09 11 12 13 14 15 17 Logo Logofarve Logorespektafstand Indbyrdes størrelsesforhold for logoer Farver Typografi Supergrafik Margin

Læs mere

Michella+Serritzlew+Jacobsen+

Michella+Serritzlew+Jacobsen+ Designmanual+ Afsluttende+projekt+1.+Semester++ Michella+Serritzlew+Jacobsen+ CopenhagenBusinessAcademy 1.Semester MichellaSerritzlewJacobsen MULB Indholdsfortegnelse PBS...3 WBS...3 Brainstorm...4 Wireframes...5

Læs mere

Vordingborg Kommune DESIGNMANUAL

Vordingborg Kommune DESIGNMANUAL Vordingborg Kommune DESIGNMANUAL Vordingborg Kommune Designmanual 1. udgave, 1. oplag Vordingborg Kommune Afdeling for Strategi og Implementering Valdemarsgade 43, 4760 Vordingborg www. Design koncept:

Læs mere

Pressemeddelelsen. - et bedre sted at lære

Pressemeddelelsen. - et bedre sted at lære Pressemeddelelsen Hvad er en pressemeddelelse? Definition på pressemeddelelse Der skal være en nyhed. En genre, der med sproglige og evt. visuelle virkemidler formidler en nyhed om et produkt, en begivenhed

Læs mere

Med Erhvervsavisen Fyn rammer du direktører og beslutningstagere i de fynske virksomheder:

Med Erhvervsavisen Fyn rammer du direktører og beslutningstagere i de fynske virksomheder: Med Erhvervsavisen Fyn rammer du direktører og beslutningstagere i de fynske virksomheder: Gratis erhvervsavis målrettet det fynske erhvervsliv Rammer ind i 87.000* beslutningstagere i de fynske virksomheder

Læs mere

Motivér med mobilen TEMA: SMART CODES I UNDERVISNINGEN. Få hele historien bag Smart Tables. Hvordan får man fyret op under de unge? 15.

Motivér med mobilen TEMA: SMART CODES I UNDERVISNINGEN. Få hele historien bag Smart Tables. Hvordan får man fyret op under de unge? 15. 15. Marts 2009 # 1 Få hele historien bag Smart Tables Motivér med mobilen Hvordan får man fyret op under de unge? TEMA: SMART CODES I UNDERVISNINGEN IT & Undervisning 1 Tema om smart codes i undervisningen

Læs mere

Udover denne simple tidsplan har jeg også lavet et GANTT-kort for at vise den reelle tid jeg har brugt på hver opgave.

Udover denne simple tidsplan har jeg også lavet et GANTT-kort for at vise den reelle tid jeg har brugt på hver opgave. Portfolioudvikling Planlægning Da jeg startede på projektet lavede jeg en tidsplan, til at starte med gav jeg de forskellige opgaver lidt ekstra tid eftersom jeg synes man altid formår at bruge lidt mere

Læs mere

Målgruppe Gruppen er stor. Det er både eksisterende og fremtidige kunder hos Ole Fly Reklamebureau. Unge, som gamle.

Målgruppe Gruppen er stor. Det er både eksisterende og fremtidige kunder hos Ole Fly Reklamebureau. Unge, som gamle. Grafisk design Opgaven Grafisk identitet til Ole Fly Reklambureau. Min elevplads blev delt til to virksomheder i august 2012, og jeg kom med over i den virksomhed, som startede på en helt frisk. Så jeg

Læs mere

OPGAVEN FORMAT OG KVALITET TRYKDETALJER OFFSETTRYK VS. DIGITALTRYK VÆRKTØJER:

OPGAVEN FORMAT OG KVALITET TRYKDETALJER OFFSETTRYK VS. DIGITALTRYK VÆRKTØJER: OPGAVEN Kontrol og klargøring af kundens fremsendte PDF til trykken. Jeg har konverteret farverummet til CMYK og udarbejdet en lakform til partiel uv - lak. Skrifter er embeded Korrekt format og orientering

Læs mere

Digital designmanual / tredjepartsløsninger/version 1.0 / Region Hovedstaden

Digital designmanual / tredjepartsløsninger/version 1.0 / Region Hovedstaden Digital designmanual / tredjepartsløsninger/version 1.0 / Region Hovedstaden INDHOLDSFORTEGNELSE / TREDJEPARTS INTEGRERING DIGITALE DESIGNELEMENTER Grundelementer Logo og navnetræk Farver Typografi Billedestill

Læs mere

CASPER GEIPEL JENSEN

CASPER GEIPEL JENSEN CASPER GEIPEL JENSEN INDHOLDSFORTEGNELSE OPGAVEBESKRIVELSE...3 SPECIFIKATIONER...3 RESEARCH...3 DESIGN...3 MÅLGRUPPE: MINERVA MODEL...4 SWOT...4 INSPIRATION...5 NAVN...5 LOGO SKITSER...5 LOGO...6 LOGO

Læs mere

NEWSTYLE VISUEL IDENTITET

NEWSTYLE VISUEL IDENTITET NEWSTYLE VISUEL IDENTITET DESIGNMANUAL 2015 Designmanulen beskriver overordnede retningslinjer og regler for de grundlæggende elementer i NEWSTYLE s visuelle identitet; logo, farver, typografi, digital-

Læs mere

KTC.dk Annonceinformation 2017

KTC.dk Annonceinformation 2017 KTC.dk Annonceinformation 2017 #01 JANUAR 2017 SKAB RESULTATER PÅ KTC.DK BANNERE PÅ KTC.DK: Formater og priser fra 1. januar 2017 NYE PRODUKTER: Annoncer i digitale udgaver af magasinet TEKNIK & MILJØ

Læs mere

CAMPUS ODENSE EN BYDEL FULD AF VIDEN

CAMPUS ODENSE EN BYDEL FULD AF VIDEN Campus Odense CAMPUS ODENSE EN BYDEL FULD AF VIDEN Cortex Park er en bydel for dig, der vil være tættest muligt på den nyeste viden, de største talenter og de stærkeste forskere. Cortex Park er en del

Læs mere

OPGAVEN Y ELL O W G REN A D E

OPGAVEN Y ELL O W G REN A D E YELLOW GRENADE OPGAVEN Nick Christiansen kontaktede mig på Facebook. Han havde set mit coverbillede, (ulven ses på modstående side) som jeg har tegnet i Illustrator. Han var helt vild med ulven, der udelukket

Læs mere

Portfolioudvikling. Line la Fontaine. Multimediedesigner

Portfolioudvikling. Line la Fontaine. Multimediedesigner Portfolioudvikling Line la Fontaine Multimediedesigner Indholdsfortegnelse - Designvalg s. 1-9 - Målgruppe s. 1 - Wireframes/skitser s. 1-5 - Informationsarkitektur s. 6-7 - Farver s. 8 - Typografi s.

Læs mere

FARVER PANTONE C: 179 C CMYK: 0/85/75/0. HEX: #f04d46 PANTONE U: 179 U CMYK AVIS: 0/85/75/0 RGB: 240/77/70 PANTONE U: 441 U CMYK AVIS: 15/5/15/0

FARVER PANTONE C: 179 C CMYK: 0/85/75/0. HEX: #f04d46 PANTONE U: 179 U CMYK AVIS: 0/85/75/0 RGB: 240/77/70 PANTONE U: 441 U CMYK AVIS: 15/5/15/0 DESIGNGUIDE 2016 FARVER 0/85/75/0 0/85/75/0 179 C 179 U 240/77/70 #f04d46 20/10/20/0 15/5/15/0 441 C 441 U 203/212/201 #d6dace 20/5/0/90 0/0/0/85 432 C 433 U 50/55/62 #32373e 0/0/0/7 0/0/0/7 Cool Gray

Læs mere

Design manual 2013 Version 1.0-2013

Design manual 2013 Version 1.0-2013 Design manual 2013 Version 1.0-2013 DK-CAMP, Designmanual og visuel identitet Denne designmanual er udarbejdet i november 2013 og er gældende for DK-CAMP. Formålet med designmanualen er, at DK-CAMP har

Læs mere

Designmanual 2014 // Version 1.0. Indholdsfortegnelse

Designmanual 2014 // Version 1.0. Indholdsfortegnelse Designmanual 2014 Indholdsfortegnelse Forord.... 3 Bomærke... 4 Logo - variant 1... 5 Logo - variant 2... 7 Logoregler... 8 Anvendelse af bomærke + navn... 9 Vores payoff... 10 Payoff + bomærke...............................................................................

Læs mere

Portfolio redesign. Kia Dahlen! cph-kd51@cphbusiness.dk! 1. semester eksamen! MUL-A 2013! !!! www.mul17.itkn.dk/portfolio/index.html!

Portfolio redesign. Kia Dahlen! cph-kd51@cphbusiness.dk! 1. semester eksamen! MUL-A 2013! !!! www.mul17.itkn.dk/portfolio/index.html! Portfolio redesign Kia Dahlen cph-kd51@cphbusiness.dk 1. semester eksamen MUL-A 2013 www.mul17.itkn.dk/portfolio/index.html Underviserer: Ditlev Skanderby Frederik Tang Ian Wisler-Poulsen Jesper Hinchely

Læs mere

Digital designmanual / tredjepartsløsninger/version 1.0 / Region Hovedstaden

Digital designmanual / tredjepartsløsninger/version 1.0 / Region Hovedstaden Digital designmanual / tredjepartsløsninger/version 1.0 / Region Hovedstaden INDHOLDSFORTEGNELSE / TREDJEPARTS INTEGRERING DIGITALE DESIGNELEMENTER Grundelementer Logo og navnetræk Farver Typografi Billedestill

Læs mere

Målgruppe Gruppen er stor. Det er både eksisterende og fremtidige kunder hos Ole Fly Reklamebureau. Unge, som gamle.

Målgruppe Gruppen er stor. Det er både eksisterende og fremtidige kunder hos Ole Fly Reklamebureau. Unge, som gamle. Grafisk design Mit digitale produkt er olefly.dk som hører under grafisk design Opgaven Grafisk identitet til Ole Fly Reklambureau. Min elevplads blev delt til to virksomheder i august 2012, og jeg kom

Læs mere

Dalbygaard er en afdeling af Resen Skoles specialklasser. Dalbygaard er et skoletilbud til børn og unge

Dalbygaard er en afdeling af Resen Skoles specialklasser. Dalbygaard er et skoletilbud til børn og unge Design guide INDHOLDSFORTEGNELSE Introduktion..................... 1 Farver.......................... 2 Billeder......................... 3 Logo Bomærke..................... Navnetræk....................

Læs mere

KØKKENBORDPLADER. K-bord/1301

KØKKENBORDPLADER. K-bord/1301 KØKKENBORDPLADER DuPont Corian FormaCor K-bord/1301 Kundetilpassede bordplader i højeste kvalitetsniveau Overvej kortere overskrift QualityBrands.dk er din danske bordpladespecialist. Vores produktion

Læs mere

FORORD. På de følgende sider bliver du præsenteret for City Odenses grafisk profil i form af en designmanual.

FORORD. På de følgende sider bliver du præsenteret for City Odenses grafisk profil i form af en designmanual. DESIGNMANUAL FORORD På de følgende sider bliver du præsenteret for City Odenses grafisk profil i form af en designmanual. Den er en vejledning i hvordan logo, typografi, biledstil, grafisk elementer, farver,

Læs mere

Designguide April 2015 2. udgave. Designguide Mødrehjælpen

Designguide April 2015 2. udgave. Designguide Mødrehjælpen April 2015 2. udgave Designguide Mødrehjælpen Introduktion Rolig Nærværende Håb Enkel Troværdig Professionel Det er ordene, som underbygger Mødrehjælpens design. Designet finder du i denne guide, som er

Læs mere

Nivå Bibliotek og Medborgercenter. Fredensborg Bibliotekerne Erfaringer og gode råd om Familieklubben Oplæg til Kick-off seminar d. 27.3.

Nivå Bibliotek og Medborgercenter. Fredensborg Bibliotekerne Erfaringer og gode råd om Familieklubben Oplæg til Kick-off seminar d. 27.3. Nivå Bibliotek og Medborgercenter Fredensborg Bibliotekerne Erfaringer og gode råd om Familieklubben Oplæg til Kick-off seminar d. 27.3.2015 Fakta om Fredensborg Kommune Ca. 40.000 indbyggere 4 biblioteker

Læs mere

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation Portfolioudvikling I denne rapport vil du kunne læse om mit porfolios tilblivelse. Det skal give læseren indblik i mine designvalg og hele processen bag projektet. Hjemmesiden er kodet fra bunden i HTML

Læs mere

Sund Sport Visuel identitet & kommunikation. Maria Ekelund, Thomas Riis, Stephanie Rosborg, Rasmus Seye

Sund Sport Visuel identitet & kommunikation. Maria Ekelund, Thomas Riis, Stephanie Rosborg, Rasmus Seye Sund Sport Visuel identitet & kommunikation Maria Ekelund, Thomas Riis, Stephanie Rosborg, Rasmus Seye Indholdsfortegnelse 1.0 Problemformulering 1.1 Afgrænsning 1.2 Læringsmål 1.3 Tidsplan 2.0 Kommunikationsplan

Læs mere

Loven om nærhed (proximity) Loven om afslutning (closure) Loven om ensartethed (similarity) Loven om kontinuitet (continuity)

Loven om nærhed (proximity) Loven om afslutning (closure) Loven om ensartethed (similarity) Loven om kontinuitet (continuity) gestalt lovene Loven om nærhed (proximity) Loven om afslutning (closure) Loven om ensartethed (similarity) Loven om kontinuitet (continuity) Loven om nærhed elementer der står tæt på hinanden opfattes

Læs mere

DESIGNGUIDE KORT TIL FREMTIDEN FØLG DIN NATUR

DESIGNGUIDE KORT TIL FREMTIDEN FØLG DIN NATUR DESIGNGUIDE KORT TIL FREMTIDEN FØLG DIN NATUR INDHOLD Introduktion... 3 GRUNDELEMENTER Kommunikationens opbygning... 5 Byvåben... 6 Sproget... 7 Typografi... 8 Farver... 9 Billeder... 10 Kortet... 11 RETNINGSLINJER

Læs mere

Visuel identitet 2014

Visuel identitet 2014 Visuel identitet 2014 Forord Design skaber forståelse Vores visuelle identitet er den måde, som omverdenen, vores medlemmer og medarbejdere opfatter Sygeplejestuderendes Landssammenslutning på. Derfor

Læs mere

Verdens største tal Lær talrækken med musik

Verdens største tal Lær talrækken med musik Verdens største tal Lær talrækken med musik Matematiksange.dk 2012 Anders Graae & Janus Halkier 1. oplag Ide & tekst: Janus Halkier Tekst og musik: Anders Graae Producer: Carsten Nielsen Grafik & Musik

Læs mere

Grafisk Design. Dokumentation

Grafisk Design. Dokumentation Opgaven Jeg har valgt og lave et fiktivt firma, muligvis nogle ideer eller design jeg kan bruge senere, som skal omhandle grafisk design. Der skal laves en identitets branding, med henblik på at fremstille

Læs mere

Et krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl.

Et krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl. Indledning Mit sidste projekt her på 1.semester gik ud på at jeg skulle lave et redesign af mit første portfolio, som jeg lavede i starten af semesteret. Formålet var at vise hvad jeg havde lært siden

Læs mere

Sådan bruger du UCC s designlinje. Designmanual

Sådan bruger du UCC s designlinje. Designmanual * Sådan bruger du UCC s designlinje Designmanual side 2 Forord Professionshøjskolen UCC har fået ny designlinje, der først og fremmest markerer, at UCC er en væsentlig, stærk og samlet uddannelsesorganisation

Læs mere

4. DEC 5. DEC 8. DEC 2014

4. DEC 5. DEC 8. DEC 2014 1. DEC I dag fik jeg opgavebeskrivelsen og fik et overblik over, hvad der skal laves, ved at gennemgå opgavebeskrivelsen, samt lave en brainstorm og PBS. Jeg er i gang med at finde et alternativ til programmet

Læs mere

grafisk // design // d k sign

grafisk // design // d k sign gr a fis grafisk e // d k sign grafisk vinbog / redegørelse / brainstorm og inspiration / farver, fonte og logo / layout / opslag / omslag HVAD? Design og opsætning af et fiktivt magasin, Plus, hvor design

Læs mere

DESIGNMANUAL Til brug ved ekstern annonceproduktion i forbindelse med lokalannoncering

DESIGNMANUAL Til brug ved ekstern annonceproduktion i forbindelse med lokalannoncering DESIGNMANUAL Til brug ved ekstern annonceproduktion i forbindelse med lokalannoncering Download alt materiale på: Irma.dk/designmanual Eksempler på Der bruges som hovedregel packs. Det vigtigste er at

Læs mere

T o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26

T o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26 T o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26 Indholdsfortegnelse - Intro - Mindmap - Designvalg - Farvevalg - Logo - Ensartethed - Farver - Det gyldne snit - Fleksibilitet & brugbarhed

Læs mere

abcdef ghijklm nopqrstu vwxyzæøå Univers, 47 Light Condensed abcdef ghijklm nopqrstu vwxyzæøå Univers LT, 39 Thin Ultra Condensed

abcdef ghijklm nopqrstu vwxyzæøå Univers, 47 Light Condensed abcdef ghijklm nopqrstu vwxyzæøå Univers LT, 39 Thin Ultra Condensed grafisk design 1 Fynske Medier / BASE er et bolig- og livsstilsmagasin. Et magasinet om det gode liv i boligen. BASE besøger spændende fynske hjem og ikke mindst de mennesker, der bor der. Ser på trends

Læs mere

1. Semester afsluttende Projekt Charlotte Bruhn MUL A December Januar 2015

1. Semester afsluttende Projekt Charlotte Bruhn MUL A December Januar 2015 1. Semester afsluttende Projekt Charlotte Bruhn MUL A December 2014 - Januar 2015 Redesign af online portfolio www.cbruhn.dk Side 1 Indholdsfortegnelse Formål 3 Planlægning 4 Designvalg 5 Moodboard 6 Informationsarkitektur

Læs mere

Portfolio Redesign Kamilla Klein 1. Semester eksamen

Portfolio Redesign Kamilla Klein 1. Semester eksamen 2014 Portfolio Redesign Kamilla Klein 1. Semester eksamen Lærene: Ditlev Skanderby Frederik Tang Ian Wisler- Poulsen Jesper Hinchely Merete Geidemann Lützen Morten Rold Thomas Hartmann Erhvervsakademiet

Læs mere

Tekst. Randers Ungdomsskole. Designmanual. Randers Kommune

Tekst. Randers Ungdomsskole. Designmanual. Randers Kommune Tekst Designmanual Kommune 2 Tekst Designmanual Tekst 3 Indhold Identitet.... s. 4 Vision, målsætning og værdier... s. 4 Logo................................. s. 5 Farver... s. 5 Typografi / Skrifter...

Læs mere

INTRODUKTION AVVs grafiske identitet

INTRODUKTION AVVs grafiske identitet AVVs designguide Side 2 INTRODUKTION AVVs grafiske identitet Hvorfor en designguide? Denne designguide skal sikre størst mulig visuel sammenhæng i AVVs samlede informations- og kommunikationsaktiviteter

Læs mere