ResponsiveDesignwithEdge ReflowJacob SurberSr. Product Manager HTML Design@jacobsurber
EthanMarcotte#chuckapproved+ =
new#itsOKdifferentneeded a nameResponsiveDesign
Content focusedClean designMobile firstStructured information
It’s really justWeb Design#srsly
WebDesignwithEdge ReflowJacob Surber @jacobsurberSr. Product Manager HTML Design#getitright
What is ?
What is not?
#ReflowIsNoWYSIWYGWYSIWYG
#buttsniffing
What’s the workflow been?
DesignersWritersDevelopers#waterfail
#wrongexpectationsDesigners Developersdesignacuity
#harmony
What does this yield?
Responsive Inspector
PIOTR WALCZYSZYNhttp://outof.me/@outof_me
two design camps
Ona notepadIna text editor
Ina text editor
On a notepad
Layoutis Design
#betruetoyourdevHonesty in design
#he’ssmart“ContentChoreography”@trentwalton
Is right for you?
DesignersdesignacuityDevelopers
#changeiscomingDesigners Developers
Do you know whatfloat:rightmeans?
Do you care about thebox model?
Let’s talk about
#anewdirectionDesign &TypographyHTML designsurfaceFlexible gridsystemIntelligent weblayout
Mobile or Desktop?#whichway??
screen grab
It’s important to look at evolution
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Roll the clock back......about 1 year
Reflow’s first functional screen
Where are we going?
Style ManagementMultiple pagesHTML ElementsStatesCreative CloudIntegration
Let’s take a look(and Q&A)
Thanks!html.adobe.com/edge/reflow@ReflowJacob SurberSr. Product Manager HTML Design@jacobsurber
Reflow Adobe MAX 2013
Reflow Adobe MAX 2013
Reflow Adobe MAX 2013
Reflow Adobe MAX 2013
Reflow Adobe MAX 2013
Reflow Adobe MAX 2013
Reflow Adobe MAX 2013
Reflow Adobe MAX 2013
Upcoming SlideShare
Loading in...5
×

Reflow Adobe MAX 2013

215

Published on

Learn about the changing roles of designers, developers and content creators in the area or responsive design and how Adobe's Edge Reflow can help design your next responsive project.

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

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

No notes for slide

Reflow Adobe MAX 2013

  1. 1. ResponsiveDesignwithEdge ReflowJacob SurberSr. Product Manager HTML Design@jacobsurber
  2. 2. EthanMarcotte#chuckapproved+ =
  3. 3. new#itsOKdifferentneeded a nameResponsiveDesign
  4. 4. Content focusedClean designMobile firstStructured information
  5. 5. It’s really justWeb Design#srsly
  6. 6. WebDesignwithEdge ReflowJacob Surber @jacobsurberSr. Product Manager HTML Design#getitright
  7. 7. What is ?
  8. 8. What is not?
  9. 9. #ReflowIsNoWYSIWYGWYSIWYG
  10. 10. #buttsniffing
  11. 11. What’s the workflow been?
  12. 12. DesignersWritersDevelopers#waterfail
  13. 13. #wrongexpectationsDesigners Developersdesignacuity
  14. 14. #harmony
  15. 15. What does this yield?
  16. 16. Responsive Inspector
  17. 17. PIOTR WALCZYSZYNhttp://outof.me/@outof_me
  18. 18. two design camps
  19. 19. Ona notepadIna text editor
  20. 20. Ina text editor
  21. 21. On a notepad
  22. 22. Layoutis Design
  23. 23. #betruetoyourdevHonesty in design
  24. 24. #he’ssmart“ContentChoreography”@trentwalton
  25. 25. Is right for you?
  26. 26. DesignersdesignacuityDevelopers
  27. 27. #changeiscomingDesigners Developers
  28. 28. Do you know whatfloat:rightmeans?
  29. 29. Do you care about thebox model?
  30. 30. Let’s talk about
  31. 31. #anewdirectionDesign &TypographyHTML designsurfaceFlexible gridsystemIntelligent weblayout
  32. 32. Mobile or Desktop?#whichway??
  33. 33. screen grab
  34. 34. It’s important to look at evolution
  35. 35. Roll the clock back......about 1 year
  36. 36. Roll the clock back......about 1 year
  37. 37. Roll the clock back......about 1 year
  38. 38. Roll the clock back......about 1 year
  39. 39. Roll the clock back......about 1 year
  40. 40. Roll the clock back......about 1 year
  41. 41. Roll the clock back......about 1 year
  42. 42. Roll the clock back......about 1 year
  43. 43. Roll the clock back......about 1 year
  44. 44. Roll the clock back......about 1 year
  45. 45. Roll the clock back......about 1 year
  46. 46. Roll the clock back......about 1 year
  47. 47. Roll the clock back......about 1 year
  48. 48. Roll the clock back......about 1 year
  49. 49. Roll the clock back......about 1 year
  50. 50. Roll the clock back......about 1 year
  51. 51. Roll the clock back......about 1 year
  52. 52. Roll the clock back......about 1 year
  53. 53. Roll the clock back......about 1 year
  54. 54. Roll the clock back......about 1 year
  55. 55. Roll the clock back......about 1 year
  56. 56. Roll the clock back......about 1 year
  57. 57. Roll the clock back......about 1 year
  58. 58. Roll the clock back......about 1 year
  59. 59. Roll the clock back......about 1 year
  60. 60. Roll the clock back......about 1 year
  61. 61. Roll the clock back......about 1 year
  62. 62. Roll the clock back......about 1 year
  63. 63. Roll the clock back......about 1 year
  64. 64. Roll the clock back......about 1 year
  65. 65. Roll the clock back......about 1 year
  66. 66. Roll the clock back......about 1 year
  67. 67. Roll the clock back......about 1 year
  68. 68. Roll the clock back......about 1 year
  69. 69. Roll the clock back......about 1 year
  70. 70. Roll the clock back......about 1 year
  71. 71. Reflow’s first functional screen
  72. 72. Where are we going?
  73. 73. Style ManagementMultiple pagesHTML ElementsStatesCreative CloudIntegration
  74. 74. Let’s take a look(and Q&A)
  75. 75. Thanks!html.adobe.com/edge/reflow@ReflowJacob SurberSr. Product Manager HTML Design@jacobsurber

×