I thought I’d share a little tip/tool I use when transforming a website design into an actual web page. In the past, I did this by printing out the design and scribbling notes on it. That worked well, but lately I have gone “digital”.

I made some illustrator “symbols”, which are little drag n’ drop icons you can use as you determine what will be what. The process I use is simple - just create a new layer labeled “HTML” and then open the palete of icons, and start drag n’ dropping.

Watch me demonstrate how to use the HTML Stamps in this:
Narrated movie (Quicktime 5 MB).

Download the HTML Stamps file right here (Illustrator CS2).

Our hero George Penston transformed the HTML Stamps into an InDesign Library. Just download (and uncompress), open like a regular file in InDesign (it will open in a palate window), then drag n’ drop.

More versions coming as time permits.

UPDATE: More stamp versions available now, visit the new post.