article:
JS Plugin: Custom Content Scroller
article:
Elements Design: Simple Social Icons

Elements Design: Photoshop Grid Templates

Advertisement

"This is a collection of grid template PSDs for various screen sizes. Currently includes templates for: iPad, iPhone, and Desktop screens."


Screenshot

Resource: Photoshop Grid Templates


Overview

- All grids based on 12 columns
- Gutters are on the large size, ranging from 44% - 57% of column width
- Outer gutters built in. (1024px-wide iPad landscape grid has a content area of 968px)


Content

iPad

- Landscape: 1024x768 (Columns: 55px ; Gutters: 28px)
- Portrait: 768x1024 (Columns: 38px; Gutters: 22px)

iPhone

- Portrait: 640x960 (Columns: 36px; Gutters: 16px)

Desktop

- Standard: 972px wide (Columns: 55px; Gutters: 24px)
- Widescreen: 1144px wide (Columns: 65px; Gutters: 28px)
- IAB-Friendly (and slightly wide) 1100px (Columns: 65px; Gutters: 20px)

Email

- Standard: 8 Columns (640px wide; Columns: 60px; Gutters: 20px)




source
download

Advertisement
Tags: grid, grid system, ipad, desktop, email, format, columns, gutters, landscape, portrait, widescreen, mobile, layout, psd, adobe, photoshop

Leave a Comment

No Comment

© Creative3x Ltd.