I'm a designer at an agency that primarily does "PSD to HTML" web development. I know that some can argue it's not ideal, but within my agency this is how it works because most layouts need to be approved before they are produced. Clients and Executives just don't trust the developers to produce things without signoff.
The usual workflow is:
- Produce Concept
- Produce First Layout (usually desktop)
- Produce Other layouts (usually mobile and tablet).
This leaves the "in-between" of the layouts to the developers, who usually can figure it out, but sometimes ending up looking wonky (like mobile at 320px looking garbage at 600px because 640px is tablet breakpoint).
Flaws aside, most in our agency are comfortable with this approach, but there is a longing for something that can produce closer / more pixel-perfect responsive experiences. I know it won't be 100%, but I'd hope we can get closer.
My question, specifically, is:
How do I, the designer, demonstrate what should happen in between breakpoints for the developers, aside from producing dozens of layouts for all the spaces between breakpoints (small agency and we don't have production staff)?
I'm open to techniques in Photoshop, or the use of other software if it will help, as long as it allows us to produce layouts in advance of development for client approval, and can still produce an intuitive document for developers to code into HTML (like a layered PSD does with type hints, and whatnot).