Clean Web Template Design

Written by Ross January 9, 2009

In this tutorial we will be learning how to use the 960 Grid System to design a website template in Photoshop. We will be learning some really useful techniques for positioning elements and mocking up elements such as borders and type. The final result will be a very clean and stylish website template that can be used as a blog or a general site

Read the Tutorial

Save and Share this Post

We like people who share our posts! Del.Icio.Us - StumbleUpon - Float - Reddit

Or why not subscribe to the feed? RSS - Email

28 Responses:

January 12th, 2009

Maxi:

Very COOL tut .good job.
January 19th, 2009

highblood:

thanks for sharing this tutorial! this is so cool! i’m so excited to learn photoshop. I’m new to web design. i hope you can make more tutorials for absolute beginners like me. keep up the good work!
February 5th, 2009

Antonio:

I really aprecciate to read your blog. We here from Brazil have learned a lot from your posts. When is possible take a look mine Curso de Informática à Distância. Antonio B Duarte Jr.
February 16th, 2009

david (cool photoshop template):

These templates are the best keep up the good work
March 23rd, 2009

70 Excellent Photoshop Resources:

[...] news/announcements, and design showcases. You’ll find Photoshop tutorials such as "Clean Web Template Design" and "Setting a Plane on [...]
March 25th, 2009

70 Excellent Photoshop Resources | The Muliati.Com goBlog:

[...] tutorials, news/announcements, and design showcases. You’ll find Photoshop tutorials such as “Clean Web Template Design” and “Setting a Plane on [...]
March 25th, 2009

70 Excellent Photoshop Resources | Blog YODspica Ltd:

[...] news/announcements, and design showcases. You’ll find Photoshop tutorials such as “Clean Web Template Design” and “Setting a Plane on [...]
April 15th, 2009

fab:

Some pic of this tutorial are wrong (belong to the alien effect tuto), can you fix that??
August 3rd, 2009

Web Design Singapore:

Nice tutorial . Greetings from singapore.
August 18th, 2010

roneybalack:

In this photoshop tutorial we will learn to design a clean website layout. … This photoshop tutorial show you how to design a very beautiful and shining …
thanks.. find more best tutorials here http://download60s.com
September 28th, 2010

Guy Rogers:

can you add a style sheet to google sites.
February 11th, 2011

70 Excellent Photoshop Resources « Graphic | Fabulog: A Fabulous Blog for Graphic Designers:

[...] news/announcements, and design showcases. You’ll find Photoshop tutorials such as “Clean Web Template Design” and “Setting a Plane on [...]
March 23rd, 2011

Late Night Stop 70 Excellent Photoshop Resources:

[...] news/announcements, and design showcases. You’ll find Photoshop tutorials such as “Clean Web Template Design” and “Setting a Plane on [...]
June 15th, 2011

kala billa:

splendid tutorial
July 7th, 2011

70 Excellent Photoshop Resources | Graphic Techniques:

[...] news/announcements, and design showcases. You’ll find Photoshop tutorials such as “Clean Web Template Design” and “Setting a Plane on [...]
November 3rd, 2011

rao vat:

Thanks you very much. It’s really nice and It’s useful for me !
November 16th, 2011

tory burch shop:

This site I need a lot of information, so great!! I like!
December 18th, 2011

LiJack:

Great Site, your plugins are very useful and save me a tonne of time.fvge
February 29th, 2012

best way to make money:

This is amazing, thanks a lot
February 29th, 2012

sobe budva:

I really like this, thanks a lot for sharing…
February 29th, 2012

Apartmani Becici:

It’s awesome, I love this
May 29th, 2012

mkjufg:

Welcome to the coach factory outlet store and Enjoy Shopping Here! We promise all the customers to have the superior qualities and low prices.Professional coach factory online.Using a range of quality fabrics and materials, Coach Bag has affirmed itself over the past decades as a world leading brand name in the fashion industry.
December 8th, 2012

www.businessopportunitieslist.net:

business opportunity world wide
Greetings! This is my 1st comment here so I just wanted to give
a quick shout out and tell you I truly enjoy reading your posts.

Can you recommend any other blogs/websites/forums that go over the
same topics? Thanks a ton!
December 11th, 2012

http://www.healthypenisenlargementnow.com:

I absolutely love your blog and find nearly all of your post’s to be just what I’m looking for.

Would you offer guest writers to write content to suit
your needs? I wouldn’t mind composing a post or elaborating on a number of the subjects you write regarding here. Again, awesome web log!
March 27th, 2013

Karan Menon:

Very useful. Thanks :)
May 1st, 2013

Sadye:

Very good post. I am dealing with a few of these
issues as well..
May 23rd, 2013

Tory:

Hi, Neat post. There’s an issue along with your website in web explorer, might test this? IE still is the market leader and a big element of other folks will omit your fantastic writing because of this problem.
June 18th, 2013

http://blog.ub.ac.id:

Thankfulness to my father who shared with me
regarding this website, this website is truly amazing.

Login

Recover password

Flickr Group

Đỉnh của lòng chảo ... Cái gì cũng có 2 mặt đấy =))))

K Theory - Watch Me Kill It (Single Cover)

Phrenik - The Impact EP Remixes (EP Cover)

Join the group!

User Links

Lovable Designs Of Bear Logo For Your Inspiration

Here are the Lovable Designs of Bear Logo for your Inspiration.
OAuth2 and the LinkedIn API – A WordPress CV/Résumé plugin

Continuing on from last weeks introduction to OAuth 2.0 using the Twitter API, this week we’re going to focus on an alternate implementation of OAuth 2.0 used in the LinkedIn API. This implementation requires that you manually authorize the application before you can get a token.
Want to be a designer? Learn the secret handshake

e Secret Handshake is a fabulous project, aimed at helping young designers (18–25) find their way into the industry. You should always quantify the advice you take based on who’s giving it to you, and The Secret Handshake — set up by Bright Bright Great — offers advice from some hugely successful industry names, as well professionals who’ve looked through thousands of job applications. The advice is filterable based on résumés, application processes and organizing your portfolio.
How To Make Sales With Your Website

There are approximately 346005573 websites being hosted at this very moment, so it is important that you build yours to stand out amongst the crowd.
40 Creative Animal Centred Logo Design

Animal centred logo has been a hit since the 20th century. Some popular companies like WWF, Ferrari chose animal as a logo. Some of the most popular animal centred logos.
Tutorial: Check Username Availability with jQuery and PHP

Many websites have user registration forms, where the user fills in the data like the Name, Username, password and many other details. In such cases developers need to take care of the username availability right when the user is filling in the username.
Photographer Web site: Best Way to Reach Out to Potential Clients

Doing business that does not have enough marketing is just similar to giving a wink to a special girl that is in the dark. That is true, even in the field of photography; you have to make sure that you know how to do marketing for your business.