build 960 design grids in photoshop

Introduction

Most modern Web sites are designed and built on a fixed 960-pixel grid. As you can see in the example below, working with a grid can add polish to a site. It makes it easier to create page layouts that are visually consistent and easier for users to navigate. The grid also guarantees your site will be viewable on most computer screens.

This tutorial will teach you how to build a template in Photoshop with 12-column, 16-column and baseline grids. You can then use the template to design your site in Photoshop. You also will learn some Photoshop features, tips and tricks.

 

960 grid

Filed under: Web Development