All posts by Jake Rocheleau

Jake is a freelance writer, designer, and illustrator. He currently writes articles on user experience design and web development techniques. You can check out his work on Dribbble and follow his tweets @jakerocheleau.

32 Ultra-Flat and Modern Website Layout Mockups
All PostsInspirationWeb Design

32 Ultra-Flat and Modern Website Layout Mockups

Trends seem to ebb and flow much like the ocean tides – and opinions are just as critical. While you might prefer high tide for a little water adventure, old granny might be waiting on low tide to shrivel up and dry out on the sandy beach. Some people might not even like the beach at all! But nevertheless design trends have their place and will always flow where attention goes.

Flat design has risen to popularity in a few short years. Modern operating systems like Win8 have begun switching over to this design style without hesitation. I’ve also seen this effect in modern websites that flatten their colors, icons, even buttons. And I know what you’re saying – but Mr. Jake writer person, wouldn’t flat buttons just look like regular hyperlinks? And how could a flat UI design work for so many different layouts? Also can I flatten my mother-in-law and toss her onto a website?

Well I say we should delve into the world of flat design and see exactly how this trend behaves on the screen. Take a peek at some of these website mockups created with flat UI design. This gallery is perfect if you’re trying to understand how to create your own flat elements and how to match everything nicely on a single webpage.

Read More
iOS7 Tab Bar Designs for iPhone App UI Inspiration
InspirationiPhone

iOS7 Tab Bar Designs for iPhone App UI Inspiration

To help app designers with their own tab bars I’ve collected a panoply of examples ranging the full gamut of interfaces.Since the iPhone’s original inception there have been plenty of apps using tab bars with some very unique icon designs. The release of iOS 7 ushered into a new era where all graphics have been changed over to flat colors with thin line icons. It seems to be Apple’s newest UI style pending the release of OS X Yosemite following by iOS 8.

To help app designers with their own tab bars I’ve collected a panoply of examples ranging the full gamut of interfaces. There’s icons and tab designs in here for every type of iOS application. Whether you’re just getting started or need some fresh ideas for your next iOS app – this post will surely have a little something for everybody.

Read More
25 Audio Player Interfaces for Mobile Apps and Desktop Programs
InspirationWeb Design

25 Audio Player Interfaces for Mobile Apps and Desktop Programs

Our modern era of technology is fast and efficient. Streaming MP3 music has never been easier with the advancement of countless websites and social networks. Mobile applications also come into the picture with support from many audio streaming services. But how would any of these services function without a clean audio player UI?

This gallery features some creative music players for desktop software and mobile apps. If you plan to design your own interface then these examples are perfect to help with brainstorming. As time goes on music player will surely get cleaner and even simpler to use. See what talented designers have already created and try to push the boundaries even further.

Read More
32 Simplistic Line Icons for UI Design Inspiration
All PostsFreebiesWeb Design

32 Simplistic Line Icons for UI Design Inspiration

The newer iOS software comes with a redesigned interface for iPhones and iPads. The familiar tab bar icons are now typically replaced by smaller line icons – often very thin yet easy to interpret based on the design style. Line icons have grown to encompass website layouts and other types of interfaces.

This gallery includes a large set of line icon designs created for digital interfaces. Some of these are freebie icon sets that you can download and use in creative projects. Others are just design examples you can use for inspiration and research to further understand this trend.

Read More
30 Freebie PSDs for Music Player Interfaces
FreebiesPhotoshop

30 Freebie PSDs for Music Player Interfaces

Digital mp3 players are much more common nowadays on more devices containing tremendous amounts of storage space. Aside from the typical iPod-style music device there are many websites and 3rd party mobile apps which offer a unique audio player experience. Designers and developers are constantly working to make better interfaces which are easy and fun to use.

To get started with your own audio player it may help to check out some designs already available online. This gallery contains 30 free music player interfaces as PSD graphics. You can download and play around with any of these freebies and even customize them for your own ideas. This is an excellent way to learn more about Photoshop and the general concepts behind GUI design.

Read More