Do you use a grid for your web designs? Do you use the 960 Grid System? Well if you do, I have provided a set of Photoshop actions for you to download.

These actions will create a Photoshop document ideal for laying websites out in 12, 10, 8, 6 and 4 columns.

Key Features of the Actions:

Creates a new Photoshop document from scratch.
Creates guides to determine grid columns and gutters with transparent layer to show gutter space
Creates Layer Groups for Header, Content, Footer and Backgrounds making it easier to lay your sites out in a orderly manner.
Compatible with Photoshop CS3 and higher
Works on Mac and PC

To install simply download the file below, then unzip and place the “j9s-960-columns.atn” into your Photoshop Actions folder. Open up Photoshop and navigate to your actions palette, select …

As a designer of interfaces I have to create wireframes in order to get a good idea of how all the elements of an app or website will fit into a defined pixel space. As I repetitively use the same elements like scroll bars, lists, buttons, tables, tabs, etc. it was natural that I would create Illustrator symbols to drag and drop into my wireframes. Over the past few projects I have tried my best to compile a decent library of elements that any designer, or user interface designer can use in their wireframes.

This download contains the symbol library and a full Adobe Illustrator file with all of the elements spread out on the art board. To install this library just drag and drop the file named “Wireframe Symbols.ai” into your Adobe Illustrator Symbols directory. Once …

One of the many subscriptions in my reader is PSDTuts. Even though I am very versed in Photoshop the articles and ideas that get spawned after reading PSDTuts is overwhelming.

Tomorrow I will wrap up my Web Design I class, and this article from PSDTuts is such a great example for my students as they continue their studies in design and coding. The article focuses on the many faces of a decent web design template, exploring the diversity of a well prepared layout. It shows how one simple, clean structure of information can be used in an abundance of designs. It is a must read for any budding web designer and the detail the author places on his topic are second to none. Check it out here.

For some reason I have slacked in the past year of writing anything here on my blog. I owe people a Phillies World Series Champions Wallpaper, icons, brushes and the resurgence of Wallpaper Wednesday.

I have no excuses. I should be incorporating blog posts in my week just like I incorporate Tweeting. So I am going to give it a real effort. There have been a lot of resources and other things going on that I want to share with the community and my students.

The abundance of requests for Wallpaper Wednesday’s return has sparked this desire to post more. There has also been a lot of progress on the projects being worked on through IndyHall Labs and it is about time we got some more word out there to the masses.

I am really hoping I can get at least a post here a week in Wallpaper …

While teaching my Web Design class at UArts a student asked if I could give some examples of Portfolio sites. So here is a list of some of my favorite Portfolio style sites on the web.

http://cameronmoll.com/portfolio/

http://www.fullyillustrated.com/

http://www.mindnever.com/

http://emotionslive.co.uk/

http://www.karaburke.net/prints.php

Enjoy!