article:
Adaptive Images
article:
iOS 6 Beta - Build 10B24

Photoshop Grids

Advertisement

It's a collection of PSDs with predetermined grids for common design scenarios. Each template contains a columnar grid defined with guides and overlays.

All of the templates use a 12-unit grid, except for the email template, which uses an 8-unit grid. Imitating responsive layouts, units and gutters increase in size (approximately) as the canvas gets bigger.


Photoshop Grids


Gutters are on the large side to offer a little more space for touch interfaces. For better display on mobile and tablet devices, which have fixed viewports and hard screen edges, the outer gutters (container padding) are the same width as the inner gutters.

Photoshop Grids



source
create by Rob Flaherty

Advertisement
Tags: grid, css, photoshop, html, web, design, responsive, mobile, desktop, monitor, develop

Leave a Comment

No Comment

© Creative3x Ltd.