Design Related Tutorials, Articles and Resources

My latest stock photos on Dreamstime

50 Beautiful Hand-Drawn Web Design

Posted on Friday June, 5 2009 | 163 Comments

Most web designs starts off with a pen and paper before its taken over by Photoshop. However, we’ve noticed a new trend (probably not too new) where designers are bringing back sketches as a form of design. Without a doubt, hand-drawn art is one of the popular styles adopted into web designs. Nothing is better than using these sketchy designs to convey and reflect individual styles.

In this post, psd-tutorial.com would like to show you 50 great examples of how hand drawing and web design can fit beautifully together. Those are rare way of doing web design job. Most web designer prefer using computer graphics as their final result of web design job. This post is originally from hongkiat.com, but short review below is written by psd-tutorial.com

I personally like these artworks:

K4 Laboratory : i like the combination of hand drawing & computer graphics.
Simon Reynolds : because it's funny! ^^
Philipe Mignotte : very neat hand drawing!
Mikimottes : funny image
Look Designs : great idea!

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Article Written by: Ben

Ben is the owner & main writer of psd-tutorial.com | He is currently studying Art and Design at College. Ben is also the owner of Pixel Clouds. Follow Ben on twitter @pixlclouds.

163 Comments

Leave a comment

bagaswaras → http://bagaswaras.co.cc

June 5th, 2009

cukup satu kata saja….wow !

( Reply )
- shijun → http://idunnowatsmyurl.blogspot.com
  
  June 8th, 2009
  
  Quite a handy of information you have there :) thanks for dropping by my blog too :)
  
  ( Reply )
wiyono → http://www.rumahkutiaraku.blogspot.com

June 5th, 2009

sangat baik bro blog mu ini

( Reply )
dilarang melarang → http://nagapasha.blogspot.com

June 5th, 2009

memang mantaf…thanx for sharing na
http://nagapasha.blogspot.com

( Reply )
cync → http://gamers80.blogspot.com

June 5th, 2009

Wow, good info…

But can i request a tutorial??

( Reply )
admin thevoel → http://thevoel.forumotion.net

June 5th, 2009

Good article…

Would u like to join our forum??
You can modedrate web and design category..

Thx be4

( Reply )
mojoniaga → http://mojoniaga.blogspot.com

June 5th, 2009

i know you are the master…!!

( Reply )
Adi → http://aristia-wida-rukmi.blogspot.com

June 5th, 2009

nice design !

i like it !

thanks for sharing !

visit my blog !

( Reply )
rachmattullah → http://www.rachmattullah.com

June 5th, 2009

Good phost, nice image :D

( Reply )
noe → http://toejoeh124.blogspot.com/2009/06/belajar-seo-para-pemula.html

June 5th, 2009

wuih itu karya tangan….keren banget tuh…….
Belajar SEO Para Pemula

( Reply )
jiwafana → http://jiwafana.blogspot.com

June 5th, 2009

cool!!!

( Reply )
pink guava → http://minum-dapat-duit.blogspot.com

June 5th, 2009

briliant!!!

( Reply )
tropical → http://tropicalparadise-vacation.blogspot.com

June 5th, 2009

good job..

( Reply )
provezzor → http://ditagiri.blogspot.com

June 5th, 2009

Actually many of Japanese city’s website done this, such as inuyama

???????????????blablabla, hehehe..

keren euy!

( Reply )
janggeng → http://www.janggeng.blogspot.com/

June 6th, 2009

nice tutorial……..

( Reply )
Adi Rabbani → http://.www.rabbanionline.blogspot.com

June 6th, 2009

Selalu Untuk Selamanya….Sukses Untuk Yang Punya Blog. Salam Kenal

( Reply )
Ches → http://chescoern.blogspot.com

June 6th, 2009

Great Job!!!!

( Reply )
Ches → http://chescoern.blogspot.com

June 6th, 2009

Great Jobbb!!!

( Reply )
Hobert Noya → http://hulaliu.blogspot.com

June 6th, 2009

Thanks for sharing, Bro.. :)

( Reply )
kwangkxz → http://www-tentang-komputer-internet.co.cc

June 6th, 2009

good article….
Thanks for the information.

( Reply )
Ardiansyah → http://www.arbaa-fivone.blogspot.com

June 6th, 2009

Nice web site!

( Reply )
icethetic → http://coretandigital.blogspot.com

June 6th, 2009

keren-keren web nya.
eh gw jadi ingat toxel kalo liat web ini

( Reply )
indoneter → http://indoneter.blogspot.com

June 6th, 2009

beautiful…
thanks 4 visiting..

( Reply )
ulumuddin → http://ngilangikebodohan.blogspot.com

June 6th, 2009

wuiiiiih mantab broow .. semua bagus. eh ada yang seperti bajak laut ga ?? belum ada ya ??

( Reply )
ariexcom → http://ariexcom.blogspot.com/2009/06/karenina-sunny-halim-menjadi-pemenang.html

June 6th, 2009

very good

( Reply )
MyKoreanz@Shaazi → http://mykoreanz.blogspot.com

June 6th, 2009

Very Nice..like it!

~ http://mykoreanz.blogspot.com ~

( Reply )
Alphawave → http://arief.hardiyanto.com/

June 6th, 2009

very interesting articles, even for me that doesn’t have a sense of art :) thanks bro

( Reply )
syaiful → http://syaiful64.wordpress.com

June 6th, 2009

berkunjung nih. salam kenal ya

( Reply )
Renungan Senja → http://www.renungansenjahari.blogspot.com/

June 6th, 2009

amazing. good job, bro!

( Reply )
Blogger Indramayu → http://blogger-indramayu.blogspot.com

June 6th, 2009

Great and niche…

( Reply )
Finances → http://1st-finances.blogspot.com

June 6th, 2009

Niche my friend

( Reply )
nyoman → http://www.lesparisien.net/

June 6th, 2009

wooooooooooow

( Reply )
hs → http://www.highstreet5.info/

June 6th, 2009

u r v talented

( Reply )
heriza → http://www.heriza.co.cc/2009/06/netbook-advan-vanbook-a1n70t-bonus-di.html

June 6th, 2009

mantaf ni artikelnya, makasih dah bisa sharing

( Reply )
masdjoen → http://www.graphiciant.blogspot.com/

June 6th, 2009

mantaaaaffff….!!!

( Reply )
syukri → http://bisnisdesgo2.blogspot.com/2009/06/kabar-gembira-di-bulan-juni.html?showComment=1244246942195#c1958335948488874653

June 6th, 2009

web designnya unik-unik.keren..

( Reply )
Ari → http://metungkul.blogspot.com

June 6th, 2009

Wow it’s masterpiece.
so cool.

( Reply )
aidilsuryani → http://www.aidilsuryani.blogspot.com

June 6th, 2009

COOL list! love it, keep it up :)

( Reply )
Ardhiansyam → http://ardhiansyam.blogspot.com

June 6th, 2009

awesome…

( Reply )
campur.info → http://www.campur.info

June 6th, 2009

nice blog, kayak http://www.cwd.dk

( Reply )
ubuh → http://kulpang.blogspot.com/2009/06/belajar-seo.html

June 6th, 2009

so beutiful web.. very higt imagination

( Reply )
tonibanzai → http://www.banzaiprimanet.blogspot.com

June 6th, 2009

awesome picture collection andai aku bisa nge-gambar seperti itu asyik tuh he…he…belajar dan belajar kuncinya thanks bwt koleksinya

( Reply )
jefky → http://jefkydiary.blogspot.com/

June 6th, 2009

wow…artikelnya keren2 lho…

( Reply )
Saiful → http://singalodra.blogspot.com

June 6th, 2009

woooww.. nice pic!!

( Reply )
Wahyu → http://dsmlmdblog.blogspot.com

June 6th, 2009

Makin lama makin berguna nih blognya…. Knapa tidak membuat bukunya saja ya ?

( Reply )
eragon → http://pengetahuan-kita.co.cc

June 6th, 2009

wah keren keren nih sob :)

( Reply )
http://ezanggi.blogspot.com → http://ezanggi.blogspot.com

June 6th, 2009

Keren-keren Gambarnya!!
mau donk!!

http://ezanggi.blogspot.com

( Reply )
ReMo-XP → http://www.remo-creativity.co.cc

June 6th, 2009

Thanks friends,,

( Reply )
jinkurakura → http://www.jinkurakura.blogspot.com

June 6th, 2009

i like the original design. like made by hand no computer needed,, this’s sweet tutor dude

( Reply )
hear the music → http://www.1001musik.co.cc

June 6th, 2009

great…. :)

( Reply )
beE → http://msbeedesign.celebfans.org

June 6th, 2009

THOSE ARE AMAZING!!!!

( Reply )
tukang nggunem → http://gunemanku.blogspot.com

June 6th, 2009

Cool.. saya juga pengguna photoshop..thanks atas tutorial2nya..

( Reply )
Dee → http://sesuatudee.blogspot.com

June 6th, 2009

Nice blog…have a nice day..

( Reply )
huget → http://zonarejekiaira.blogspot.com/2009/05/situs-seperti-facebook-yang-ngasih.html

June 6th, 2009

everytime visit I always find new this about photoshop. Good job my friend…thx

( Reply )
aryadi → http://blogideusaha.blogspot.com/

June 6th, 2009

it seems, they could be done by 100% hand manualy without computer…..

( Reply )
huget → http://zonarejekiaira.blogspot.com/2009/05/situs-seperti-facebook-yang-ngasih.html

June 6th, 2009

always be new things about photoshop. Great job my friend…

( Reply )
ghielz → http://daftarsemauku.blogspot.com/2009/03/cara-daftar-kontera-content-link.html

June 6th, 2009

wew……cakep degh buat designnya…..

semakin hari semakin cihuy aj………..

( Reply )
Picas → http://picaswrite.blogspot.com

June 6th, 2009

So Cool Friend…

( Reply )
Son → http://www.sonsprint.blogspot.com

June 6th, 2009

Hello…I’m coming back. May I put one of your picture in my blog? I need your permission.

( Reply )
The_JaeV → http://www.thejaev.co.cc

June 6th, 2009

Wow,,,I interesting With this Site..

Good Job 4 Admin This Site

( Reply )
kharianto → http://blogs.kharianto.com

June 6th, 2009

creative this post friends,,,, thanks

( Reply )
Alien... → http://kaliwungusquare.blogspot.com

June 6th, 2009

wuih.. desain kelas berat nih..
belajar.. belajar..

( Reply )
Hari → http://nandur-uwit.blogspot.com/

June 6th, 2009

ok bagus bgt

( Reply )
glidik → http://www.dosenku-kus.blogspot.com

June 6th, 2009

sip mantap nih desain, salut

( Reply )
sendal jepit paling kece → http://www.sendal-jepit-santri.blogspot.com

June 6th, 2009

desainer ya, keren2 tuh gambarnya. kalo bisa tolong dibuatin header yang sesuai donk ama nama blogku, kalo mau aja gpp thengkyuuu

( Reply )
David → http://www.bisnis2onlines.co.cc

June 6th, 2009

The web design is cool
i like it very much
thanks..

( Reply )
opungnya chikal → http://b2855wl.blogspot.com

June 6th, 2009

manteb abeeesssssssssss… ini buatan sendiri om?!?!?

( Reply )
NeARie → http://nearie.web.id

June 6th, 2009

great picture..but,can i copy that pictures?

( Reply )
Moel's Blog → http://moelslife.blogspot.com

June 6th, 2009

Bagus2 desainnya, keep posting bro

( Reply )
Blog Kuliner → http://kulinerbandungku.blogspot.com

June 6th, 2009

bagus2 desainnya nih… salut. Belajar desain sendiri?

( Reply )
riyan → http://rockability-safetheworld.blogspot.com/

June 6th, 2009

berkunjung nehh…!!!salam kenal…!!!

( Reply )
celebrities → http://celebryti.blogspot.com/

June 6th, 2009

nice info.. thanks!

( Reply )
Tips & Game → http://dinginkale.blogspot.com

June 6th, 2009

disainnya keren – keren jd pgn berkreasi sendiri nich..

thx yup

( Reply )
Online Business → http://goldoase.blogspot.com

June 6th, 2009

Its great for template design, unique..

( Reply )
Obing → http://thobingsunarya.blogspot.com

June 6th, 2009

Boleh juga Sobat, keren2 karyanya, terusin yah, aku juga suka segala seni…!!

( Reply )
taufan → http://gala-aksi.blogspot.com

June 6th, 2009

gudang display kreatif…..
material berharga!!!!!

( Reply )
aanzp → http://persibo-boromania.blogspot.com

June 6th, 2009

q datang slalu membawa brita hangat

( Reply )
Bisnis Online | Make Money Online → http://randyhawai.blogspot.com

June 6th, 2009

wew no 64.. ;o
rame amat ya..? kaya PRJ aja, huehuehue..
but nice article.. And cool design..

( Reply )
internetandapetduit → http://www.internetandapetduit.blogspot.com

June 6th, 2009

Just stopping by :)Nice blog, have a nice day

( Reply )
internetandapetduit → http://www.internetandapetduit.blogspot.com

June 6th, 2009

Just stoping by :)Nice pictures, have a nice day

( Reply )
A.N.D.I.Z.A.®™ → http://www.andiza.net

June 6th, 2009

waw..nice….hasil kerja yang bagus..

( Reply )
dunia advertising → http://www.adverdreams.blogspot.com

June 6th, 2009

templatenya bisa dodowload gratis gak ya…

( Reply )
IjoPunkJUtee → http://ijopunkjutee.blogspot.com

June 6th, 2009

All of them are artistic web designs. I like them..!!!

( Reply )
Rusa Bawean™ → http://rusabawean.com

June 6th, 2009

wahhh
sep neh
:)

( Reply )
peluang bisnis internet → http://jurusbisnisinternet.blogspot.com/

June 6th, 2009

great website… !!!

( Reply )
Arry → http://langitbarat.blogspot.com/2009/06/sisi-lain-seorang-blogger-part-1.html

June 6th, 2009

that’s wonderful… keep sharing.. :D

( Reply )
dan0105 → http://dan0105.blogspot.com

June 6th, 2009

mantap bro :X

( Reply )
Jauhari → http://nurudin.jauhari.net

June 6th, 2009

Wonderful list, this design is amazing

( Reply )
Bang Fajar → http://kiosfresh.blogspot.com/2009/06/sitemap-is-often-considered-redundant.html

June 6th, 2009

Nice article…this unique web design…good job…

( Reply )
orang gunung → http://abdurrasyid.co.nr/

June 6th, 2009

nice post

( Reply )
Arfar → http://www.arfarcutben.com

June 6th, 2009

Beautiful design

( Reply )
eko priyono → http://helloantique.blogspot.com/

June 6th, 2009

thanks very much

( Reply )
Prospek Online → http://securemarket.blogspot.com

June 6th, 2009

nice sob, grow ur talent to the Max :D

( Reply )
bitt → http://b1tt.blogspot.com

June 6th, 2009

very nice! thanks 4 sharing, boleh design kan 3 me 4 free ;)

( Reply )
Eri Yanuar → http://www.psikugm2004.co.cc

June 6th, 2009

Wuih…. Inspiratif banget

( Reply )
cahyadi → http://albertusgoentoer.blogspot.com

June 6th, 2009

hanya satu kata… keeerrrrreennnnn…..

( Reply )
secondcomp → http://linuxponorogo.blogspot.com/

June 6th, 2009

Good Job man…..

100% Hand made design..

Awesome…

( Reply )
ensicklopedia → http://ensicklopedia.blogspot.com/

June 6th, 2009

keren…..

( Reply )
ray → http://the-ray-man.blogspot.com

June 7th, 2009

nice post
how to make it?

( Reply )
ratu → http://ratuamira.blogspot.com

June 7th, 2009

very interested picture..! nice info.

( Reply )
Ophand → http://info-gamenews.blogspot.com/

June 7th, 2009

i like ur idea… wait the next idea.. ;)

( Reply )