Hand Drawn Web Design

I made this list for myself a few weeks ago. I love the hand drawn element added to web designs/ site templates. I was doing some myself, posting drawings I had done to my personal blog. I would like to get back to that.

Anyway, here for your viewing pleasure… my list of resources for creating your own hand drawn web template or for adding elements of the hand drawn to what you already have. Best wishes!

Flickr: Hand Written Blogs – Not just the template but the whole blog.

Tutorials:

We are Not Freelancers has a video tutorial: Technique for creating a hand drawn website.

Talk Mania created a hand drawn template and has a guide to what they did to get there.

Web Designer Wall also shows their process in making the current hand drawn template.

Go Media Zine shows how to turn a hand drawn sketch into a vector illustration.

Resources: (Most are geared to using PhotoShop).

Webitect has links to resources and a few tips for designing.

1st Web Designer has resources for using PhotoShop as well as fonts anyone can use.

My Ink Blog has examples of templates and resources for making your own.

Design M.ag has template examples and resources.

Design Reviver has doodling and other resources for making hand drawn templates.

Snap 2 Objects has sketches, doodles and other hand drawn elements.

Hongkiat has 40 hand drawn fonts.

Examples:

Smashing Magazine writes about the trend to hand drawn websites and shows their top picks.

Hongkiat has 50 hand drawn template designs picked out as favourites.

Outlaw Design Blog showcases 30+ hand drawn websites.

Blog Spoon Graphics has 50 Inspiring Illustrations in Web Design.

Create Who You Are Blog has a few more designs reviewed.

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>