Simple Yet Complicated Mobile UI List Designs For Web Designers

July 25, 2014
1 Star2 Stars3 Stars4 Stars5 Stars

Some of the best web and mobile app designs have a very limited colour range. Two or three colours can be more than enough, and I find that a restrained approach to colour works especially well on de-cluttered interfaces.

76 Synthesizer:

8925195662977040b118b7b35d787ed9-520x407

This is skeuomorphic design at its best, as the simulated textures actually help add clarity to how the app should be used. This serves in stark contrast to much of Apple’s skeuomorphic work, which generally serve as decoration and can end up being more distracting than anything else.

.

 Camera Genius:

Screen-Shot-2012-06-25-at-10.18.10-AM

Once again, the realistic elements in this app feel useful and subtle. The clear visual hierarchy makes this UI look incredibly smooth and easy to use.

.

 Hype Peak:

Screen-Shot-2012-06-25-at-10.27.28-AM

This super clean and engaging mobile UI compliments its Web counterpart perfectly.

.

 FL Studio Mobile:

dc1a20f22ee812ad882d930f82aace3f-520x780

A completely rethought take on FL Studio’s UI for iOS, this UI does the name justice. I particularly like the bright colors of the audio tracks.

.

Dro.pt:

Screen-Shot-2012-06-25-at-10.56.43-AM-520x384

Judging from these mockups alone, I’m loving the app-like user interface of this site. It feels rich, but orderly, and perfect for anyone looking to be distracted by gorgeous imagery for hours on end.

.

Envisioning:

bef7197a398af6aa4412adf306dceb24-520x390

Being particularly experimental and risky, this concept app packs an interesting UI that takes the user through science fiction interfaces and combines them with facts and fiction on the subject.

.

 Music Player App Concept:

Screen-Shot-2012-06-25-at-11.26.41-AM-520x626

This app concept changes the way you’d envision a music player should and could look on a mobile device. The use of space is certainly interesting, and while smaller controls like volume might be difficult to use while on the go, that particular function is resolved by the hardware.

.

 Galeria:

9ab893bab6da5ff7ba00c2ca8938c384-520x390

Although much of this app follows very standard patterns, there are a few original and interesting navigation elements (like the cards which you can see above) that serve as pleasant surprises.

.

 iOS Weather App Concept:

3d7a2cf21e7ceb79a3ffa0215fad8e17-520x341

As you can see above, incredibly clear weather pictograms make this app concept quite appealing and instantly understandable.

.

Bloodnote:

Screen-Shot-2012-05-10-at-5.13.19-PM-520x3761

Bloodnote is a simple app where you can track your blood pressure and control your health. Created by Peter Bajtala and Matt Ludzen, This app’s wonderfully minimal UI turns a mundane task into something much easier on the eyes. Read our full review here.

Paratt

This is a very clean, very content-focused mobile interface, which allows product imagery and logos to inject more colour into the overall look and feel.

aUklJq0

Help Make It

This donation-focused app uses a blend of black, white and peppermint, alongside distinctive typography.

Y7tBUU3

Anhanguera

Anhanguera’s brand colours are reflected throughout its mobile site. It regularly inverts these three core colours, to mix things up for the user.

SerYPRy

Fashion Adviser

This Fashion Adviser app designer also knows that various shades of grey work a treat alongside hot pink.

zR3WY4g

Guide 

This app uses its third colour as a kind of navigational anchor for the eye.

SnEAxpv

Leave a Reply

Your email address will not be published. Required fields are marked *