Exploring the Design Process
11 likes2,465 views
The document highlights various tools and resources for responsive web design, including Adobe Edge Reflow and Macaw. It emphasizes the importance of visual communication with clients, such as mood boards and interactive style tiles. Additionally, it mentions maintaining style guides and offers links for further learning about design processes and tools.
Exploring the Design Process
- 5. Smashing Magazine has a great comparison http://bit.ly/RidLcM A Few Responsive Web Design Tools
- 6. Adobe Edge Reflow CC
- 10. + many more
- 11. ! Communication
- 12. invisionapp.com
- 15. Let’s change the phrase “designing in the browser” to “deciding in the browser” - Dan Moll
- 16. clients need visuals mood boards! styletil.es! style prototypes! interactivestyletiles.com element collages atomic design
- 40. Workflow
- 41. Sketch?
- 43. Design
- 44. Iterate
- 50. Pears
- 53. Resources Design Deliverable Process Methods styletil.es github.com/sparkbox/style-prototype republicofquality.com/style-tiles danielmall.com/articles/rif-element-collages bradfrostweb.com/blog/post/atomic-web-design ! Creating or maintaining style guides patternlab.io stylifyme.com pea.rs alistapart.com/article/creating-style-guides Responsive Mock Up Tools creative.adobe.com/products/reflow macaw.co froont.com ! Photoshop Documentation basecamp.com invisionapp.com
- 54. Want to learn more? stuffandnonsense.co.uk/blog/about/ time_to_stop_showing_clients_static_design_visuals typecast.com/seminars/post-comp danielmall.com/articles/visual-inventory rif.superfriend.ly/designs/round2 product.voxmedia.com/2013/1/24/5426808/an-inside-peek-into-the-polygon- design-process