Grafi sk Design Grafi sk Design

Transkript

1 Grafisk Design Grafisk Design

2 3 Grafisk design Grafisk Design 4 Opgave beskrivelse Design udgangspunkt Kongehusets nuværende hjemmeside, med en fiktiv bannerreklame for deres ny lancerede smartphone app. Kongehuset ønskede sig en app, som skulle være en forlængelse af deres hjemmeside, for at nå ud til en større og yngre publikum. I opgaven var der en stor del identitets design samt kampagnemateriale til at gøre brugerne opmærksomme på lanceringen af app en. Skan koden med en QR skanner for at gå til Appstore eller Google Play.

3 5 Grafisk design Grafisk Design Design af den royale app App ens sitemap Kongehusets app designet i henhold til stil og ønske om elegance, brugervenlighed og genkendelighed fra eksisterende hjemmeside. I fællesskab med kunden udviklede vi løsningen til Kongehuset. Fra forsiden var der adgang til alle vigtige hovedkategorier. Jeg har bidraget med indput til sitemappet. Sitemap 6

4 7 Grafisk design Grafisk Design 8 Forudgående skitser og tegninger Processen omkring designet Video er lagt sammen med foto og vi har omdøbt den til billeder (arbejdstitel) Der skal kunne vises horisontale og vertikale billeder Mulighed for at se galleri som billedshow Arbejdsskitser efter en del korrekturgange med kunden. Herefter gik jeg i gang med at designe farver, placere elementer og stramme skitserne op og tilpasser dem til mobil formatet. Kunden havde en medieafdeling vi samarbejdede med. Vi programmerede den tekniske del bag appen, som vi hostede og vi hentede indhold fra Bystedet, som varetager Kongehusets hjemmeside. Ud fra dette API (Application programming interface) skabte vi det ønskede udtryk og guidede dem i design og funktioner på de respektive platforme, ios og Android. Vi brugte her en model som hedder Model view controller (MVC). Jeg guidede designretningen egenhændigt. Den røde tråd skulle være genkendeligheden og farveholdningen blev den sandfarvede, røde og grå farve, som allerede er på Kongehusets hjemmeside. Fonte blev valgt ud fra, hvad der var teknisk muligt. Intro: Splash screen og forside To bud på splash creens Splash/velkomstskærmen på app en væsentlig del af udtrykket. Den skulle fordre forventningen om indhold og være behagelig at kigge på, samt informativ omkring indholdets download.

5 9 Grafisk design Grafisk Design 10 Størrelses wireframe Retina opsætning Kode eksempel 640x40 px - ios statusbar 640x88 px - top navigation 54x56 px 640x380 px - main news cell 640x150 px - main news text cell 640x10 px - red border between top news and small news 640x40 px - category bar 640x120 px - Small news 1 640x120 px - Small news 2 640x120 px - Small news 3 640x120 px - Small news 4 640x100 px - tabbar main menu

6 11 Grafisk design Grafisk Design 12 Farver og ikoner Ikon designskitser For at holde på det stærke grafiske udtryk, var det nødvendigt at lave elementer som var holdt i farvetemaer. CMYK: Hex: RGB: Design skitser for 2 af Mere tabbens ikoner. Den øverste er et tårn fra den københavnske skyline redesignet til at blive mere ikoniseret. Størrelsesforhold og detaljegrad var det sværeste ved denne slags design. Det nederste ikon er den royale familie. Her ville vi lave et unikt ikon, som vises med regentparret forest og familien bag dem. CMYK: Hex: RGB: Arial: Teaser tekst (14 pt, grå) Dato stempel (11 pt, rød) Times New Roman: Top news (19 pt, white ) Kategorier (15 pt, versaler, grå) CMYK: Hex: e4e1db RGB:

7 13 Grafisk design Grafisk Design Kampagne produkter Fiktiv web banner reklame til den eksisterende hjemmeside, som den kunne have set ud. Her er inspirationen hentet fra Go-carded. En flyer fra Kongehuset, hvor man kan læse om deres produkter. Se bilag 1 Grafisk Design Plakat P lakater, som viser starten af appen, imens den loader, blev kreeret. Den var tiltænkt primært anvendt til ophængning, og den ville let kunne modificeres til eventuelt et busstoppested eller lignende aggregater til reklame hold. De blev dog ikke anvendt på grund af en manglende klausul herom. Kongehusets app B erlingske har udviklet et grafisk design i forbindelse med lanceringen af den royale app. Det skal gøre Kongehusets mere tilgængeligt for den almene dansker og især den yngre generation af royalister. I denne pamflet får du et indblik i produkterne lavet i forbindelse med udgivelsen af app en. Kongehuset 14

8 17 Grafisk design Grafisk Design Go carded skulle havde en smule anderledes layout i en mere moderne og ung stil. Samtidig holdt jeg på formerne fra deres udtryk, og det resulterede i, at vi ændrede fonttypen til en mere moderne font, familiar pro. Fonten har en god bredde med karakteristisk genkendeligt snit i formen med afstandstagen fra en serif skrift til en grotesk. Se bilag 3 Grafisk Design. Danskernes billeder Send dit billede til Kongehuset Kongehusets app Læs nyheder Følg med i kalenderen Se fotos og video Send dit billede til Kongehuset Find information om Kongehusets historie, det danske monarki, de kongelige slotte, de historiske samlinger m.m. Plakat til ophæng på togstationer, busstoppesteder samt reklamesøjler. Se bilag 2 plakatrør, Grafisk Design. Download appen her Scan QR koden Søg på Kongehuset Kongehuset 16