Designing websites on a grid is a great way to structure information. I have been aware of grids for a while, but only recently started to use them in my designs.
Grids basically consist of two parts, namely columns and gutters (the space between the columns). These can be any size and will often differ based on the overall width of the design and content you need to include in the design. Grids can be created to accomodate certain ad-sizes.
I have designed a web design template with a grid for Photoshop. The columns for the grid are 70px wide with gutters of 10px. This template works great for most designs and can be used for various total widths.
Download grid-based web design template .psd here
Lisa
16-05-2008 at 4:23 pm // PermalinkThanks, just what I was looking for after reading an article about using grids for improving web design. I’m surprised PhotoShop doesn’t have something like this built in, or do they?
Emily
14-11-2008 at 9:18 pm // PermalinkHi,
It looks like your link for the grid based web design template is not working. Do you still have it someplace, or would you mind sending it to me via email?
I just started learning about grids and am interested in checking out what you have come up with!!
Thanks!
Cobus // AUTHOR
17-11-2008 at 11:24 am // Permalink: Hi, thanks for mentioning that the downloads broken. I updated my WordPress installation last week and that broke my download manager plugin
I’ve fixed the problem, so ytou can download the file by clicking on the download link!
Emily
17-11-2008 at 5:32 pm // PermalinkWonderful!
Thanks so much!! I will try again!