Free 4-column Grid Photoshop Templates for Better Web Design
Author: Ray Gulick; Categories: CSS, Design/Development; Comments: 8 Comments
UPDATE 9/29/09: If you’re looking for a 4-column grid-based WordPress theme, take a look at Evo4 CMS.
Most of us who design custom websites start with Photoshop. I currently use base template files that assume a 1024×768 screen resolution as the lowest common denominator (according to W3Schools, as of January, 2009, only 4% of identifiable browsers were operating at a screen resolution below 1024×768).
In the last 18 months or so, I’ve gone almost completely to the use of 4-column grids. They give me as much flexibility as I know what to do with, and allow for more sophisticated layouts than 2- or 3-column grids. And when it comes to being sophisticated, I need all the help I can get.
Over time, I’ve developed some variations of the basic 4-column template, varying the column widths and outside margins. Three of the ones I use most are available below as zipped files for download. They’re licensed under Creative Commons: you’re free to utilize them however you like for your own use, and share them with attribution. I encourage you to play with the column widths and spacing to make them work for your own purposes. If you feel like it, shoot me a link to a website you’ve designed using one of the grids (or a variation), or a note telling me if you found them helpful.
Zipped files are approximately 288k each.
Download: 4-column, 960 Template
Download: 4-column, 960 Uneven Columns Template
Download: 4-column, 996 Template
ALSO, download the Free XHTML/CSS template that goes with the first Photoshop template!
Andy Walpole
May 31, 2009
2:50 pm
Sir, you are the milkman of human kindness and I thank you for the extra pint
Ray Gulick
May 31, 2009
2:56 pm
Thanks, Andy. Hope you find the templates helpful.
tun221
Sep 06, 2009
9:56 pm
thank, i it work
MattCoops
Sep 13, 2009
11:07 am
I’m surprised that W3schools assumes the lowest common denominator for screen resolution is 1024×768 with all the mobile devices out there.
Jastis Bago
Oct 02, 2009
2:40 am
Thanks before iwant try this tempalte…
Anthony
Nov 15, 2009
2:50 pm
thanks, i’ll have a play around with this when designing webites in the future
Dennis
Jan 04, 2010
5:28 am
Thanks alot – looking forward to trying them out.
jami reighard
Jan 16, 2010
10:19 am
Thanks! Love to see the interactive world embracing order. Keep up the good work!
If you’re struggling with whether or not to launch a blog, download and read this FREE whitepaper»
Blogging is not for everyone or for every company. If you are trying to decide whether it’s for your company, this whitepaper will help you with your decision.
Download Now»
Recent Posts
Recent Comments
Post Categories
Post Archives
To top
Web design and development, WordPress blogs, WordPress as a CMS, Accessibility
Serving Santa Fe, Albuquerque, and the Southwest
What we’re talking about on EvoBloggito
Site Map | Terms | Colophon
©2000-2010, Evolution Web Development; All Rights Reserved.
Log in | Site Admin
Evolution Web Development
PO Box 4188
Santa Fe, New Mexico 87502
505-577-4002 cell phone
505-466-8292 phone/fax