Great Examples of Hand Drawn Elements in Web Design

By / Sep 17, 2009 / Inspiration
shares

Hand drawn elements are supposed to be on paper, but lately they have been showing up on more and more web sites. The “hand drawn” style has become very popular, and it’s no surprise why. These sketchy elements give a website personality and create a fun experience for the visitor. Here are some the best examples of using hand drawn style in web design.

Yellow Bird Project

Hand Drawn Web Design

Hand Drawn Web Design

Mark Forrester

Hand Drawn Web Design

Hand Drawn Web Design

camellie

Hand Drawn Web Design

Hand Drawn Web Design

Tech Adventure

Hand Drawn Web Design

Hand Drawn Web Design

Merge

Hand Drawn Web Design

Hand Drawn Web Design

Red Velvet Art

Hand Drawn Web Design

Hand Drawn Web Design

Odosketch

Hand Drawn Web Design

Hand Drawn Web Design

Unlimited Creativity

Hand Drawn Web Design

Hand Drawn Web Design

We Are Not Freelancers

Hand Drawn Web Design

Hand Drawn Web Design

Jesús Rodríguez Velasco

Hand Drawn Web Design

Hand Drawn Web Design

The Idiotic Adventures of Philippe and Pierre

Hand Drawn Web Design

Hand Drawn Web Design

Kutztown University

Hand Drawn Web Design

Hand Drawn Web Design

Matt

Hand Drawn Web Design

Hand Drawn Web Design

Boompa

Hand Drawn Web Design

Hand Drawn Web Design

Web Designer Wall

Hand Drawn Web Design

Hand Drawn Web Design

Biola Undergrad

Hand Drawn Web Design

Hand Drawn Web Design

Esteban Muñoz

Hand Drawn Web Design

Hand Drawn Web Design

Mutt Ink

Hand Drawn Web Design

Hand Drawn Web Design

Sushi & Robots

Hand Drawn Web Design

Hand Drawn Web Design

Hull Digital Live 09

Hand Drawn Web Design

Hand Drawn Web Design

Tyler Gaw

Hand Drawn Web Design

Hand Drawn Web Design

Washtenaw Community College

Hand Drawn Web Design

Hand Drawn Web Design

J.A. Mathius

Hand Drawn Web Design

Hand Drawn Web Design

About the Author

Henry Jones is a web developer, designer, and entrepreneur with over 14 years of experience. He is the founder of WDL and ThemeTrust.

16 Comments

  1. James Craig
    September 17, 2009

    Courtney Albright’s site has a cool hand-drawn focus, too. http://www.courtneyalbright.com/

    Reply
  2. matt
    September 17, 2009

    How many times do we need to see Web Designer Wall? I feel like there are plenty of other examples that can fill his space… just sayin

    Reply
  3. Dennis DelGado
    September 17, 2009

    Love this! Inspires my own design ideas.

    Reply
  4. MONDO print
    September 17, 2009

    These are great. Thanks for the inspiration!

    Reply
  5. Ashely Adams : Sticker Printing
    September 18, 2009

    I believe hand drawn elements can add a personalized touch to your design, which makes them unique. And this is the main reason that they are becoming so popular these days. You have a very inspirational list here. Thanks for the post.

    Reply
  6. sean
    September 18, 2009

    wow, its a great collection.
    i love the one with matt.
    i’ve shared this article with my blog.
    thanks

    http://photoshopvip.net/archives/7534

    Reply
  7. Kaplang
    September 19, 2009

    wow these are amazing, I really like “we are not freelancers” the most…given me some great ideas, thanks :)

    Reply
  8. Gordejev
    September 19, 2009

    Very nice examples! Thanks!

    Reply
  9. Web Design Singapore
    September 19, 2009

    Very nice indeed!

    Reply
  10. monica
    September 19, 2009

    lovely gallery! thank you por putting this together!

    Reply
  11. kozmica
    September 21, 2009

    Nice post, just wanted to point out that every second image from all the examples links to the first web listed (yellowbirdproject).

    Reply
  12. Caroline Guillot – des poules et des pois
    September 22, 2009

    So nice ! how inspiring !

    Reply
  13. imrose @ discount web design
    September 24, 2009

    Great list of inspiration. its amazing everyone has some unique ideas.

    Reply
  14. Kate
    October 5, 2009

    so cute :) So cool when people dont afraid to be creative. Thanks for collection!

    Reply
  15. Web Design Singapore
    October 8, 2009

    thanks for the resources!

    Reply
  16. christian
    December 25, 2009

    i’m a beginning designer and love hand drawn elements in design. i’m curious….are designers creating these elements mostly by actually doing it by hand and scanning it in…or by using a pen tablet (i.e. wacom bamboo, etc.)? i wanna know the best way to go about making this stuff. any tutorials that anyone could pass along would be great.

    Reply

Leave a Reply