Web Design Toolbox

2,630 views

Published on

Jacob Surber, our Sr. Product Manager of HTML Design, offers a look at a variety emerging tools and evolving workflow challenges facing web (and responsive) designers today.

Published in: Technology
1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total views
2,630
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
17
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

Web Design Toolbox

  1. 1. Responsive Toolbox Jacob Surber Sr. Product Manager HTML Design @jacobsurber
  2. 2. Web design
  3. 3. Visual Print Web Information Motion Designers
  4. 4. On In a notepad notepad
  5. 5. On a notepad
  6. 6. Top down
  7. 7. Visual approach
  8. 8. In notepad
  9. 9. Bottom Up
  10. 10. Content First
  11. 11. Content First
  12. 12. We find ourselves on the edge
  13. 13. Team dynamic & individual responsibilities
  14. 14. Tools
  15. 15. Inspection
  16. 16. Responsive Inspector
  17. 17. PIOTR WALCZYSZYN - http://outof.me
  18. 18. Collaboration
  19. 19. Skitch Cloudapp
  20. 20. Dan Mall
  21. 21. Dan Mall danielmall.com/articles/rif-element-collages
  22. 22. Abstraction
  23. 23. Abstraction = Good
  24. 24. Abstraction = Bad ?
  25. 25. The right tool for the right job
  26. 26. Design
  27. 27. Design for the medium
  28. 28. “Content Choreography” @trentwalton
  29. 29. Honesty in design
  30. 30. Emerging Tools
  31. 31. 2013
  32. 32. If you are not embarrassed by the first version of your product, you’ve launched too late. - Reid Hoffman
  33. 33. Change is OK
  34. 34. Change requires more than 5 minutes of effort
  35. 35. Because a tool does not solve your every need, doesn’t mean it can’t help
  36. 36. Design is about communication #letsbehonest
  37. 37. Layout is Design
  38. 38. Let’s talk about
  39. 39. Designers Developers #changeiscoming
  40. 40. is about communication • Responsive • Designing Intent to content
  41. 41. What’s the workflow?
  42. 42. What’s the workflow?
  43. 43. What’s the workflow? http://blog.terrenceryan.com/reflow-cleaner/
  44. 44. Mobile or Desktop? #whichway??
  45. 45. screen grab
  46. 46. Where are we going?
  47. 47. Where are we
  48. 48. Try
  49. 49. html.adobe.com/edge/reflow @Reflow Jacob Surber Sr. Product Manager HTML Design @jacobsurber

×