Design a Web Template using the “960 Grid System”

Comments (15)
  1. I love what you guys are usually up too. This kind of
    clever work and coverage! Keep up the fantastic works guys I’ve included you guys to my blogroll.

  2. prasanna says:

    nice tutorial let me know the link to down the grid

  3. saurabh gupta says:

    This article shows just the basics and is very good if you are new or just learned photoshop and take your skills further. The use of 960 grid is not limited to just setting the width but it is used whenever you need to position anything. Suppose you are positioning an image you can do it easily with the help of the grid.

    You can also do it without it but it becomes much easier by using the grid

  4. Shane says:

    We need to know how you use the template to section out all the content in your wrap – not how to make the wrap 12 columns wide…

  5. Tim says:

    This article is pointless. You say you’re designing using the 960 grid system, but the only time you do anything with it is when you download it and plop the column graphic into your document. You’re not telling anyone about HOW you are using the 960 grid system. Who cares what the template looks like? We want to know how you’re using 960 grid!

  6. Prasad says:

    Thanks for u r brief tutorial but how to download the template ?

  7. kostas says:

    now… where did you exactly used the grid template???

    1. Kyu says:


      author only use the grid at first (only for the width). it didn’t help user to know how use the 960gs in photoshop.

    2. Tim says:

      The 960 grid system is only used for width purposes, its just a pre-made document with the width pre-made. The only other uses is using the other bars for aligning things.

  8. santosa suryadi says:

    thanks for your brief & clean tutorial.

  9. How to download????? plzzzzz

Leave a Reply

Your email address will not be published. Required fields are marked *

Join Our V.I.P. Mailing List!

Subscribe and get the latest Photoshop tutorials, tips, and more via email. As a way of saying thanks, you'll also receive a free copy of Lomocam Photoshop Actions ($7 retail value).