Advertise here with BSA

We can say that Illustration is a visual form of presenting something (via Wikipedia). Regarding web design, we can also say that the main goal is to “present something” in a beautiful and interesting form, so we get our user’s attention. Today we decided to gather some examples of websites using illustrations and/or hand drawn elements to present their content. From hand drawn typography to character illustrations and other details, here you will see a lot of inspiring examples.

Jan Ploch

Corpus

EduSoCal’11

RUhotEnouf

Freckles & Handsome’s

steedicons

Thread’s not Dead

wakWAW

The Threepenny Editor

Phase 2 Design Studio

Flow

Netlife Research

Albion West Coast

Florida After Seven

Bully! Entertainment

Greenaway Pro

Shout

Sasquatch Music Festival

Pow

sxsw.squarespace.com

analogue

The Beehive

Youzee

Alexandre Ribeiro

Cantilever

Source:

Abduzeedo – Sites of the Week
siteInspire
The Best Designs

Advertise here with BSA

Hand drawn elements are great way to give a website a unique look. You can do that by adding a nice hand drawn illustration as a background, a stylish hand draw font, icon, line work, characters or any other element you might think of. Hand drawn elements can give your website an informal look. They can add lots of personality and even humor. Here we’ve gathered 50 examples of hand drawn elements in web design to inspire you. And as usual, if you have a cool example to share, leave us a comment.

Suie Paparude

toucouleur.fr

happyingreenville.com

contrast

Jason Gray

Kari Jobe

N.Design Studio

Sawyer Hollenshed

kusoyama.com

estebanmunoz.com

Studio Img

Richard Stelmach

Dean Oakley

fatheads.co.uk

booma

bootb

Biola

tfreak.com

christian sparrowm

Mobious

itlooksgood.com

psyop.tv

jcbsong.co.uk

Sarah Hyland

bearskinrug.co.uk

charmingwall

Dann Whittaker Creative

Jesse Willmon

khalsakids.org

kittyattackblog

kinetic.com.sg

Low Morale

Frank Pr

Legwork Studio

foto.marcol.art.pl

petincanvas.com

Robbin Waldemar

camellie.com

carsonified.com/projects

redvelvetart.com

Adam Amaral

Project 365

hugs for monsters

TechAdventure DC

A Million Things To Do

creativejoomladesign.com

bio-bak.nl

giantantmedia

dnadarwin.org

chirp.twitter.com

Advertise here with BSA

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

Mark Forrester

camellie

Tech Adventure

Merge

Red Velvet Art

Odosketch

Unlimited Creativity

We Are Not Freelancers

Jesús Rodríguez Velasco

The Idiotic Adventures of Philippe and Pierre

Kutztown University

Matt

Boompa

Web Designer Wall

Biola Undergrad

Esteban Muñoz

Mutt Ink

Sushi & Robots

Hull Digital Live 09

Tyler Gaw

Washtenaw Community College

J.A. Mathius

Advertise here with BSA

By now you have probably noticed a lot of “hand drawn” style web designs. It has become a very popular option for designers when a project calls for a fun and inviting theme. We’ve shown you where to get your hands on some really great hand drawn design elements, but if you are getting ready to start on a site design that requires this particular style, you will need some hand drawn fonts. Here are 21 of the best available.

Grutch Shaded

Pointy

Pee Pants Script

Fh Scribble

OPN Stun Filla Wenka

Mia’s Scribblings

Jamaistevie

Sketch Block

Tire Shop

Bearpaw

Barnes Erc

My Turtle

Against Myself

Fail

Karabine

McCoy – Hello Lori

Clementine Sketch

Oh Ashy

The Quiet Scream

3Dumb & 2Dumb

Rock Show Whiplash

Advertise here with BSA

Last year, we saw the hand drawn style in web design become very popular, and this year it doesn’t seem to be slowing down. Hand drawn or sketched elements can make a web site inviting, and add an overall fun factor to a design.

I’ve hunted down some excellent hand drawn photoshop brushes and vectors to aid you in your own hand drawn designs.

Photoshop Brushes

School Dayz Sketches Brushes

Floral ornament brushes

MISC ITEMS photoshop brushes

Feb Brushes

And Its Flowers

Urban Scrawl

Random Da Vinci Sketches

Doodles

HandmadeDoodles

Primative Art

doodled trees

Plant Things

Vectors

Free Vector Graphics Pack – Doodles and Sketches

WDL Vector Pack: Hand Drawn Ornate Elements

Free Vectors: Hand-Drawn Decorative Elements

Hand-drawn Vector Arrows

Hand-drawn Decorative Ornaments II