20 Mobile Apps Inspiration and Design Patterns

May 19, 2013 · 20 comments

by hannah

mobile-apps-inspiration-design-patterns

As a mobile apps designer I’m sure you are often looking for inspiration to ensure that you can deliver constant innovation and high quality to your clients. A really efficient way to get serious inspiration for specific parts of your mobile apps project is looking for web sites showcasing the best apps created be other creative designers. With hundred thousands of mobile apps flooding the market it can be challenging to stand out and I recommend you seek inspiration and look for good elements and combine the top findings into new unique creations. If you are not a mobile apps designer and developer yet I can tell you that there is a great chance you will be one soon. It is all about mobile right now and it is not going to change very soon!

As the mobile Internet surfing is constantly increasing there’s a huge trend right now leaving website administrators with an important job to do. If you are also into mobile website design you should consider looking for responsive WordPress themes and mobile templates to make the job a lot easier.

For Tripwire Magazine readers I have collected 20 mobile apps inspiration and design pattern galleries you should bookmark right away. These sites should help you get the needed inspiration and allow you to keep track of new styles, trends and mobile design practices. Check. Brainstorm. Be Inspired! Another great option for mobile friendly web design is to use responsive layouts. I recommend you consider using responsive WordPress themes if your are going in this direction. The collection of responsive themes I found here is quite good.


ElegantThemes
ThemeForest

Advertisement

1. Mobile Awesomeness

Mobile Awesomeness
Mobile Awesomeness is a gallery for mobile websites.

2. Mobile Patterns

Mobile Patterns
Mobile Patterns is such an amazing collection focuses solely on mobile UI elements. Created by Mari Sheibley, lead designer at FourSquare.

3. jQuery Mobile

 jQuery Mobile
A gallery showcasing jQuery mobile made sites or apps.

4. Landing Pad

 Landing Pad
If you are a mobile designer focuses on iPad design and development, this gallery showcase is the right one for you.

5. MOObileFrames

MOObileFrames
A collection of mobile wireframes and sketches scanned all throughout the web.

6. IOS Inspires Me

IOS Inspires Me
This gallery is not only showcasing the best looking iPhone and iPad websites but also showcasing the best looking app icons and app interfaces.

7. CSS iPhone

CSS iPhone
CSS iPhone is a gallery that showcases for iPhone mobile web designs only.

8. TappGala

 TappGala
A unique gallery for the best in mobile interface design.

9. App Sites

App Sites
A showcase of iPhone and iPad app websites.

10. iPad Walls

 iPad Walls
If you’re looking for a high-quality iPad wallpapers and iPad backgrounds, you should check this website.

11. MakeBetterApps

MakeBetterApps
Another gallery that showcases iPhone and iPad apps.

12. AppBoy

AppBoy
This is a community network site wherein mobile users can explore the hundreds of thousands of mobile apps in the market.

13. FWA Mobile Showcase

FWA Mobile Showcase
This is a mobile showcase version from FWA and focuses on showcasing the best of mobile, on a site created specifically for mobile devices.

14. Refined Mobile

Refined Mobile
A creative inspiration gallery for Mobile Web and UI Design.

15. iOSpirations

iOSpirations
An iPhone and iPad app and web design inspiration gallery, but the uniqueness of this gallery is that it also tackles the iPad Game mobile design inspiration for gamers and mobile game makers.

16. TapFancy

TapFancy
TapFancy is a showcase for the very best iPhone and iPod Touch application design

17. Creattica

Creattica
Creattica not only offers design inspirations for web and graphic designs but also on mobile interface.

18. Dribble

 Dribble
Although you can see only a 400×300 pixels of what Dribbler’s are working on, Dribble is one of the best ways to get inspiration with.

20. D-Lists

D-Lists
D-Lists is a gallery that showcasing an iPad app sites.

Another Ember category for User Interface Design – iPad

20. TheyMakeApps

TheyMakeApps
Most likely the same as Appboy but the only difference is that they feature the best mobile app makers. This is good for customers or clients to find their future mobile app developer or makers.

Author : Hannah Milan

Hannah Milan is the founder and curator of MOObileFrames, a collection of wireframes, sketches and user interface drawings that focuses on mobile applications. She is also a co-founder of WebdesignerAid, a resource blog for web designers. She’s managing also the HTML5beauty, a showcase of HTML5 websites and SubmitQuickly, an online service for bloggers and creative people. You can follow her via Twitter as @humbleuidesigns.

http://www.tripwiremagazine.com/2011/09/best-ipad-2-cases.html

{ 19 comments… read them below or add one }

Terry B. August 14, 2013 at 11:19 am

http://www.startific.com
A super user-friendly interface that enables you to move, interact and personalize almost all the elements inside Startific; Drag & Drop Everything!

Reply

25b766_8 July 10, 2013 at 10:44 am

Hmm it appears like your website ate my first comment (it was super long)
so I guess I’ll just sum it up what I had written and say, I’m thoroughly enjoying your blog.
I too am an aspiring blog blogger but I’m still new to everything. Do you have any tips and hints for rookie blog writers? I’d certainly appreciate it.

Reply

doodleblue February 14, 2013 at 6:15 am

Such a interesting posting to useful for app creative designers. Every app should be designed by creative knowledge. Nice to share Hannah!

Reply

Russ February 5, 2013 at 7:43 pm

Great inspirations for my upcoming iOS designs. Keep them coming…

Reply

Zain January 21, 2013 at 10:29 am

Amazing Design apps and patterns. I Just love these these mobile apps inspirations.
Keep sharing more.

Reply

Tahra December 10, 2012 at 11:10 am

Thanks for sharing good list of mobile app design patterns, I’ve got to check out each one of them :)

Reply

Scott Velicer December 4, 2012 at 11:11 pm

pttrns.com is one of the best.

Reply

Irene October 31, 2012 at 4:47 pm

Another brand new addition to the list could be http://www.mobilemozaic.com/

Hope you like it!

Reply

shakil hossain October 6, 2012 at 7:11 am

Thank u very much for share …. very helpful for me :)

Reply

Kash Habib September 19, 2012 at 3:16 pm

Hey guys,

There is another new app with great design and functionality. Check here

http://itunes.apple.com/us/app/contacts-guard-pro/id560102306?ls=1&mt=8

Reply

Andy September 19, 2012 at 4:04 pm

Hi Kash – Thanks for sharing.
Kind regards
Andy

Reply

android July 16, 2012 at 9:19 pm

very cool, check androidux.com for android UI patterns

Reply

outlookreflex March 20, 2012 at 10:16 am

now sharing outlook mails to ipad is easy with OutlookReflex app

Reply

Sergey Pakhandrin February 4, 2012 at 8:32 am

The biggest collection of inspired mobile UI patterns in the world – http://inspired-ui.com. Please add it to your list if you can. Thank you in advance.

Reply

Stedesign January 13, 2012 at 12:30 pm

A very useful collection of web app gallery, what I was looking for.

thanks !

Reply

Jim December 3, 2011 at 12:04 am

This site is a handy resource that features great icon designs for apps within the iOS ecosystem. Check it out http://iosicongallery.com

Reply

Razibul Hassan October 18, 2011 at 3:05 pm

Exciting List. the examples provided here can be inspiring for designers and developers who is going to implement a sexy interface on his/her next iPhone/iPad application.

Reply

Samir Dhakkan October 4, 2011 at 4:28 pm

Yes, there is one thing the mobile applications developer or creator can’t avoid for their design and it is the designing and icon. Go through very important link http://stocklogos.com/user/designgrid

Reply

Matt June 23, 2011 at 9:03 pm

Did you checked out http://www.blerdo.com as well?

Reply

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

{ 1 trackback }

Previous post:

Next post:


Web Analytics