Successfully reported this slideshow.

Morgenbooster / Responsive Design / 22. marts 2012

14,182 views

Published on

Published in: Design, Business, Technology

Morgenbooster / Responsive Design / 22. marts 2012

  1. 1. MORGENBOOSTERRESPONSIVEDESIGNVED PETER SOLOW & HJØRDIS THORBORG
  2. 2. MORGENBOOSTER 22. MARTS 2012
  3. 3. MORGENBOOSTER 22. MARTS 2012
  4. 4. MORGENBOOSTER 22. MARTS 2012
  5. 5. MORGENBOOSTER 22. MARTS 2012
  6. 6. MORGENBOOSTER 22. MARTS 2012
  7. 7. MORGENBOOSTER 22. MARTS 2012
  8. 8. MORGENBOOSTER 22. MARTS 2012
  9. 9. MORGENBOOSTER 22. MARTS 2012
  10. 10. MORGENBOOSTER 22. MARTS 2012
  11. 11. RESPONSIVE WEB DESIGN”AT IT’S MOST BASIC LEVEL,RESPONSIVE DESIGN IS ABOUTSERVING ONE HTML DOCUMENTTO COUNTLESS BROWSERES ANDDEVICES...” Ethan Marcotte, Responsive web design
  12. 12. MORGENBOOSTER 22. MARTS 2012 HTTP://WWW.SMASHINGMAGAZINE.COM/
  13. 13. MORGENBOOSTER 22. MARTS 2012
  14. 14. DESIGNOPMENT”…COMBINING DESIGN ANDDEVELOPMENT INTO ONE HYBRIDPHASE, BRINGING THE TWO TEAMSINTO ONE HIGHLY COLLABORATIVEGROUP.” Ethan Marcotte, Responsive web design
  15. 15. MORGENBOOSTER 22. MARTS 2012
  16. 16. MORGENBOOSTER 22. MARTS 2012MODUL IA
  17. 17. MORGENBOOSTER 22. MARTS 2012LIVE MOCKUP – BREAKPOINT IDENTIFIKATION 1240 PX 768 PX 320 PX
  18. 18. MORGENBOOSTER 22. MARTS 2012
  19. 19. MORGENBOOSTER 22. MARTS 2012
  20. 20. MORGENBOOSTER 22. MARTS 2012ET DESIGNBLIKPÅ RESPONSIVEWEB DESIGN
  21. 21. MORGENBOOSTER 22. MARTS 2012”WEB DESIGNTRENDS IN 2011”Web Design Ledger
  22. 22. MORGENBOOSTER 22. MARTS 2012
  23. 23. MORGENBOOSTER 22. MARTS 2012WEB DESIGN TRENDS 20111. MORE CSS3 + HTML52. SIMPLE COLOR SCHEMES3. MOBILE READY4. PARALLAX SCROLLING5. DESIGNING FOR TOUCH SCREENS, NOT MICE6. DEPTH PERCEPTION IN WEB DESIGN7. LARGE PHOTOGRAPHIC BACKGROUNDS8. ADVENTUROUS DOMAIN NAMES & INTEGRATION9. QR: QUICK RESPONSE10. THUMBNAIL DESIGN11. CONSTANT CONNECTION/ LIFE STREAM
  24. 24. MORGENBOOSTER 22. MARTS 2012”WEB DESIGNTRENDS IN 2012”Web Design Ledger
  25. 25. MORGENBOOSTER 22. MARTS 2012
  26. 26. MORGENBOOSTER 22. MARTS 2012WEB DESIGN TRENDS 20121. RESPONSIVE WEB DESIGN2. FIXED-POSITION NAVIGATION3. CIRCLES4. BIG VECTOR ART5. MULTI-COLUMN MENUS6. JQUERY/CSS3/HTML5 ANIMATION7. RIBBONS & BANNER GRAPHICS8. CUSTOM FONT FACES9. INFOGRAPHICS10. FOCUS ON SIMPLICITY
  27. 27. MORGENBOOSTER 22. MARTS 2012”WEB DESIGNTRENDS IN 2012”Web Design Ledger
  28. 28. MORGENBOOSTER 22. MARTS 2012
  29. 29. MORGENBOOSTER 22. MARTS 2012WEB DESIGN TRENDS 20121. RESPONSIVE WEB DESIGN2. FIXED-POSITION NAVIGATION3. CIRCLES4. BIG VECTOR ART5. MULTI-COLUMN MENUS6. JQUERY/CSS3/HTML5 ANIMATION7. RIBBONS & BANNER GRAPHICS8. CUSTOM FONT FACES9. INFOGRAPHICS10. FOCUS ON SIMPLICITY
  30. 30. MORGENBOOSTER 22. MARTS 2012
  31. 31. MORGENBOOSTER 22. MARTS 2012
  32. 32. MORGENBOOSTER 22. MARTS 2012
  33. 33. MORGENBOOSTER 22. MARTS 2012..”15 TOP WEB DESIGNAND DEVELOPMENTTRENDS FOR 2012”.NET MAGAZINE
  34. 34. MORGENBOOSTER 22. MARTS 2012WEB DESIGN AND DEVELOPMENT TRENDS 20121. PROGRESSIVE ENHANCEMENT2. RESPONSIVE DESIGN3. FLASH WILL SURVIVE4. NATIVE SUPPORT FOR PLUG-IN FEATURES5. APPIFICATION TAKES HOLD6. WEB APP FRAGMENTATION7. MOBILE GETS BIGGER8. A DEVICE EXPLOSION9. RESPECT BEYOND AESTHETICS10. SOCIAL BATTLES HEAT UP11. GROWTH OF THE TWO-SCREEN MODEL
  35. 35. MORGENBOOSTER 22. MARTS 2012..”THE WEB HAS MOVEDBEYOND THE DESKTOPAND IT’S NOT MOVINGBACK”Ethan Marcotte
  36. 36. MORGENBOOSTER 22. MARTS 2012WTF…!!!
  37. 37. MORGENBOOSTER 22. MARTS 2012VI ELSKER PHOTOSHOPOG ILUSTRATOR!
  38. 38. MORGENBOOSTER 22. MARTS 2012VI ER VANT TIL ATTÆNKE I DYNAMISKEPRINCIPPER, MEN…
  39. 39. MORGENBOOSTER 22. MARTS 2012…NU SKAL VI DESIGNE IEN ”LIVE” PROTOTYPE
  40. 40. MORGENBOOSTER 22. MARTS 2012VI ELSKER VORESFAGLIGE INTEGRITET!
  41. 41. MORGENBOOSTER 22. MARTS 2012VI ER VANT TIL TÆTDIALOG MED INTERFACEUDVIKLEREN, MEN…
  42. 42. MORGENBOOSTER 22. MARTS 2012…NU SKAL VI DELEDESIGNPROCESSEN
  43. 43. MORGENBOOSTER 22. MARTS 2012VI ELSKER AT SIKRE HØJBRANDMÆSSIG VÆRDI!
  44. 44. MORGENBOOSTER 22. MARTS 2012VI ER VANT TIL ETFLEKSIBELT KANVAS,MEN…
  45. 45. MORGENBOOSTER 22. MARTS 2012…NU SKAL VORES WEBDESIGN PRESSES NED IDIVERSE DEVICES
  46. 46. MORGENBOOSTER 22. MARTS 2012ELSKER VI RESPONSIVEWEB DESIGN!?!
  47. 47. MORGENBOOSTER 22. MARTS 2012”WE CAN EMBRACE THEFLEXIBILITY INHERENT TOTHE WEB, WITHOUTSURRENDERING THECONTROL WE REQUIRE ASDESIGNERS”ETHAN MARCOTTE
  48. 48. MORGENBOOSTER 22. MARTS 2012RESPONSIVEWEB DESIGN UD FRAET KUNDEPERSPEKTIV
  49. 49. MORGENBOOSTER 22. MARTS 20121. BETYDNING FOR TILBUD OG BUDGET2. RESPONSIVE WEB DESIGN I ONLINE STRATEGI3. DYNAMISKE PRINCIPPER I DESIGN KONCEPT4. “LIVE” PROTOTYPE DEL AF DEN AGILE PROCES5. “LIVE” VISNING PÅ DESIGN PRÆSENTATIONER6. HTML SOM DESIGN LEVERANCE7. TILPASNING TVÆRS AF DEVICES = VÆRDISKABELSE8. FREMTIDSSIKRING
  50. 50. MORGENBOOSTER 22. MARTS 2012..TAK!LÆS MERE PÅ:1508.DK/1508PLUS/RESPONSIVE

×