UI patterns

A collection of links and notes on commonly-recurring elements in UI design.

Articles

Taking Pattern Libraries to the Next Level

10 UI Design Patterns You Should Be Paying Attention To

Designing UI for Business Web Apps

7 Rules for Creating Gorgeous UI: Part 1 Part 2:

  1. Light comes from the sky
    1. Black and white first
    2. Double your whitespace
    3. Learn the methods of overlaying text on images
    4. Make text pop — and un-pop
    5. Use only good fonts
    6. Steal like an artist

Websites

Designing Web Interfaces: Supporting website for the book of the same name. (Posts until 2012)

https://centercentre.com/ - For UX leaders.

https://ui-patterns.com/ - a large collection of design patterns for UI designers to gain inspiration from. The site allows users to keep sets of their own (publicly accessible to site visitors) so that you can see other UI design pattern collections.

https://uipatternfactory.com/ - The UI Pattern Factory is a UI design library and gallery. What’s great at UIPF is that they sometimes share videos in each entry to improve the description of design problems and solutions. Entries are further enhanced by user-submitted examples of the pattern, which they archive in their Flickr group: UIPatternFactory.com.

https://www.lukew.com/ff/ - the weblog of UI designer and author Luke Wroblewski. You can learn about designing for humans by reading through his insightful articles on the site and find useful lists such as a collection of resources on website buttons.

https://www.hcipatterns.org/ - This is the homepage of people interested in pattern languages in human-computer interaction (HCI) and user interface design and the IFIP TC13 HCI Patterns Task Group.

https://speckyboy.com/topic/web-design-inspiration/ - Web design inspiration, a collection of ideas

Flickr Groups:

https://www.flickr.com/groups/namics_uipatterns/

https://www.flickr.com/groups/designpatterns/

Tags: presentation   pattern  

Last modified 18 May 2025