14 Search in Mobile User Interfaces for Web Designers

September 15, 2014
1 Star2 Stars3 Stars4 Stars5 Stars

As I was waiting for a table at a local restaurant the other day, I flipped through a couple of the free classified papers. I was shocked to realize how dependent I’ve grown on three simple features that just aren’t available in the analog world: search, sort and filter.

02-ui

Source: https://dribbble.com/shots/1497559-PSD-Minimal-UI-Kit

This minimal UI kit adopts a flat design aesthetic perfectly, and includes a design for graphs, a map and even a weather app, all while making use of an elegant, blue color scheme.

03-ui

Source: https://dribbble.com/shots/1475982–Freebie-PSD-Free-Musicapp-Ui-Kit

This UI kit has been designed to suit a music app, and makes use of beautiful, subtle image backgrounds with the UI elements overlaid on top.

04-ui

Source: https://dribbble.com/shots/1441924-UI-kit-free-psd

This beautifully designed UI kit features a vivid yet elegant color scheme, and includes designs for a video player, a calendar, social sharing buttons and more.

05-ui

Source: https://dribbble.com/shots/1507790-Flat-ui-kit

The above UI kit makes effective use of minimalist, but bold, color – with bright orange buttons and switches that contrast heavily with the dark backgrounds. The flat design aesthetic is in full force here too, and the end result is a remarkable and stunning UI kit.

06-ui

Source: https://dribbble.com/shots/1499398-UI-Kit-Free-PSD-For-Personal-Commercial-Use

This minimal UI kit stands in stark contrast to the previous kit, as it’s light and airy and makes beautiful use of white-space to help feel calm and clean.

07-ui

Source: https://dribbble.com/shots/1439387-Free-UI-Kit-PSD

This UI kit works beautifully with images as it uses transparency well. It features a calendar, countdown timer, login buttons and more.

08-ui

Source: https://dribbble.com/shots/1416133-UI-Kit-Dark-Free

This dark UI kit is gorgeously designed and has an almost moody quality to it. It contrasts it’s dark backgrounds with bright, colorful buttons to help make your interface easy to use.

09-ui

Source: https://dribbble.com/shots/1482642-Free-UI-Kit-PSD

This free PSD contains a login form, radio buttons, checkboxes, tags and more, and has an almost iOS7 feel to it, with it’s use of thin font weights and plenty of white space.

 

 

10-ui

Source: https://dribbble.com/shots/1454033-Transparent-UI-kit-Free-Psd

This transparent UI kit makes beautiful use of translucency to help add an almost futuristic feel to the design. The color scheme is more muted so as not to be overwhelming, and the transparent containers look stunning against image backgrounds.

 

11-ui

Source: https://dribbble.com/shots/1514412-Freebie-PSD-Minimal-UI-Kit

This minimal UI kit uses plenty of white space to help separate out elements and to keep everything calm and ordered. It makes use of a bright, vibrant blue for primary buttons, which helps them to stand out without looking garish.

 

12-ui

Source: https://dribbble.com/shots/1490501-Freebie-Lightflat-Ui-Free-Psd

The above UI kit makes great use of flat design, and includes a stylish weather interface along with login forms, colorful buttons and gorgeous typography.

 

13-ui

Source: http://www.morphos.is/download/morph-ui-free-ui-kit/

The Morph UI kit includes graphs, forms, tables and bright, colorful buttons and forms a stunning starting block for any web app.

 

14-ui

Source: https://dribbble.com/shots/1501467-Free-Mobile-UI-Kit-ewebdesign-com

The UI kit above is heavy on the red and white color scheme, which helps to create a distinctively branded interface. It’s designed with mobile apps in mind, so it’s sure to look great on the smaller screen.

 

15-ui

Source: https://dribbble.com/shots/1417367-Ui-Kit-Free-Psd

This UI kit uses minimalism elegantly, and makes full use of clean, calming white space. It features a muted, subtle color palette, which creates a gorgeous map, graph and charts.

Leave a Reply

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