Web Design Toolbox

737 views
707 views

Published on

Take a look at a variety emerging tools and evolving workflow challanges facing web (and responsive) designers today.

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

No Downloads
Views
Total views
737
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
13
Comments
0
Likes
2
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. Web Designers Print Information Motion Visual
  4. 4. Ona notepad Innotepad
  5. 5. On a notepad
  6. 6. Top down
  7. 7. Visual approach
  8. 8. Innotepad
  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. Designfor 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. #letsbehonest Design is about communication
  37. 37. Layout is Design
  38. 38. Let’s talk about
  39. 39. #changeiscoming Designers Developers
  40. 40. is about communication • Responsive Intent • Designing 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

×