
There are more different styles of design out there than we could ever hope to master. But as designers, we never want to become locked into one way of doing things.
Below we have collected 35 of the best tutorials for all aspects of User Interface design, with a very wide variety of styles. Follow a tutorial from a style you’ve never tried before and you’ll have taken your first step towards it.
Most of the tutorials are full web pages, so by the end you’ll be more than able to start making your own designs in that theme. You just have to experiment and try out as much as you can!
Professional Modern Web Layout 
Professional header design for your website 
Glossy-Style Carbon Fibre Navigation Buttons 
Photoshop Paper Texture from Scratch then Create a Grungy Web Design with it! 
Volkswagen Inspired Navigation 
Royal Interface – Design Tutorial 
How to Create a Simple & Sleek Web 2.0 Site Footer 
How to Create a Grunge Web Design in Photoshop 
Design a Professional Design Studio Web Template in Adobe Photoshop 
Corporate WordPress Style Layout 
Create a Vibrant Modern Blog Design in Photoshop 
Design a Simple Rounded Content Box in Photoshop 
Design a Cartoon Grunge Web site Layout 
Design a Unique Grungy Website Layout 
Creating A Glossy Navigation Bar 
Making the ‘Clean Grunge’ Blog Design Photoshop tutorial 
Sound System Studio Web Layout Photoshop tutorial 
Platinum Shiny, Glossy and Slick Web Design Photoshop tutorial 
Design Studio Layout – Photoshop Tutorial 
How To Draw The Billings Application Icon 
Clean Vertical Navigation Interface in Photoshop 
Creating A Professional Magazine Web Layout 
Design Agency Layout Photoshop tutorial 
Modern Web Search Bar Photoshop tutorial 
Design a Professional Design Studio Web Template in Adobe Photoshop 
Create a Professional Gaming Header Photoshop tutorial 
Carbon Fiber Layout Photoshop tutorial 
See any tutorials there which will be of use to you? Feel free to share any of your own interface tutorials too!









Custom Search
Christina (1 comments)7 April 09
Pixelmag seems so simple yet elegant. I’d prefer it to others as I prefer to focus on usability and speed.
Andrew (9 comments)7 April 09
As for me I prefer minimalist design
Printer inkt (2 comments)13 May 10
Like they say: “Less is more”
Artikel Tipps (6 comments)26 August 10
I have same opinion with you, fast page load definitely will make search engine to crawl faster and that means more page will get indexed.
But I admit it, these design are very cool and looks professional
HD Guy (12 comments)30 August 10
Pixelmag looks like the best in this round-up, I agree. Minimalist is always the best way to go, for your users and the search engines.
Marty (9 comments)30 August 10
Crawlability and fast page loading are contributing factors to a website’s success
Viessmann poznan (1 comments)7 April 09
Wow, this is an absolutely stunning idea. Expand your horizons, learn new things, get to know different perspectives. While learning something useful
I truly believe any art major that’s planning to use a computer as a part of his creation process should go through these tutorials.
Aman@BullsBattleBears (12 comments)8 April 09
wow…amazing designs! Really good tutorials!!
Free Download (3 comments)13 October 09
I’m agree, this is definitely great tutorial
Thanks for sharing this article
J.R. Far (1 comments)8 April 09
Wow, very well put together. I’m sure this took you a ton of time to put this all together. Thanks for sharing, this is useful for anyone that’s into design.
All the Best,
JR Farr
MorayWeb (1 comments)8 April 09
Brilliant post, some really usful stuff in there plus a big scoop of inspiration too!
Thanks!
Gordon
Holmesy (1 comments)8 April 09
Great designs here, great inspiration for those starting their very first blog.
Jamiel Sharief (1 comments)8 April 09
Some of these are really good. Thanks
angel_me (1 comments)8 April 09
this is so cool…
Hardy (1 comments)8 April 09
There’s some really cool stuff in there which I wouldn’t have found without this list. Thank you for this nice collection of great tuts!
Electric Drum (7 comments)9 April 09
Great design ideas. I needed this. I love the Old Paper design. Very unique.
Bob Barker (1 comments)9 April 09
This a very clear example of what is wrong with our industry. Be fucking original. Stop this “theme” look bullshit.
Billy (1 comments)9 April 09
Seriously, jesus, and “User Interface Design”? They’re fucking blog themes for crying out loud.
Webdesign Meppel Drenthe (3 comments)9 April 09
I’m sorry but I don’t like the designs. Okay some of them are pretty nice but most of all they’re 13 in a dozen ‘template’ designs. The typical $150 bucks all inclusive stuff….
Arjen (13 comments)11 April 09
I do like the designs.. well, most of them. I really like the scrap of notebook paper.
Thanks for sharing!
Web Design Beach (32 comments)13 April 09
Great share. I am sure everyone could learn something new from these tutorials.
chicago web design (2 comments)14 April 09
Great collection of interfaces. Great work.
Robert (11 comments)14 April 09
i serious had some flashbacks to the late 90′s when i saw these tuts! The old bevel-look menu buttons are back and trendy again…. what a crap collection.
mandy (1 comments)15 April 09
This is a great resource especially if you are just trying to get to grips with different design styles in Photoshop. However I would just use these techniques to gain an understanding and try and build on them with your own creativity and intuition. Its important for designers to continue to push the boundaries, with designers continuing to use the same techniques again and again we risk creating designs that will become dull and boring.
conficker (2 comments)15 April 09
I like the billing application ICON. It’s like they start with a simple shape, and before it’s done it’s an elaborate illustration.
baloot (12 comments)17 April 09
pixelmag,
this is really great design.
can i use these picture for my blog post?
i want to show it too for my blog readers..
Rohin (1 comments)19 April 09
I like the collection , not bad.
Very Helpful , thanks a million man !
pelfusion (3 comments)26 April 09
i really liked these tutorials….thanks for sharing
alexandra tong (1 comments)29 April 09
Great list, very useful thanks
jay (6 comments)29 April 09
Very Helpful , thanks a million man !
anurag (1 comments)4 June 09
Cool designs i really love this site. I bookmark this site
anurag’s Latest Post: Reading and Writing files in PHP
Aneslin (1 comments)12 June 09
really awesome tutorial collection
thanks a lot bro
[rq=4695,0,blog][/rq]MySQL Injection Cheat Sheet
resourcesmix.info (2 comments)14 August 09
cool layouts in a great collection, thanks for sharing
Mandy | Business Cards (9 comments)27 August 09
There are some really amazing tutorials there, thank you for your hard work in gathering them and then sharing them with us, going to be passing them alone and sharing them too.
Avery (11 comments)31 August 09
The design is really great,but none of them fit my requirements.I need one for my phone blog.
Nits (6 comments)2 September 09
Thanks for your research and time on writing these awesome article for blogger like us.
lynnscott (20 comments)28 September 09
I firstly want to say thanks…this took a lot of time….you’re tutorial collection good designs…and detail is very good….most of the colours used were light..nice soft on the eyes for reading…enjoyed…Thanks
sticker printing (10 comments)28 October 09
Thanks a lot, i m very inspired by your research work and all post here are worth while. Great Simply.
Hans (17 comments)6 November 09
Are The tutorial hard to be study? I just use from ready stock of free interface, but, nice post in here. more inspired from here. I still read…
Cell phone tracking (4 comments)16 November 09
The first one looks great, I like it most, like real ones, thanks man for such vivid designs.
Web Design from Lyons Solutions (1 comments)19 December 09
Great tutorials. I have book marked this for later use
Autai ptfe (17 comments)30 December 09
Great Poster !!!
sticker printing (10 comments)3 January 10
really nice post… i love the templates
swan (1 comments)3 January 10
thanks ! these are really helpful !!
i was also pretty impressed by
http://www.statsmogul.com/www.paintshopblog.com
u should check it out
custom stickers (4 comments)8 January 10
WOW that’s great design. All designs are very nice.
Thanks for share it. you have done a really good work on this blog.
Tech Maish (6 comments)16 January 10
It is now very easy for me to make my blog more attractive. this is great list.
Man and a Van London (13 comments)12 February 10
Great post, I really love staying here in your site I get new and new thing every post.
saghir (1 comments)15 February 10
شيخ روحاني مغربي علاج مضمون لمن به سحر او مس او مرض ناتج عملا للجلب والمحبة الهيبة جلب الزبون وكشف الخبايا والاسرار والضائع والانتصار في المقابلات اتشخصية وامور اخرى تعرفها بعد ما تتصل على الرقم 00212660966649
RAR Downloads (18 comments)5 May 10
انتوا وصلتوا هنا كمان!!
hanif IM (3 comments)26 February 10
oh, i want to see this article more… and choose some website to be my tutorials. hmm, nyummi…
Media Dew (4 comments)27 February 10
Thanks for the tutorials. I’m a big fan of UX an IA design practices and tutorials and I find that this site has a nice collection of tutorials.
m65 (20 comments)27 February 10
very nice designs, this is great for someone who is looking for a design for their first blog. great share
nitin (1 comments)28 February 10
remarkable piece of information of new blogger like me thanks
Steve (19 comments)6 March 10
Thanks, These are some really cool stuff in here which I wouldn’t have found without this list.
submit link free (3 comments)9 March 10
Excellent design, we need these art in the internet.
Ada (1 comments)9 March 10
Good blog resources. We can use on our blogs with these design.
Webstandard-Blog (5 comments)18 March 10
Interesting collection, but every design is really well designed. I like the 4 column-layout for the “Professional Magazine Web Layout”.
Cell phone tricks (2 comments)23 March 10
I have been learning web design recently, so this is very usefull, thanks.
Aivea (1 comments)24 March 10
Great informative tutorials. Nice effort!!!
Sedat Kumcu (1 comments)9 April 10
Thanks for this useful article. Best regards.
chicago web development (1 comments)10 April 10
All the layouts are excellent, especially the old paper layout. Got many good ideas from these. Thanks
Reparatii Frigidere (5 comments)12 April 10
There are a few outstanding design in this round-up
Fotografia Slubna Gdansk (2 comments)26 April 10
This compilation of tutorials is just fantastic. Thanks for share.
Copy paste online (3 comments)30 April 10
Great collection, thanks for sharing it, they are all amazing!
MrBrill (3 comments)27 May 10
Some nice tuts here. SoundStudio one is probably the nicest to follow but that’s probably because I like the design the most.
Surrey Web Design (8 comments)3 June 10
Pixel Mag is my favourite. I don’t really see some of the others as really top drawer company sites, but the grunge design is very nice though.
SEO Vancouver (4 comments)8 June 10
Super ideas, as usual
Sutures (3 comments)9 June 10
the list contains truly awesome UI designs. The guide is also very helpful. Thanks for the great post.
Suture (2 comments)9 June 10
Great post from a great site, I really love visiting your site so I get new and new info every post.
LETSBIDTONIGHT (1 comments)16 June 10
I can see these coming useful for a very stylish website, possibly my next hairstylist or fashion website will be in wordpress!
Bristol Web Design (40 comments)16 June 10
Great compilation of user interface design tutorials. I could use a lot of these to get new ideas for websites and new techniques to use. Thanks for sharing these.
Painter Brisbane (4 comments)18 June 10
THANK YOU!
I’ve just implemented this on my blog and it worked perfectly. I appreciate you sharing this advice.
Shoulder Holster (2 comments)20 June 10
I checked out a few of these. Most of them seem pretty straight-forward. A few appear to be beyond my skill lever.
…but they are NOT beyond my brother’s. I’ll see if I can pay him a bit to juice up the aesthetics of one of my flagship sites with a couple of these this weekend.
Plumbing services providers (1 comments)22 June 10
I think your suggestion would be helpful for me. I will let you know if its work for me too.
Electrician (8 comments)22 June 10
This was a really quality post. In theory I’d like to write like this too,
taking time and real effort to make a good article…
Electrical Services Sydney (2 comments)23 June 10
THANK YOU!
I’ve just implemented this on my blog and it worked perfectly. I appreciate you sharing this advice.
Mckinley Media Group (21 comments)25 June 10
Great Designs!!
Electrician (8 comments)6 July 10
Your work is very good and I appreciate you and hopping for some more informative posts. thank you for sharing great
information to us
Electrician (8 comments)7 July 10
Thanks, however this is not what I need. The system is much more sophisticated than that.
First of all, extension check is not acceptable, and second of all, you can get an exe file rename it as a txt.
However when you upload it it’s still an exe.
I prefer to limit it as well to control how much bandwith is spent. I do so on my website Builders4u pretty well.
Desentupidora (2 comments)8 July 10
I could use a lot of these to get new ideas for websites and new techniques to use. I like the 4 column-layout for the “Professional Magazine Web Layout”. Thanks a lot!!
Mesa Bankruptcy Attorney (4 comments)11 July 10
Thx for your time and research on writing these great article for blogger like us.
click bank (4 comments)11 July 10
Thats sooo awesome, i loved this tutorials, thanks for the sharing.
Blogger Tips (5 comments)13 July 10
Great Designs!!
webdesign bremen (2 comments)14 July 10
wow !!! what can i say?
It is a really really geat collection.
Thanks a lot. great work good job:-)
web design (27 comments)20 July 10
I think your suggestion would be helpful for me. I will let you know if its work for me too.
Sticker Printing (10 comments)21 July 10
Really nice design thanks for share it i like it these design thanks for share it.
etkinegitimci (1 comments)24 July 10
thanks, 3. sites good
Iphone 4 Jailbreak (4 comments)25 July 10
great share , but i prefer no image themes that load faster
Dave George (3 comments)29 July 10
This was really a knowledgeable post…Expecting more posts like this.
jermaine hernandez (1 comments)5 August 10
I am learning about the Professional Modern Web Layout and I am trying to make on my own. Thanks for the layouts.
kevinxiao (4 comments)9 August 10
I will let you know if its work for me
Gadget News (5 comments)11 August 10
I like the old payer layout design..
shyel (2 comments)12 August 10
Thank you for your post about this interface design topic. Very Glad that you shared this to us. It’s some pretty great info for our website design. Valuable information I found, keep on posting.
naldi (2 comments)13 August 10
Very nice interface design tutorial for us. I certainly enjoyed the way you explore your experience and knowledge of the subject! Keep up on it. Thanks for sharing the info.
Fiber Cleaver (1 comments)16 August 10
All the layouts are excellent, especially the old paper layout. Got many good ideas from these. Thanks
rian (2 comments)16 August 10
Nice user interface design for me. This post is different from what I read on most blog and it have so many valuable things to learn. I just stumbled upon your blog and wanted to say that I have really enjoyed reading your article. Thank you for sharing this article.
noerdy (2 comments)19 August 10
Nice looking with interface design. I appreciate your work, the post is really helpful. It’s some pretty great info, I appreciate the information you provided is excellent post. Thank you.
Farhan@InsideHacks (1 comments)21 August 10
Great collection. Outstanding themes. I am really impressed by the Volkswagen Inspired Navigation. It just look likes a cool multimedia player. I am wondering which software they had used to create such a quality stuff.. might be Photoshop. isnt it ?
Abhi (5 comments)1 September 10
I really liked some of them especially proffesional modern web layout.
Thanks for the links.
PS: I use Unite from Parallelus. Its amazing.