
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 (6 comments)7 April 09
As for me I prefer minimalist design
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 (11 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 (28 comments)13 April 09
Great share. I am sure everyone could learn something new from these tutorials.
chicago web design (1 comments)14 April 09
Great collection of interfaces. Great work.
Robert (10 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 (11 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 (2 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 (2 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 (9 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 (9 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.