DEV Community

Cover image for 
10 Great Sites for UI Design Patterns you Must SavešŸ·ļø
ExWhyZee
ExWhyZee

Posted on

10 Great Sites for UI Design Patterns you Must SavešŸ·ļø

You donā€™t want to spend your whole life redesigning the wheel do you? No, neither do I. If you are looking for a design that solves a problem that has been solved inside a different application before; then the template for your wheel is probably already out there. Thatā€™s a design pattern for you and me.

Iā€™ve put together a list of some of the best places to find design patterns on the web. Now, whilst all of these resources are free some may ask you to pay for premium resources.

šŸ’ http://ui-patterns.com/

I like UI Patterns; it makes it easy to find patterns that you like and to group them together once youā€™ve decided that something is useful. They also have a bunch of interesting articles on UI design patterns which can help extend the way you approach using patterns in your designs

šŸ’ http://www.welie.com/patterns/index.php

WELIE isnā€™t the prettiest site Iā€™ve ever seen but thereā€™s a very useful interaction design patterns library that is logically grouped and incredibly helpful.

šŸ’ https://patterntap.com/patterntap

Pattern Tap is closing on 10,000 User-Generated Sets of patterns and that makes it an awe-inspiring resource for UI designers. The drop-down menu system makes it really easy to find what you want in moments.

šŸ’ http://uiscraps-blog.tumblr.com/

The good, the bad, and the ugly of UI design. UI Scraps is a great blog that looks at interface design as a whole and then tinkers with the patterns used. You can find some great work here and some truly awful stuff too; itā€™s all thoroughly critiqued so you can see why something doesnā€™t work too.

šŸ’ http://www.patternbrowser.org/code/pattern/pattern.php

Pattern Browser does exactly as the name suggests; it lets you quickly switch between UI patterns in your browser window. There arenā€™t as many patterns here as on some of the bigger sites but itā€™s a good resource nonetheless.

šŸ’ http://www.uie.com/

User Interface Engineering offers more than patterns, itā€™s a heavy resource that can meet a lot of your UI needs. The user and site generated commentary is invaluable.

šŸ’ http://designsnips.com/

Very nice graphical library of Design Snips for users to browse through and then put into play in their own UI work.

šŸ’ http://www.smileycat.com/category/elements-of-design/

There are some handy groupings of design elements for use on Elements of Design. This goes a little beyond UI but thatā€™s OK thereā€™s plenty for the UI pro to use here too.

That's it for now.
Have a great day ahead!
_
āœļøĀ§Ćj

Top comments (2)

Collapse
 
semihk profile image
Semih Kesgin

Thanks for this <3

Collapse
 
exwhyzed profile image
ExWhyZee

Glad to help :)