Forget fixed-width Photoshop comps and overproduced wireframes. Yesterday’s web design deliverables fail to take into account the demands of responsive web design. Stephen will introduce a new workflow for today’s web.
This workshop is geared toward designers who aren’t afraid of stepping out of their comfort zone, as well as front-end developers who are heavily involved in the design process. Designers will be encouraged to consider using code and other developer tools in order to make their work easier and their design deliverables more effective.
IN THIS WORKSHOP, YOU'LL LEARN:
- A content-based approach to designing for the web
- The why and how of low-fi responsive wireframes
- How to “design in text” and use plain text markup as a base for design mockups
- How making a “linear design” can simplify the responsive design process
- How to determine breakpoints, as well as how to visualize and design for them
- How responsive, web-based design mockups are an effective alternative to Photoshop comps
- How to present your web-based design mockups
- A strategy for creating and automating a style guide for your design.
Who Is It For?
This workshop is intended for designers, developers and everybody else who is dealing with responsive design regularly or wants to improve the responsive design workflow in general.
- 8:30 Doors open, Registration
- 9:00 Introduction & Kick-off
- 11:00 Coffee Break
- 12:30 Lunch
- 13:30 Afternoon Session
- 15:00 Coffee Break
- 17:00 The End, Networking
- Snacks and drinks during the whole day
- Tea and coffee
- Paper and pen/pencil
What Hardware/Software Do You Need?
Please bring your own laptop with a text editor of your choice.
IED School of Design
C/ Biada, 11,