Design Deliverables

Alternatives to Multi-Layered Photoshop Comps in a Responsive World

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
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