Thanks, AlanGilbertson. This is definitely something our organization has been thinking about helping to solve.
Actually, sprites are problematic for any Photoshop workflow at present, other than creating them as separate files. Absent an unlinked layer mask and setting layer comps for each state (and even that is a poor substitute), there's just no way to represent them in a page mockup. Button states using individual layer groups or changing layer styles are doable in a page mockup, but one has to accept the inefficiency of multiple image files at load time.
I have only once used a Ps mockup to create a site, and only because the client provided their preferred design as a set of page-jpegs and a PSD, but all I used of those files was a header image and their text. I built everything else directly in the Dreamweaver code editor because it was so much faster. A button that's just text with a border around the <a> tag and uses changing text and background colors for the hover, active and visited states is a few seconds work building the class in CSS. Even with a background sprite rather than a color change, it's pretty trivial.
So I appreciate that none of this is non-trivial to implement.
in which form do you receive your mockups ussually?
I am actually looking at investigating something around this area. Could you email me email@example.com so we could find out how you use interactivity for your workflows so we can understand it better? Thanks!
Corrinna, usually I'm doing my own mockups, and I generally prefer to create directly in Dreamweaver or Edge Code, even though I'm not really a coder by trade.
If I have to do a mockup, I'll use whatever tool seems appropriate based on the way the design is likely to go. That can mean InDesign, even Muse, but almost never Photoshop because it's so clumsy as a layout tool. Simple things like changing the crop on an image inside a layout that take a second or two in InDesign are tedious in Ps. So for speed, I avoid Ps for page mockups and use it only for image prep, multi-state buttons and sprite sheets (not always sprite sheets, either, because that's another action that's faster in Ai or Id).
These days I'm leaning more toward a combination of Edge Animate and Muse for wireframing and "working model" mockups, because we just don't do many static sites anymore.