Mimic Design Elements From Some Of The Top Sites

Posted in Tutorials | On 31st January 2010 | 4 Comments

Get a free VECTOR Image of the week from Shutterstock.

Get hundreds of free PHOTOS from Pixmac.

Looking at some of the bigger site’s UI design can give you some inspiration for usability and of course the aesthetic side of things.

These bigger sites have design elements that work and users are comfortable with, so they are a good starting point for your own projects.

The following tutorials mimic these elements and show you how to do it yourself, obviously these tutorials aren’t here for you to clone Facebook for example, but it will break it down and show you how they did it.

Creating a Facebook-like Registration Form with jQuery

Facebook Style Footer Admin Panel Part 1

Facebook Style Footer Admin Panel Part 2

Designing the Digg Header: How To & Download

Create a Twitter Style Login Form with jQuery

McBonio

McBonio is a full time web designer, blogger and general web lurker. He runs Tropica Web Design, which is a web agency based in Liverpool, UK. You can also catch McBonio at Twitter: @mcbonio

Visit McBonio's website