Upgrade to Pro — share decks privately, control downloads, hide ads and more …

No More Static Comps: Toward a Modern Design Process

Eric Browning
January 02, 2015

No More Static Comps: Toward a Modern Design Process

The design landscape is much broader now than ever before: apps for devices of various sizes, platforms, and resolutions have led the industry to adopt responsive design. Still though, static pixel-perfect comps are used as the primary touchpoint between designers and decision makers. Learn what needs to be done to adapt each step of the design process to convey scaling, device context, motion, and interaction to give a more realistic idea of how the designs work in a more collaborative way.

Eric Browning

January 02, 2015
Tweet

Other Decks in Design

Transcript

  1. Design is merely the set of decisions you either make

    or set aside when you create 
 your product. You cannot not design. … “
  2. Good design will contribute to your product being understandable, credible

    and valuable. Bad design leads to the opposite… Erika Hall, Mule Design ”
  3. About Me 2015 2010 2005 Design and front-end development at

    several web agencies Art director for a small game company
  4. What’s our current process and why doesn’t it work? What

    can we do instead? What does this mean for designers moving forward? Overview
  5. https://www.fontshop.com/styleguide/globals http://www.google.com/design/spec/material-design/introduction.html http://webdesign.tutsplus.com/articles/a-beginners-guide-to- wireframing--webdesign-7399 http://styletil.es/ http://brent-larue.com/wp-content/uploads/2014/08/style-tile-v1.jpg http://www.sharepointdan.com/wp-content/uploads/2009/03/ balsamiq-piratenosh.jpg http://basecraft.com/blog/ http://rif.superfriend.ly/

    http://styleguides.io/ https://unsplash.com/ http://nos.twnsnd.co/ http://startupstockphotos.com/ http://www.gratisography.com/ http://magdeleine.co/ http://sophieshepherd.com/2012/12/evolving-designer.html ttp://unmatchedstyle.com/podcast/prototyping-style-by-ben- callahan-beyond-the-desktop-conference.php http://daverupert.com/2013/04/responsive-deliverables/ References Stock Images Further Reading https://www.omnigroup.com/omnigraffle http://www.axure.com/ http://bohemiancoding.com/sketch/ http://macaw.co/ https://creative.adobe.com/products/reflow http://www.invisionapp.com/ http://patternlab.io/ http://framerjs.com/