Konference / Huset Markedsføring / Responsive design

714
-1

Published on

Published in: Design, Technology, Business
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
714
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
28
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Konference / Huset Markedsføring / Responsive design

  1. 1. HUSET MARKEDSFØRINGRESPONSIVEDESIGNVED PETER SOLOW & HJØRDIS THORBORG
  2. 2. RESPONSIVE DESIGN 21. JUNI 2012
  3. 3. RESPONSIVE DESIGN 21. JUNI 2012 130 WEBSITES
  4. 4. RESPONSIVE DESIGN 21. JUNI 2012
  5. 5. RESPONSIVE DESIGN 21. JUNI 2012 2.738 WEBSITES
  6. 6. RESPONSIVE DESIGN 22. JUNI 2012 23.500 WEBSITES
  7. 7. RESPONSIVE DESIGN 21. JUNI 2012
  8. 8. RESPONSIVE DESIGN 21. JUNI 2012
  9. 9. RESPONSIVE DESIGN 21. JUNI 2012 ~ 367.000.000 WEBSITES
  10. 10. RESPONSIVE DESIGN 21. JUNI 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. RESPONSIVE DESIGN 21. JUNI 2012
  13. 13. DESIGNOPMENT”…COMBINING DESIGN ANDDEVELOPMENT INTO ONE HYBRIDPHASE, BRINGING THE TWO TEAMSINTO ONE HIGHLY COLLABORATIVEGROUP.” Ethan Marcotte, Responsive web design
  14. 14. RESPONSIVE DESIGN 21. JUNI 2012
  15. 15. RESPONSIVE DESIGN 21. JUNI 2012MODUL IA
  16. 16. RESPONSIVE DESIGN 21. JUNI 2012LIVE MOCKUP – BREAKPOINT IDENTIFIKATION 1240 PX 768 PX 320 PX
  17. 17. RESPONSIVE DESIGN 21. JUNI 2012
  18. 18. RESPONSIVE DESIGN 21. JUNI 2012
  19. 19. RESPONSIVE DESIGN 21. JUNI 2012ET DESIGNBLIK PÅRESPONSIVE WEBDESIGN
  20. 20. RESPONSIVE DESIGN 21. JUNI 2012 DESIGN + DEVELOPMENT = DESIGNOPMENT
  21. 21. RESPONSIVE DESIGN 21. JUNI 2012 RESEARCH DESIGNER STRATEGISK DESIGNER UX-DESIGNER INTERAKTIONSDESIGNER CO-DESIGNER
  22. 22. RESPONSIVE DESIGN 21. JUNI 2012WEB DESIGN TRENDS
  23. 23. RESPONSIVE DESIGN 21. JUNI 2012 WEB DESIGN TRENDS IN 2011 (WEB DESIGN LEDGER)
  24. 24. RESPONSIVE DESIGN
  25. 25. RESPONSIVE DESIGN 21. JUNI 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
  26. 26. RESPONSIVE DESIGN 21. JUNI 2012 WEB DESIGN TRENDS IN 2012 (WEB DESIGN LEDGER)
  27. 27. RESPONSIVE DESIGN
  28. 28. RESPONSIVE DESIGN 21. JUNI 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
  29. 29. RESPONSIVE DESIGN 21. JUNI 2012 CSS3 + HTML5 BÅNDBREDDE BROWSERSTANDARDER (SKÆRMSTØRRELSE) KONVENSIONER
  30. 30. RESPONSIVE DESIGN 21. JUNI 2012 FORM FOLLOWS FUNCTION FORM FOLLOWS MEANING (KLAUS KRIPPENDORFF)
  31. 31. RESPONSIVE DESIGN 21. JUNI 2012 “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)
  32. 32. RESPONSIVE DESIGN 21. JUNI 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
  33. 33. RESPONSIVE DESIGN
  34. 34. RESPONSIVE DESIGN
  35. 35. RESPONSIVE DESIGN
  36. 36. RESPONSIVE DESIGN 21. JUNI 2012 15 TOP WEB DESIGN AND DEVELOPMENT TRENDS FOR 2012 (.NET MAGAZINE)
  37. 37. RESPONSIVE DESIGN 21. JUNI 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
  38. 38. RESPONSIVE DESIGN 21. JUNI 2012 “THE WEB HAS MOVED BEYOND THE DESKTOP AND IT’S NOT MOVING BACK” (ETHAN MARCOTTE)
  39. 39. RESPONSIVE DESIGN 21. JUNI 2012VISUEL IDENTITET PÅDIGITALE PRÆMISSER
  40. 40. RESPONSIVE DESIGN 21. JUNI 2012CASESRESPONSIVE WEB DESIGN
  41. 41. RESPONSIVE DESIGN 21. JUNI 2012CASESLOGO SOM MÆRKE
  42. 42. RESPONSIVE DESIGN 21. JUNI 2012
  43. 43. RESPONSIVE DESIGN 21. JUNI 2012
  44. 44. RESPONSIVE DESIGN 21. JUNI 2012
  45. 45. RESPONSIVE DESIGN 21. JUNI 2012
  46. 46. RESPONSIVE DESIGN 21. JUNI 2012
  47. 47. RESPONSIVE DESIGN 21. JUNI 2012CASEMIT MEDIA LAB
  48. 48. RESPONSIVE DESIGN 21. JUNI 2012
  49. 49. RESPONSIVE DESIGN 21. JUNI 2012
  50. 50. RESPONSIVE DESIGN 21. JUNI 2012
  51. 51. RESPONSIVE DESIGN 21. JUNI 2012CASECX
  52. 52. RESPONSIVE DESIGN 21. JUNI 2012
  53. 53. RESPONSIVE DESIGN 21. JUNI 2012
  54. 54. RESPONSIVE DESIGN 21. JUNI 2012
  55. 55. CASEWORDPRESS
  56. 56. RESPONSIVE DESIGN 21. JUNI 2012BRANDING &RESPONSIVE WEBDESIGN
  57. 57. RESPONSIVE DESIGN 21. JUNI 2012 “WE CAN EMBRACE THE FLEXIBILITY INHERENT TO THE WEB, WITHOUT SURRENDERING THE CONTROL WE REQUIRE AS DESIGNERS” (ETHAN MARCOTTE)
  58. 58. RESPONSIVE DESIGN 21. JUNI 2012CASECBS
  59. 59. RESPONSIVE DESIGN
  60. 60. RESPONSIVE DESIGN 21. JUNI 2012
  61. 61. RESPONSIVE DESIGN 21. JUNI 2012
  62. 62. RESPONSIVE DESIGN 21. JUNI 2012
  63. 63. RESPONSIVE DESIGN 21. JUNI 2012
  64. 64. RESPONSIVE DESIGN 21. JUNI 2012
  65. 65. RESPONSIVE DESIGN 21. JUNI 2012
  66. 66. RESPONSIVE DESIGN 21. JUNI 2012
  67. 67. RESPONSIVE DESIGN
  68. 68. MORGENBOOSTER
  69. 69. RESPONSIVE DESIGN
  70. 70. RESPONSIVE DESIGN
  71. 71. RESPONSIVE DESIGN 21. JUNI 2012
  72. 72. RESPONSIVE DESIGN 21. JUNI 2012
  73. 73. “I THINK WHAT IS HAPPENING ON THE WEB, THE INTERNET,IS THAT IN SOME SENSE IT’S DISAPPEARING” (DONALD NORMAN)
  74. 74. “I WOULD LIKE TO SEEWEB DESIGNERS DISAPPEARAND BECOME DESIGNERS … IT’S NOT WEB DESIGN, IT’S INFORMATION DESIGN,COMMUNICATION DESIGN.” (DONALD NORMAN)
  75. 75. RESPONSIVE DESIGN 21. JUNI 2012RESPONSIVE WEBDESIGN SET FRA ETKUNDEPERSPEKTIV
  76. 76. RESPONSIVE DESIGN 21. JUNI 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
  77. 77. RESPONSIVE DESIGN 21. JUNI 2012SPØRGSMÅL
  78. 78. RESPONSIVE DESIGN 21. JUNI 2012..TAK!
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×