Konceptudvikling final
-
Upload
taws-digital -
Category
Design
-
view
1.076 -
download
2
description
Transcript of Konceptudvikling final
![Page 1: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/1.jpg)
KONCEPTUDVIKLINGTIL DIGITALE MEDIER
TRENDS, METODER OG VÆRKTØJER
Anna Taws, digital designerJonas Friisberg Nielsen, kommunikationsrådgiver
![Page 2: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/2.jpg)
65 medarbejdere i København, Århus og Malmø.
Fokus på strategisk rådgivning og løsning af integrerede kommunikations- og udviklingsopgaver for private og offentlige virksomheder
Bysted er med sine 20 år i branchen en velkonsolideret virksomhed, både økonomisk og fagligt. Bysted er en del af Intellecta AB
Bysted har indgået en strategisk alliance med Force Technology’s Human factors specialister og produktdesignerne Harrit-Sørensen ASi navnet MANFAC
THE BASIC FACTS
Kort om os
![Page 3: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/3.jpg)
Kort om os - SPIDSKOMPETENCERNE
Kampagne & PR
Analyse & Strategi
Visuel identitet
DesignManagement
Finansielkommunikation
Oplevelses-kommunikation
Teknisk rådgivning-og implementering
Digital Kommunikation
![Page 4: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/4.jpg)
DEN MEDIEREDEOPLEVELSE
![Page 5: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/5.jpg)
De oplevelser vi skaber, påvirkes af det medie, vi kommunikerer i
http://www.flickr.com/photos/hulk4598/3405941761/
![Page 6: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/6.jpg)
5Tendenserfor det digitalemedie…
![Page 7: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/7.jpg)
Det mobile internet
1
http://www.flickr.com/photos/gonzalobaeza/4096799964/
![Page 8: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/8.jpg)
Større muligheder for mobilitet
3G4G
![Page 9: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/9.jpg)
Oplevelser knyttes til sted…
![Page 10: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/10.jpg)
Augmented reality…
http://www.flickr.com/photos/turkletom/4325703868/sizes/l/
![Page 11: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/11.jpg)
Touchscreen grænseflader…
http://www.flickr.com/photos/aperturismo/4488250788/
![Page 12: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/12.jpg)
Påvirkning af tekniske formater…
http://www.flickr.com/photos/allaboutgeorge/4579793448/
![Page 13: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/13.jpg)
Socialt2
http://www.flickr.com/photos/suvcougar/1273657633/sizes/o/
![Page 14: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/14.jpg)
Community og deltagelse…
![Page 15: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/15.jpg)
Brugergenereret indhold…
![Page 16: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/16.jpg)
Det mobile internet
1
Adfærds-formende design
3
http://www.flickr.com/photos/bluesquarething/3596988489/sizes/l/
![Page 18: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/18.jpg)
Remix4
![Page 19: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/19.jpg)
Remedieret indhold…
![Page 20: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/20.jpg)
5 Rigere medieindhold
http://www.flickr.com/photos/cyberdees/2618269398/sizes/l/
![Page 21: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/21.jpg)
Mange formidlingsmuligheder…
![Page 22: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/22.jpg)
Det betyder alt sammen noget for den måde, brugerne anvender mediet…
![Page 23: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/23.jpg)
Forventningshorisont og tålmodighed har flyttet sig…
![Page 24: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/24.jpg)
Der er kommet rigtig mange om buddet…
![Page 25: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/25.jpg)
Digital intimitet og ambient awareness
www.boingboing.net
![Page 26: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/26.jpg)
Vi bruger flere platforme til at tilgå medieindholdet…
![Page 27: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/27.jpg)
Brugskonteksten ændrer sig…
http://www.flickr.com/photos/ahyatt/3196068902/
![Page 28: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/28.jpg)
…og det gør det alt sammen (endnu mere) vigtigt
med et nuanceret syn på brugerne
![Page 29: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/29.jpg)
Traditionel marketing:
Den forsvarsløse modtager
http://www.flickr.com/photos/visbeek/2348285288/
Peter Merholz m.fl.: Subject to Change (2008), O’Reilly
![Page 30: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/30.jpg)
Økonomiske modeller
Nyttemaksimerende rationel adfærd
http://www.flickr.com/photos/tao_zhyn/442965594/
Peter Merholz m.fl.: Subject to Change (2008), O’Reilly
![Page 31: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/31.jpg)
Human Computer interaction
Adfærd baseret på fastlagte mål og opgaver
http://www.flickr.com/photos/torley/2587091353/
Peter Merholz m.fl.: Subject to Change (2008), O’Reilly
![Page 32: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/32.jpg)
Ikke helt forkert, men…Mennesker er trods alt mere komplekse
![Page 33: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/33.jpg)
Det gode koncept bør (også) tage højde for:- Følelser
- Kontekst
- Hverdagsliv
http://www.flickr.com/photos/janet_calcaterra/266571955/sizes/o/
![Page 34: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/34.jpg)
Det gode koncept er forankret i en klar strategi (og alle efterfølgendedesignaktiviteter bør fokuseres på at
opfylde strategiens mål)
![Page 35: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/35.jpg)
Den digitale strategi
Målsætninger og forretningsstrategi
Hvorfor kommunikerer vi online? Hvilke forretningsmæssige mål ønsker vi at opnå? Hvordan kan det måles (f.eks. i øgede indtægter eller reducerede omkostninger)? Hvilke operationelle mål understøtter forretningsmålene?
Identificér målgruppen
Hvem skal vi kommunikere med online? Hvad kendetegner dem? Hvordan skal vi prioritere vores målgrupper?
Brandposition og værdigrundlag
Hvilket brand og hvilke værdier ønsker vi at kommunikere?
Måling og opfølgning
Hvordan måler vi på, om målene er opfyldt – og hvornår måler vi?
![Page 36: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/36.jpg)
Informationsarkitektur, interaktionsdesign
og indhold
![Page 37: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/37.jpg)
Skitser, strukturdiagrammer, flowcharts, interaktive prototyper, visuelt design
![Page 38: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/38.jpg)
Teknik og valg af platform
![Page 39: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/39.jpg)
TYPER AF SITES, MEDIER OG SYSTEMER
OPEN SOURCE
PR
OJE
KTR
UM
, W
EB
LOG
S &
GR
UPPE
RS
OC
IALE
MED
IER
OG
MIN
I-SIT
ES
CLOSED SOURCE
![Page 40: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/40.jpg)
VISUELDESIGN
![Page 41: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/41.jpg)
![Page 42: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/42.jpg)
VISUELLE KONCEPTER TIL DIGITALE MEDIER
![Page 43: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/43.jpg)
Nogle genrer….
![Page 44: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/44.jpg)
BRANDING
![Page 45: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/45.jpg)
Dansk design center – ddc.dk Branding
![Page 46: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/46.jpg)
Novozymes årsrapport Branding
![Page 47: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/47.jpg)
INFORMATIVE/SERVICESITES
![Page 48: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/48.jpg)
Uddannelsesguiden - ug.dk Informative/service sites
![Page 49: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/49.jpg)
Københavns Kommune - kk.dk Informative/service sites
![Page 50: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/50.jpg)
SALG
![Page 51: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/51.jpg)
Kino.dk Salg
![Page 52: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/52.jpg)
OPLEVELSER
![Page 53: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/53.jpg)
Vibeonline.dk Oplevelse
![Page 54: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/54.jpg)
Københavns Befæstning - befaestningen.dk
Oplevelse
![Page 55: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/55.jpg)
SOCIALEPLATFORME
![Page 56: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/56.jpg)
FC Savanna – fcsavanna.dk Sociale platforme
![Page 57: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/57.jpg)
Activista – myactivista.org Sociale platforme
![Page 58: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/58.jpg)
Det Danske Spejderkorps - dds.dk Sociale platforme
![Page 59: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/59.jpg)
KOLLEKTIV HANDLING
![Page 60: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/60.jpg)
WWF Verdensnaturfonden, Earth Hour – wwf.dk/earthhour
Kollektivehandlinger
![Page 61: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/61.jpg)
WWF Verdensnaturfonden - burningpanda.dk
Kollektivehandlinger
![Page 62: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/62.jpg)
# Mobil: Smartphones
# Viralt
Andre platforme
![Page 63: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/63.jpg)
Smartphones
![Page 64: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/64.jpg)
Smartphones
![Page 65: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/65.jpg)
Ipad
![Page 67: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/67.jpg)
HOW TO DO…
![Page 68: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/68.jpg)
# alt er baseret på vores fortid
# tag noget uensartet og lave det til noget nyt
# systematisere alt, restriktioner giver frihed
Nogle ord om kreativ proces
![Page 69: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/69.jpg)
BYGGERIET
![Page 70: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/70.jpg)
# Design + kode
# Wireframes, mockup
# Struktur
# Grid
Byggeriet
![Page 71: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/71.jpg)
Design + kode
![Page 72: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/72.jpg)
Wireframes
![Page 73: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/73.jpg)
Struktur
![Page 74: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/74.jpg)
Grid system
![Page 75: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/75.jpg)
Grid system
![Page 76: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/76.jpg)
Grid system
![Page 77: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/77.jpg)
# Konsistens
# Framework for mange sider
# Nemt at bruge
# Præ-eksisterende struktur
Grid system
![Page 78: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/78.jpg)
RESSOURCER
![Page 79: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/79.jpg)
# Fonte
# Farve
# Ikoner
# Billeder
Ressoucer
![Page 80: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/80.jpg)
FONTE
![Page 81: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/81.jpg)
Font muligheder med CSS
Serif eller sans serif
Linje længde (12 ord er godt!)
Leading (1.1 – 1.5 em)
Letterspacing Lower cast – gør det ikke!
Kerning – spatiering
Farve font vs. hvid space
![Page 82: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/82.jpg)
# Georgia
# Verdana
# Lucida
# Palatino
# Arial
# Gill sans
# Helvetica Neue
Websikre fonte
![Page 83: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/83.jpg)
Hvad med de non-websikre fonte?
# Sifr
# Pixel rendering (image file)
# Cufon (javascript)
# Typekit (javascript)
![Page 84: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/84.jpg)
Font
![Page 85: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/85.jpg)
Font
![Page 86: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/86.jpg)
Font
![Page 87: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/87.jpg)
FARVE
![Page 88: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/88.jpg)
3 Farve sites
# Kuler
# colorotate
# colourlovers
# designmeltdown
![Page 89: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/89.jpg)
Farve
![Page 90: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/90.jpg)
Farve
![Page 91: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/91.jpg)
Farve
![Page 92: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/92.jpg)
Farve og billeder
![Page 93: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/93.jpg)
Ikoner
![Page 94: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/94.jpg)
Ikoner
![Page 95: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/95.jpg)
Ikoner
![Page 96: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/96.jpg)
Ikoner
![Page 97: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/97.jpg)
# istock
# famfamfam
# Iconfinder.net
Ikoner
![Page 98: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/98.jpg)
Knapper, call to action
![Page 99: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/99.jpg)
FLEREVÆRKTØJER
![Page 100: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/100.jpg)
# Software værktøj
# Templates
# Inspiration
![Page 101: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/101.jpg)
# Fireworks
# Photoshop
# Flash
# Illustrator
Software værktøj
![Page 102: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/102.jpg)
CSS layouts og templates
![Page 103: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/103.jpg)
5 inspirations/nytte links
http://www.designfloat.com/
http://delicious.com/popular/design
http://psd.tutsplus.com/
http://www.smashingmagazine.com/
http://patterntap.com/
![Page 104: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/104.jpg)
Inspiration
![Page 105: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/105.jpg)
Inspiration
![Page 106: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/106.jpg)
Inspiration
![Page 107: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/107.jpg)
Inspiration
![Page 108: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/108.jpg)
Inspiration
![Page 109: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/109.jpg)
FREMTIDEN?
![Page 110: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/110.jpg)
4 WEBDESIGNTENDENSER
![Page 111: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/111.jpg)
Design For Delight
Print Design Influence
Real life metaphor
Rich, Strong Typography
Kilde: http://www.smashingmagazine.com/2010/05/04/web-design-trends-2010/
![Page 112: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/112.jpg)
Design For Delight
![Page 113: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/113.jpg)
Design For Delight
![Page 114: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/114.jpg)
Design For Delight
![Page 115: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/115.jpg)
Design For Delight
![Page 116: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/116.jpg)
Design For Delight
![Page 117: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/117.jpg)
Print Design Influence
![Page 118: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/118.jpg)
Print Design Influence
![Page 119: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/119.jpg)
Print Design Influence
![Page 120: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/120.jpg)
Print Design Influence
![Page 121: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/121.jpg)
Real life methaphor
![Page 122: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/122.jpg)
Real life methaphor
![Page 123: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/123.jpg)
Rich, Strong Typography
![Page 124: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/124.jpg)
Rich, Strong Typography
![Page 125: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/125.jpg)
What’s next
Navigation
Touchscreen
Knapper
GPS
![Page 126: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/126.jpg)
Navigation
![Page 127: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/127.jpg)
Navigation
![Page 128: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/128.jpg)
Navigation
![Page 129: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/129.jpg)
Navigation
![Page 130: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/130.jpg)
Zipcar
![Page 131: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/131.jpg)
Iphone apps
![Page 132: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/132.jpg)
Er du klar?
Enkelhed fungerer bedst!
Brug metaforer fra den virkelige verden
Design til dynamisk indhold
![Page 133: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/133.jpg)
Tak for jeres tid!
![Page 134: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/134.jpg)
Grid
http://960.gs/http://www.designinfluences.com/fluid960gs/#http://www.spry-soft.com/grids/Fonthttp://www.josbuivenga.demon.nl/index.htmlhttp://www.theleagueofmoveabletype.com/
Font replacementhttp://www.mikeindustries.com/blog/sifrhttp://cufon.shoqolate.com/generate/http://typekit.com/
Farvehttp://kuler.adobe.com/#http://www.colorotate.org/http://www.colourlovers.com/http://2010.designmeltdown.comhttp://www.colourlovers.com/# http://labs.ideeinc.com/multicolr/
Ikonerhttp://www.iconfinder.com/http://www.iconwerk.de/http://famfamfam.com/http://www.istockphoto.com/index.php
Links> Templates
http://www.intensivstation.ch/en/templates/
Webværktøjhttp://www.designfloat.com/http://delicious.com/popular/designhttp://psd.tutsplus.com/http://www.smashingmagazine.com/http://patterntap.com/
Trendshttp://www.yourauxiliary.com/http://duplos.org/http://www.clholloway.co.za/http://www.fajnechlopaki.com/https://www.drippinginfat.com/http://carbonmade.comhttp://thebolditalic.com/AndreasTrolf/stories/159-dr-feelgoodhttp://thebolditalic.com/Kornlock/stories/185-cinderella-story-day-onehttp://visitmix.com/http://designinformer.com/grid-based-web-design-simplified/
![Page 135: Konceptudvikling final](https://reader034.fdocument.pub/reader034/viewer/2022051312/5469677caf795909568b5cb9/html5/thumbnails/135.jpg)
JONAS FRIISBERG NIELSEN
E-mail: [email protected]: @jonasfriisberg39 16 27 00
ANNA TAWS
E-mail: [email protected]: @annataws39 16 27 00www.taws.dk
SPØRGSMÅL?