Photoshop template sizes for comps of responsive layouts

Events happening in the community are now at Drupal community events on www.drupal.org.
arnemaine's picture

I want to male up a set of Photoshop templates that I can use to show comps of the mobile, narrow, normal and wide layouts.

So far I've been using PSD template files downloaded from the 960.gs site for a basis for doing layout comps. The files are great, and include 12, 16 and 24 guides. I've been using these for my layouts that relate to a "Normal" width as they are 1020px wide, with the 960px wide columns and guidelines.

It seems I could use a width figure from the media queries for each default Omega layout, but not sure which width figure would be best.

I'm mostly not clear what width should I be using to make layout comps for the mobile layout. The differences in screen resolution, and actual device size/aspect ratio have me confused about how to proceed.

Does anyone have any recommendations for the sizes a set of Photoshop templates that correspond to these 4 default Omega layouts?

If no one has set something like this up, I'd be glad to make up a set of PSD files and share them, if we can come to an agreement about what would work best.

Omega Framework

Group organizers

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds: