Save 37% off PRO during our Black Friday Sale! »

Design Deliverables

B4d40ddfd49b2273c5441ff9a54ff1f5?s=47 Peter Kaizer
January 03, 2015

Design Deliverables

Alternatives to Multi-Layered Photoshop Comps in a Responsive World

B4d40ddfd49b2273c5441ff9a54ff1f5?s=128

Peter Kaizer

January 03, 2015
Tweet

Transcript

  1. Design Deliverables Alternatives to Multi-Layered Photoshop Comps in a Responsive

    World
  2. Design Deliverables? Our best thinking and our design process +

    What we need to communicate about our design solution to our clients
  3. What do we need communicate in our design deliverables •

    Color palette • Typography • Iconography • Tone • Concept • UI Elements • Interactions
  4. None
  5. Why we need to rethink our design deliverables in this

    responsive era
  6. A multi layered Photoshop comp is like a painting hanging

    on a wall Our designs usually are not hung on a wall
  7. Some alternative approaches

  8. http://styletil.es/

  9. Element collage

  10. Pattern library

  11. Pattern lab

  12. Typecast

  13. Rapid prototyping • Code • Frameworks: • Bootstrap • Foundation

    • Neat • Curated library • Rock Hammer • Applications • Hammer • Mixture • Visual • Adobe Re-Flow • Macaw
  14. –Dan Mall “Replace ‘sign off’ with ‘go on’.”

  15. Resources • Style Tiles - http://styletil.es/ • Element collage -

    http://danielmall.com/articles/rif-element- collages/ • Pattern libraries - http://ux.mailchimp.com/patterns • Typecast - http://typecast.com/
  16. Thank you! peterkaizer.com @pdkaizer