Hand Drawn Web Design

by Laura on July 30, 2009

in web design

I made this list for myself a few weeks ago. I love the hand drawn ele­ment added to web designs/ site tem­plates. I was doing some myself, post­ing draw­ings I had done to my per­sonal blog. I would like to get back to that.

Any­way, here for your view­ing plea­sure… my list of resources for cre­at­ing your own hand drawn web tem­plate or for adding ele­ments of the hand drawn to what you already have. Best wishes!

Flickr: Hand Writ­ten Blogs — Not just the tem­plate but the whole blog.

Tuto­ri­als:

We are Not Free­lancers has a video tuto­r­ial: Tech­nique for cre­at­ing a hand drawn website.

Talk Mania cre­ated a hand drawn tem­plate and has a guide to what they did to get there.

Web Designer Wall also shows their process in mak­ing the cur­rent hand drawn template.

Go Media Zine shows how to turn a hand drawn sketch into a vec­tor illustration.

Resources: (Most are geared to using PhotoShop).

Webi­tect has links to resources and a few tips for designing.

1st Web Designer has resources for using Pho­to­Shop as well as fonts any­one can use.

My Ink Blog has exam­ples of tem­plates and resources for mak­ing your own.

Design M.ag has tem­plate exam­ples and resources.

Design Reviver has doo­dling and other resources for mak­ing hand drawn templates.

Snap 2 Objects has sketches, doo­dles and other hand drawn elements.

Hongkiat has 40 hand drawn fonts.

Exam­ples:

Smash­ing Mag­a­zine writes about the trend to hand drawn web­sites and shows their top picks.

Hongkiat has 50 hand drawn tem­plate designs picked out as favourites.

Out­law Design Blog show­cases 30+ hand drawn websites.

Blog Spoon Graph­ics has 50 Inspir­ing Illus­tra­tions in Web Design.

Cre­ate Who You Are Blog has a few more designs reviewed.

Google Buzz

Leave a Comment

CommentLuv Enabled

Spam Protection by WP-SpamFree

Previous post:

Next post:

Improve the web with Nofollow Reciprocity.