1. MORGENBOOSTER
RESPONSIVE
DESIGN
VED PETER SOLOW & HJØRDIS THORBORG

3. MORGENBOOSTER 22. MARTS 2012

4. MORGENBOOSTER 22. MARTS 2012

5. MORGENBOOSTER 22. MARTS 2012

6. MORGENBOOSTER 22. MARTS 2012

7. MORGENBOOSTER 22. MARTS 2012

8. MORGENBOOSTER 22. MARTS 2012

10. MORGENBOOSTER 22. MARTS 2012

11. MORGENBOOSTER 22. MARTS 2012

12. MORGENBOOSTER 22. MARTS 2012

13. 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

14. MORGENBOOSTER 22. MARTS 2012
HTTP://WWW.SMASHINGMAGAZINE.COM/

15. MORGENBOOSTER 22. MARTS 2012

16. DESIGNOPMENT
”…COMBINING DESIGN AND
DEVELOPMENT INTO ONE HYBRID
PHASE, BRINGING THE TWO TEAMS
INTO ONE HIGHLY COLLABORATIVE
GROUP.”
Ethan Marcotte,
Responsive web design

17. MORGENBOOSTER 22. MARTS 2012

18. MORGENBOOSTER 22. MARTS 2012
MODUL IA

19. MORGENBOOSTER 22. MARTS 2012
LIVE MOCKUP – BREAKPOINT IDENTIFIKATION
1240 PX 768 PX 320 PX

20. MORGENBOOSTER 22. MARTS 2012

21. MORGENBOOSTER 22. MARTS 2012

22. MORGENBOOSTER 22. MARTS 2012
ET DESIGNBLIK
PÅ RESPONSIVE
WEB DESIGN

23. MORGENBOOSTER 22. MARTS 2012
”WEB DESIGN
TRENDS IN 2011”
Web Design Ledger

24. MORGENBOOSTER 22. MARTS 2012

25. MORGENBOOSTER 22. MARTS 2012
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

26. MORGENBOOSTER 22. MARTS 2012
”WEB DESIGN
TRENDS IN 2012”
Web Design Ledger

27. MORGENBOOSTER 22. MARTS 2012

28. MORGENBOOSTER 22. MARTS 2012
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

29. MORGENBOOSTER 22. MARTS 2012
”WEB DESIGN
TRENDS IN 2012”
Web Design Ledger

30. MORGENBOOSTER 22. MARTS 2012

31. MORGENBOOSTER 22. MARTS 2012
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

32. MORGENBOOSTER 22. MARTS 2012

33. MORGENBOOSTER 22. MARTS 2012

34. MORGENBOOSTER 22. MARTS 2012

35. MORGENBOOSTER 22. MARTS 2012
..
”15 TOP WEB DESIGN
AND DEVELOPMENT
TRENDS FOR 2012”
.NET MAGAZINE

36. MORGENBOOSTER 22. MARTS 2012
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

37. MORGENBOOSTER 22. MARTS 2012
..
”THE WEB HAS MOVED
BEYOND THE DESKTOP
AND IT’S NOT MOVING
BACK”
Ethan Marcotte

38. MORGENBOOSTER 22. MARTS 2012
WTF…!!!

39. MORGENBOOSTER 22. MARTS 2012
VI ELSKER PHOTOSHOP
OG ILUSTRATOR!

40. MORGENBOOSTER 22. MARTS 2012
VI ER VANT TIL AT
TÆNKE I DYNAMISKE
PRINCIPPER, MEN…

41. MORGENBOOSTER 22. MARTS 2012
…NU SKAL VI DESIGNE I
EN ”LIVE” PROTOTYPE

42. MORGENBOOSTER 22. MARTS 2012
VI ELSKER VORES
FAGLIGE INTEGRITET!

43. MORGENBOOSTER 22. MARTS 2012
VI ER VANT TIL TÆT
DIALOG MED INTERFACE
UDVIKLEREN, MEN…

44. MORGENBOOSTER 22. MARTS 2012
…NU SKAL VI DELE
DESIGNPROCESSEN

45. MORGENBOOSTER 22. MARTS 2012
VI ELSKER AT SIKRE HØJ
BRANDMÆSSIG VÆRDI!

46. MORGENBOOSTER 22. MARTS 2012
VI ER VANT TIL ET
FLEKSIBELT KANVAS,
MEN…

47. MORGENBOOSTER 22. MARTS 2012
…NU SKAL VORES WEB
DESIGN PRESSES NED I
DIVERSE DEVICES

48. MORGENBOOSTER 22. MARTS 2012
ELSKER VI RESPONSIVE
WEB DESIGN!?!

49. MORGENBOOSTER 22. MARTS 2012
”WE CAN EMBRACE THE
FLEXIBILITY INHERENT TO
THE WEB, WITHOUT
SURRENDERING THE
CONTROL WE REQUIRE AS
DESIGNERS”
ETHAN MARCOTTE

50. MORGENBOOSTER 22. MARTS 2012
RESPONSIVE
WEB DESIGN UD FRA
ET KUNDEPERSPEKTIV

51. MORGENBOOSTER 22. MARTS 2012
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

52. MORGENBOOSTER 22. MARTS 2012
..
TAK!
LÆS MERE PÅ:
1508.DK/1508PLUS/RESPONSIVE