Interface Design Gallery & Examples

Weather Icons

A simply superb example of varied, yet gorgeous, icon design. I love the subtle differences that help to add detail and definition to each individual icon.

Jory RaphaelPosted in Interface → Element

Color Code #eeeeee Color Code #cccccc Color Code #aaaaaa Color Code #eeccaa Color Code #888888

View Information about Orange and Black Progress Bar

This is a progress bar I created. It\\\'s sharp, clean, and sleek. The change in color as progression nears the end lets you know how close to finish it is according to the amount of green that appears. PSD attached to link.

Cat SmithPosted in Interface → Element

Color Code #66cc44 Color Code #aa8844 Color Code #444444 Color Code #664422 Color Code #aa6622

Light & Simple UI Kit Freebie

This is a light and simple UI Kit that I decided to create. It's clean and modern looking and the pastel colors give it an airy feel. PSD attached to link.

Cat SmithPosted in Interface → Element

Color Code #aaaaaa Color Code #cccccc Color Code #eeeeee

Shiny UI Kit

This PSD contains a few different UI elements along a stylish, “shiny” theme. These include a red and green on/off toggle switch, a star rating element, and a simple tag. Perfect for incorporating into your own design or tweaking to fit your own style and colour scheme.

Derek KohnPosted in Interface → Element

Color Code #cc6666 Color Code #aaccaa Color Code #eeaaaa Color Code #ee8888 Color Code #cceeaa

Red Play Button

A superb design for a play button that simply jumps off the screen. Admittedly, this concept would only work in a very specific style of playful interface, but it's neat nonetheless.

Yasir Bu?ra Ery?lmazPosted in Interface → Element

Color Code #ee6644 Color Code #ee4422 Color Code #eeaa22 Color Code #886666 Color Code #aa2200

Mail Icon Design

An interesting redesign of the mail icon that takes a much bolder approach. It's bound to be disliked by some, but it certainly gives the icon a more significant presence.

CelegormPosted in Interface → iPhone App

Color Code #22ccee Color Code #884444 Color Code #aa6666 Color Code #eecccc Color Code #cc2244

Artist Selection

An iPhone concept app design that's beautifully clean and direct. I particularly like the flat UI style and the utterly stripped-back icons.

Andres JassoPosted in Interface → iPhone App

Color Code #eeeeee Color Code #000000 Color Code #222222 Color Code #ee4422 Color Code #666666

Bright Heart Icon

A bright and bold icon that's almost sickly in its colouring. There's no denying that it makes an impact, the rich colour makes an immediate impression, but is it the right one?

Yasir Bu?ra Ery?lmazPosted in Interface → iPhone App

Color Code #aa0044 Color Code #cc2244 Color Code #880022 Color Code #ee4466 Color Code #eecccc

Advanced Search PSD

This freebie is made with intricate detail and comes in two different styles. You can use just the simple search option, or the advanced search option and comes with the auto complete suggestions as well. Definitely useful for your next web design project!

Michael ReimerPosted in Interface → Element

Color Code #eeeeee Color Code #cccccc Color Code #aaaaaa Color Code #888888

6 Stylish Comment Templates

These 6 different and creative styles of comment templates are ready to be used in your project. Especially designed to support threaded (nested) comments, specific to WordPress blogs. You can easily configure each comment template to suit your project’s colours.

Girls Can CodePosted in Interface → Web App

Color Code #000000 Color Code #cc6666 Color Code #cc8888 Color Code #222222 Color Code #662222

iPhone App Template

This iPhone app template contains everything you need to get started with a gorgeous mobile user interface. It has a unique look and feel, with amazing detail when viewed at full-size. Perfect for the iPhone’s high resolution retina display. It’s simple to change the style and colour to match your own needs, and provides a beautiful starting point for a mobile interface. We hope you like it!

Chris ObermillerPosted in Interface → Element

Color Code #224466 Color Code #446688 Color Code #888888 Color Code #cccccc Color Code #666666

Stitched Price Tag

A gorgeous example of a stitched price tag that would work really well as part of a e-commerce page.

Liam McCabePosted in Interface → Element

Color Code #aaaaaa Color Code #222222 Color Code #446644 Color Code #888888 Color Code #668866

Netpoint

A great Wi-Fi icon that takes a slightly different approach and makes a statement with it. I love the use of bold colours.

Filip PietroPosted in Interface → Element

Color Code #ee8888 Color Code #ee6666 Color Code #eeaaaa Color Code #eecccc Color Code #aaeecc

vCard Minisite

This is a beautiful minisite vCard in PSD format. It contains elements for your social media profiles, an avatar, a small bio, and a “folded corner” for someone to download a copy of your vCard. If you want to put up a vCard website, this is the perfect way to do so!

Benjamin NathanPosted in Interface → Element

Color Code #cccccc Color Code #eeeeee Color Code #cceeaa Color Code #cccc88

Brushed Metal Dials

This PSD includes three beautiful metal dials: Brushed Concave, Brushed Flat, and “Milled Grooves”. Each is designed in a large and small size, with a switch, and two accompanying sliders.

Alden HaleyPosted in Interface → Element

Color Code #222222 Color Code #000000 Color Code #aaaaaa Color Code #eeeeee Color Code #cccccc

Chunky Slider

A gorgeous interface element that uses texture to create a distinctive look.

Daniel KlopperPosted in Interface → Element

Color Code #444466 Color Code #eeeeee Color Code #cccccc Color Code #aaaaaa Color Code #888888

Month Picker

A simple yet effective month picker.

Liam McCabePosted in Interface → Element

Color Code #666666 Color Code #222244

Big Icons

A gorgeous example of icon design that uses details to make an impact. I particularly like the use of recognisable elements to create effective icons.

Julie LuuPosted in Interface → Element

Color Code #88cccc Color Code #eeeeee