konference / huset markedsføring / responsive design
DESCRIPTION
TRANSCRIPT
![Page 1: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/1.jpg)
Introslide: Start alle præsentationer med denne RESPONSIVE
DESIGN
HUSET MARKEDSFØRING
VED PETER SOLOW & HJØRDIS THORBORG
![Page 2: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/2.jpg)
Dagsorden: Vis emner og evt. underemner der gennemgåes
![Page 3: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/3.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
RESPONSIVE DESIGN 21. JUNI 2012
![Page 4: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/4.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
RESPONSIVE DESIGN
21. JUNI 2012
130 WEBSITES
![Page 5: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/5.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
RESPONSIVE DESIGN
21. JUNI 2012
![Page 6: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/6.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
RESPONSIVE DESIGN
21. JUNI 2012
2.738 WEBSITES
![Page 7: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/7.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
RESPONSIVE DESIGN
22. JUNI 2012
23.500 WEBSITES
![Page 8: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/8.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
RESPONSIVE DESIGN
21. JUNI 2012
![Page 9: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/9.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
![Page 10: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/10.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
RESPONSIVE DESIGN
21. JUNI 2012
![Page 11: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/11.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
RESPONSIVE DESIGN
21. JUNI 2012
~ 367.000.000 WEBSITES
![Page 12: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/12.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
RESPONSIVE DESIGN
21. JUNI 2012
![Page 13: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/13.jpg)
Dagsorden: Vis emner og evt. underemner der gennemgåes
RESPONSIVE WEB DESIGN
”AT IT’S MOST BASIC LEVEL, RESPONSIVE DESIGN IS ABOUT SERVING ONE HTML DOCUMENT TO COUNTLESS BROWSERES AND DEVICES...”
Ethan Marcotte, Responsive web design
![Page 14: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/14.jpg)
Forretnings-område: Billeder bør ikke udskiftes, medmindre de er direkte misvisende for emnet du præsenterer.
![Page 15: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/15.jpg)
Dagsorden: Vis emner og evt. underemner der gennemgåes
RESPONSIVE DESIGN
21. JUNI 2012
![Page 16: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/16.jpg)
Dagsorden: Vis emner og evt. underemner der gennemgåes
DESIGNOPMENT
”…COMBINING DESIGN AND DEVELOPMENT INTO ONE HYBRID PHASE, BRINGING THE TWO TEAMS INTO ONE HIGHLY COLLABORATIVE GROUP.”
Ethan Marcotte, Responsive web design
![Page 17: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/17.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
RESPONSIVE DESIGN
21. JUNI 2012
![Page 18: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/18.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
MODUL IA
RESPONSIVE DESIGN
21. JUNI 2012
![Page 19: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/19.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
LIVE MOCKUP – BREAKPOINT IDENTIFIKATION
RESPONSIVE DESIGN
1240 PX 768 PX 320 PX
21. JUNI 2012
![Page 20: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/20.jpg)
Forretnings-område: Billeder bør ikke udskiftes, medmindre de er direkte misvisende for emnet du præsenterer.
![Page 21: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/21.jpg)
Forretnings-område: Billeder bør ikke udskiftes, medmindre de er direkte misvisende for emnet du præsenterer.
![Page 22: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/22.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
RESPONSIVE DESIGN
21. JUNI 2012
![Page 23: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/23.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
RESPONSIVE DESIGN
21. JUNI 2012
![Page 24: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/24.jpg)
Kapitel: Benyttes som kapitel intro
ET DESIGNBLIK PÅ RESPONSIVE WEB DESIGN
RESPONSIVE DESIGN 21. JUNI 2012
![Page 25: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/25.jpg)
Delafsnit: Afsnit under kapitler. Husk at angive aktuelt kapitel
DESIGN + DEVELOPMENT
= DESIGNOPMENT
21. JUNI 2012 RESPONSIVE DESIGN
![Page 26: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/26.jpg)
Delafsnit: Afsnit under kapitler. Husk at angive aktuelt kapitel
RESEARCH DESIGNER
STRATEGISK DESIGNER
UX-DESIGNER
INTERAKTIONSDESIGNER
CO-DESIGNER
21. JUNI 2012 RESPONSIVE DESIGN
![Page 27: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/27.jpg)
Illustration / site: Du kan selv tilføje markeringspile fra elementarket.
![Page 28: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/28.jpg)
Kapitel: Benyttes som kapitel intro
WEB DESIGN TRENDS
RESPONSIVE DESIGN 21. JUNI 2012
![Page 29: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/29.jpg)
Delafsnit: Afsnit under kapitler. Husk at angive aktuelt kapitel
WEB DESIGN TRENDS IN 2011
(WEB DESIGN LEDGER)
21. JUNI 2012 RESPONSIVE DESIGN
![Page 30: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/30.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
RESPONSIVE DESIGN
![Page 31: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/31.jpg)
Indholdsslide: Almindelig indholdsside med punktopstilling
WEB DESIGN TRENDS 2011
1. MORE CSS3 + HTML5
2. SIMPLE COLOR SCHEMES
3. MOBILE READY
4. PARALLAX SCROLLING
5. DESIGNING FOR TOUCH SCREENS, NOT MICE
6. DEPTH PERCEPTION IN WEB DESIGN
7. LARGE PHOTOGRAPHIC BACKGROUNDS
8. ADVENTUROUS DOMAIN NAMES & INTEGRATION
9. QR: QUICK RESPONSE
10. THUMBNAIL DESIGN
11. CONSTANT CONNECTION/ LIFE STREAM
RESPONSIVE DESIGN 21. JUNI 2012
![Page 32: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/32.jpg)
Delafsnit: Afsnit under kapitler. Husk at angive aktuelt kapitel
WEB DESIGN TRENDS IN 2012
(WEB DESIGN LEDGER)
21. JUNI 2012 RESPONSIVE DESIGN
![Page 33: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/33.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
RESPONSIVE DESIGN
![Page 34: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/34.jpg)
Indholdsslide: Almindelig indholdsside med punktopstilling
WEB DESIGN TRENDS 2012
1. RESPONSIVE WEB DESIGN
2. FIXED-POSITION NAVIGATION
3. CIRCLES
4. BIG VECTOR ART
5. MULTI-COLUMN MENUS
6. JQUERY/CSS3/HTML5 ANIMATION
7. RIBBONS & BANNER GRAPHICS
8. CUSTOM FONT FACES
9. INFOGRAPHICS
10. FOCUS ON SIMPLICITY
RESPONSIVE DESIGN 21. JUNI 2012
![Page 35: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/35.jpg)
Delafsnit: Afsnit under kapitler. Husk at angive aktuelt kapitel
CSS3 + HTML5
BÅNDBREDDE
BROWSERSTANDARDER
(SKÆRMSTØRRELSE)
KONVENSIONER
21. JUNI 2012 RESPONSIVE DESIGN
![Page 36: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/36.jpg)
Delafsnit: Afsnit under kapitler. Husk at angive aktuelt kapitel
FORM FOLLOWS FUNCTION
FORM FOLLOWS MEANING
(KLAUS KRIPPENDORFF)
21. JUNI 2012 RESPONSIVE DESIGN
![Page 37: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/37.jpg)
Delafsnit: Afsnit under kapitler. Husk at angive aktuelt kapitel
“YOU WANT [NEW TECHNOLOGY] TO
BECOME A MORE FUNDAMENTAL
PART OF YOUR LIFE, AND YOU WANT
PLEASURABLE THINGS … ARTWORKS,
AND PHOTOGRAPHS … WE WANT THAT
OUT OF OUR TECHNOLOGY TOO.”
(DONALD NORMAN)
21. JUNI 2012 RESPONSIVE DESIGN
![Page 38: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/38.jpg)
Indholdsslide: Almindelig indholdsside med punktopstilling
WEB DESIGN TRENDS 2012
1. RESPONSIVE WEB DESIGN
2. FIXED-POSITION NAVIGATION
3. CIRCLES
4. BIG VECTOR ART
5. MULTI-COLUMN MENUS
6. JQUERY/CSS3/HTML5 ANIMATION
7. RIBBONS & BANNER GRAPHICS
8. CUSTOM FONT FACES
9. INFOGRAPHICS
10. FOCUS ON SIMPLICITY
RESPONSIVE DESIGN 21. JUNI 2012
![Page 39: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/39.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
RESPONSIVE DESIGN
![Page 40: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/40.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
RESPONSIVE DESIGN
![Page 41: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/41.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
RESPONSIVE DESIGN
![Page 42: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/42.jpg)
Delafsnit: Afsnit under kapitler. Husk at angive aktuelt kapitel
15 TOP WEB DESIGN AND
DEVELOPMENT TRENDS FOR 2012
(.NET MAGAZINE)
21. JUNI 2012 RESPONSIVE DESIGN
![Page 43: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/43.jpg)
Indholdsslide: Almindelig indholdsside med punktopstilling
WEB DESIGN AND DEVELOPMENT TRENDS 2012
1. PROGRESSIVE ENHANCEMENT
2. RESPONSIVE DESIGN
3. FLASH WILL SURVIVE
4. NATIVE SUPPORT FOR PLUG-IN FEATURES
5. APPIFICATION TAKES HOLD
6. WEB APP FRAGMENTATION
7. MOBILE GETS BIGGER
8. A DEVICE EXPLOSION
9. RESPECT BEYOND AESTHETICS
10. SOCIAL BATTLES HEAT UP
11. GROWTH OF THE TWO-SCREEN MODEL
RESPONSIVE DESIGN 21. JUNI 2012
![Page 44: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/44.jpg)
Delafsnit: Afsnit under kapitler. Husk at angive aktuelt kapitel
“THE WEB HAS MOVED BEYOND
THE DESKTOP AND
IT’S NOT MOVING BACK”
(ETHAN MARCOTTE)
21. JUNI 2012 RESPONSIVE DESIGN
![Page 45: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/45.jpg)
Kapitel: Benyttes som kapitel intro
VISUEL IDENTITET PÅ DIGITALE PRÆMISSER
21. JUNI 2012 RESPONSIVE DESIGN
![Page 46: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/46.jpg)
Delafsnit: Afsnit under kapitler. Husk at angive aktuelt kapitel
RESPONSIVE WEB DESIGN
CASES
21. JUNI 2012 RESPONSIVE DESIGN
![Page 47: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/47.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
![Page 48: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/48.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
![Page 49: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/49.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
![Page 50: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/50.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
![Page 51: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/51.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
![Page 52: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/52.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
![Page 53: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/53.jpg)
Delafsnit: Afsnit under kapitler. Husk at angive aktuelt kapitel
LOGO SOM MÆRKE
CASES
21. JUNI 2012 RESPONSIVE DESIGN
![Page 54: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/54.jpg)
Illustration / site: Du kan selv tilføje markeringspile fra elementarket.
21. JUNI 2012 RESPONSIVE DESIGN
![Page 55: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/55.jpg)
Illustration / site: Du kan selv tilføje markeringspile fra elementarket.
21. JUNI 2012 RESPONSIVE DESIGN
![Page 56: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/56.jpg)
Illustration / site: Du kan selv tilføje markeringspile fra elementarket.
21. JUNI 2012 RESPONSIVE DESIGN
![Page 57: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/57.jpg)
Illustration / site: Du kan selv tilføje markeringspile fra elementarket.
21. JUNI 2012 RESPONSIVE DESIGN
![Page 58: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/58.jpg)
Illustration / site: Du kan selv tilføje markeringspile fra elementarket.
21. JUNI 2012 RESPONSIVE DESIGN
![Page 59: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/59.jpg)
Delafsnit: Afsnit under kapitler. Husk at angive aktuelt kapitel
MIT MEDIA LAB
CASE
21. JUNI 2012 RESPONSIVE DESIGN
![Page 60: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/60.jpg)
Illustration / site: Du kan selv tilføje markeringspile fra elementarket.
21. JUNI 2012 RESPONSIVE DESIGN
![Page 61: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/61.jpg)
Illustration / site: Du kan selv tilføje markeringspile fra elementarket.
21. JUNI 2012 RESPONSIVE DESIGN
![Page 62: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/62.jpg)
Illustration / site: Du kan selv tilføje markeringspile fra elementarket.
21. JUNI 2012 RESPONSIVE DESIGN
![Page 63: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/63.jpg)
Delafsnit: Afsnit under kapitler. Husk at angive aktuelt kapitel
CX
CASE
21. JUNI 2012 RESPONSIVE DESIGN
![Page 64: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/64.jpg)
Illustration / site: Du kan selv tilføje markeringspile fra elementarket.
21. JUNI 2012 RESPONSIVE DESIGN
![Page 65: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/65.jpg)
Illustration / site: Du kan selv tilføje markeringspile fra elementarket.
21. JUNI 2012 RESPONSIVE DESIGN
![Page 66: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/66.jpg)
Illustration / site: Du kan selv tilføje markeringspile fra elementarket.
21. JUNI 2012 RESPONSIVE DESIGN
![Page 67: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/67.jpg)
Delafsnit: Afsnit under kapitler. Husk at angive aktuelt kapitel
WORDPRESS
CASE
![Page 68: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/68.jpg)
Illustration / site: Du kan selv tilføje markeringspile fra elementarket.
![Page 69: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/69.jpg)
Illustration / site: Du kan selv tilføje markeringspile fra elementarket.
![Page 70: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/70.jpg)
Kapitel: Benyttes som kapitel intro
BRANDING & RESPONSIVE WEB DESIGN
21. JUNI 2012 RESPONSIVE DESIGN
![Page 71: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/71.jpg)
Delafsnit: Afsnit under kapitler. Husk at angive aktuelt kapitel
“WE CAN EMBRACE THE
FLEXIBILITY INHERENT TO THE
WEB, WITHOUT SURRENDERING
THE CONTROL WE REQUIRE
AS DESIGNERS”
(ETHAN MARCOTTE)
21. JUNI 2012 RESPONSIVE DESIGN
![Page 72: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/72.jpg)
Delafsnit: Afsnit under kapitler. Husk at angive aktuelt kapitel
CBS
CASE
21. JUNI 2012 RESPONSIVE DESIGN
![Page 73: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/73.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
RESPONSIVE DESIGN
![Page 74: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/74.jpg)
Indholdsslide: Almindelig indholdsside med punktopstilling
![Page 75: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/75.jpg)
Indholdsslide: Almindelig indholdsside med punktopstilling
![Page 76: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/76.jpg)
Indholdsslide: Almindelig indholdsside med punktopstilling
21. JUNI 2012 RESPONSIVE DESIGN
![Page 77: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/77.jpg)
Indholdsslide: Almindelig indholdsside med punktopstilling
21. JUNI 2012 RESPONSIVE DESIGN
![Page 78: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/78.jpg)
Indholdsslide: Almindelig indholdsside med punktopstilling
21. JUNI 2012 RESPONSIVE DESIGN
![Page 79: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/79.jpg)
Indholdsslide: Almindelig indholdsside med punktopstilling
21. JUNI 2012 RESPONSIVE DESIGN
![Page 80: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/80.jpg)
Indholdsslide: Almindelig indholdsside med punktopstilling
21. JUNI 2012 RESPONSIVE DESIGN
![Page 81: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/81.jpg)
Indholdsslide: Almindelig indholdsside med punktopstilling
21. JUNI 2012 RESPONSIVE DESIGN
![Page 82: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/82.jpg)
Indholdsslide: Almindelig indholdsside med punktopstilling
21. JUNI 2012 RESPONSIVE DESIGN
![Page 83: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/83.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
![Page 84: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/84.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
![Page 85: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/85.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
![Page 86: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/86.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
![Page 87: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/87.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
![Page 88: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/88.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
![Page 89: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/89.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
RESPONSIVE DESIGN
![Page 90: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/90.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
MORGENBOOSTER
![Page 91: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/91.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
RESPONSIVE DESIGN
![Page 92: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/92.jpg)
Statements: Identitetsskabende statements eller vigtige postulater vises på denne type slide. Benyt evt. hvid baggrund eller fotobaggrunde fra serveren.
RESPONSIVE DESIGN
![Page 93: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/93.jpg)
Indholdsslide: Almindelig indholdsside med punktopstilling
21. JUNI 2012 RESPONSIVE DESIGN
![Page 94: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/94.jpg)
Indholdsslide: Almindelig indholdsside med punktopstilling
21. JUNI 2012 RESPONSIVE DESIGN
![Page 95: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/95.jpg)
Forretnings-område: Billeder bør ikke udskiftes, medmindre de er direkte misvisende for emnet du præsenterer.
![Page 96: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/96.jpg)
Forretnings-område: Billeder bør ikke udskiftes, medmindre de er direkte misvisende for emnet du præsenterer.
![Page 97: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/97.jpg)
Forretnings-område: Billeder bør ikke udskiftes, medmindre de er direkte misvisende for emnet du præsenterer.
![Page 98: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/98.jpg)
Delafsnit: Afsnit under kapitler. Husk at angive aktuelt kapitel
“I THINK WHAT IS
HAPPENING ON THE WEB,
THE INTERNET,
IS THAT IN SOME SENSE IT’S
DISAPPEARING”
(DONALD NORMAN)
![Page 99: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/99.jpg)
Delafsnit: Afsnit under kapitler. Husk at angive aktuelt kapitel
“I WOULD LIKE TO SEE
WEB DESIGNERS DISAPPEAR
AND BECOME DESIGNERS …
IT’S NOT WEB DESIGN, IT’S
INFORMATION DESIGN,
COMMUNICATION DESIGN.”
(DONALD NORMAN)
![Page 100: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/100.jpg)
Kapitel: Benyttes som kapitel intro
RESPONSIVE WEB DESIGN SET FRA ET KUNDEPERSPEKTIV
21. JUNI 2012 RESPONSIVE DESIGN
![Page 101: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/101.jpg)
Indholdsslide: Almindelig indholdsside med punktopstilling 1. BETYDNING FOR TILBUD OG BUDGET
2. RESPONSIVE WEB DESIGN I ONLINE STRATEGI
3. DYNAMISKE PRINCIPPER I DESIGN KONCEPT
4. “LIVE” PROTOTYPE DEL AF DEN AGILE PROCES
5. “LIVE” VISNING PÅ DESIGN PRÆSENTATIONER
6. HTML SOM DESIGN LEVERANCE
7. TILPASNING TVÆRS AF DEVICES = VÆRDISKABELSE
8. FREMTIDSSIKRING
RESPONSIVE DESIGN 21. JUNI 2012
![Page 102: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/102.jpg)
Kapitel: Benyttes som kapitel intro
SPØRGSMÅL
21. JUNI 2012 RESPONSIVE DESIGN
![Page 103: Konference / Huset Markedsføring / Responsive design](https://reader033.vdocuments.net/reader033/viewer/2022061109/54518c2eaf7959e94b8b4d1f/html5/thumbnails/103.jpg)
Introslide:
Start alle
præsentationer med
denne
Introslide:
Start alle
præsentationer med
denne
Introslide:
Start alle
præsentationer med
denne TAK!
..
RESPONSIVE DESIGN 21. JUNI 2012