interface1

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!

Old Paper Layout
18

Professional Modern Web Layout
116

Photography portfolio Design
107

Professional header design for your website
final_small

Glossy-Style Carbon Fibre Navigation Buttons
glossy-clan-navigation

Photoshop Paper Texture from Scratch then Create a Grungy Web Design with it!
final

Volkswagen Inspired Navigation
final-nav

Creating A Glossy 3D Button
finished-300x146

Royal Interface – Design Tutorial
royfinal

Design Watercolor Effect Menu
menu-sample

Tutzor web 2.0 style design
Final_large

Black Website Design
web_medium

How to Create a Simple & Sleek Web 2.0 Site Footer
sleekweb20final

How to Create a Grunge Web Design in Photoshop
click

Design a Professional Design Studio Web Template in Adobe Photoshop
final

Corporate WordPress Style Layout
photoshop_tutorial_22

Create a Vibrant Modern Blog Design in Photoshop
37

Design a Simple Rounded Content Box in Photoshop
Result

Design a Cartoon Grunge Web site Layout
cartoonclick

Design a Unique Grungy Website Layout
grungydesignfinalsmall

A Scrap Of Notebook Paper
tornfinal

Creating A Glossy Navigation Bar
final1

Making the ‘Clean Grunge’ Blog Design Photoshop tutorial
cleang28

Sound System Studio Web Layout Photoshop tutorial
88bluedesign

Platinum Shiny, Glossy and Slick Web Design Photoshop tutorial
platinum_medium

Design Studio Layout – Photoshop Tutorial
design_studio2_big

How To Draw The Billings Application Icon
step5.3

Clean Vertical Navigation Interface in Photoshop
Final

Website Design Studio
70

Creating A Professional Magazine Web Layout
previewsiteutt

Design Agency Layout Photoshop tutorial
agency-layout

Modern Web Search Bar Photoshop tutorial
26searchbut

Design a Professional Design Studio Web Template in Adobe Photoshop
finalprofdesign

Create a Professional Gaming Header Photoshop tutorial
headertutfin

Carbon Fiber Layout Photoshop tutorial
cfl28layout

See any tutorials there which will be of use to you? Feel free to share any of your own interface tutorials too!

Enjoy this post? You should follow me on Twitter!