原文地址：http://www.paulolyslager.com/inspirational-blogs-books-articles-user-interface-patterns/

下载各种UI模板/套件可以高效的改善界面设计的外观，但是无法解决设计问题，无法改良用户体验，无法真正意义上满足需求。这时，我们便需要借鉴一些现成的“设计模式”。

视觉设计的灵感图库，可以给视觉设计师丰富的灵感。

而交互设计中的设计模式库，同样能够给予交互设计师某种逻辑上的灵感。

一个成熟的UI设计师往往不拘泥于视觉设计，会更宏观地考虑全盘设计。

翻了翻个人的书签，每当我在进行界面设计找不到思路时，我就会打开书签中的某个搜藏夹，里面囊括了很多设计模式网站，现在，我把它们共享出来，希望大家能用得上。

网站/博客

1. UI Patterns

这个网站，很赞，收集了各种UI设计的准则和UI设计常规模式。分类非常详细，从404到导航，再到搜索栏的设计建议。

2. Pattern Tap

类似UI patterns，但是更注重个别案例的展示，重在展示，而不是重在理论。提供了很多设计解决方案。

3. UI Scraps

Jason Robb的个人博客，会很详细的分析各种界面，看他娓娓道来，评析一款设计，非常有趣。

4. Patternry

UI设计资料库，涵盖了很多已上线的案例供参考，我们可以学习一下，他们是如何解决问题，提出解决方案的。

5. Yahoo! Design Pattern Library

雅虎的设计模式库，包含了59种UI设计模式，5个主要分类：布局、导航、选择、交互、社交类

6. Boxes and Arrows

不局限于UI设计，还包括平面设计，交互设计，信息架构设计等。

他们的文章总是能从新的视角来剖析问题。

7. Welie

分类详细，范围极广,看看上面的分类，想要找起来，真是非常容易。

8. Ecommr

想要进行电商类UI设计的同学，可不容错过这个了，包含了很多设计模式的细节。

9. Quince : UX Design Patterns

探索UI设计模式，广泛收集现有模式，这是Quince的宗旨。

10.Dezining Interactions

交互设计师Erin Malone的个人博客，《社交网站界面设计》的作者，这里面他写下了很多关于设计、模式的文章。

11. Web & Patterns

网页设计模式大参考。分类很详尽。

Flickr 珍藏集

很多设计师是用Flickr，收集了很多分类齐全的设计模式，我发现了几个不错的，共享一下。

12. Search Patterns

Peter Morville, Semantic Studios的创建者，《搜索模式》的作者，在这个相册中分享了他对搜索设计模式的收集。

http://www.flickr.com/photos/morville/collections/72157603785835882/

13. Design Patterns

浩瀚的图片，精确的分类，Brian Christiansen的这个相册值得一看。

http://www.flickr.com/photos/factoryjoe/collections/72157600001823120/

14.[Design Solutions]

跟上一个略有类似，但是增添了很对对版式布局的收集。

http://www.flickr.com/photos/guspim/collections/72157600047307884/

经典文章/书籍

15. “设计模式简介” by LukeW

5位交互设计师围绕两个话题展开了一系列的回答“设计模式是什么意思？”、“我们应该怎样传达我们的设计模式？”

http://www.lukew.com/ff/entry.asp?347

16. 《Web 界面设计》 by Bill Scott and Theresa Neil

这本书很赞，结合你的设计经验去阅读，加以思考，你会让你的设计思路更系统、更明晰，收获颇多。

17 《界面设计模式》 by Jenifer Tidwell

经典无需赘言，尽管里面的事例现在已经落伍，但是其模式依然大部分有效。

18.《移动应用UI设计模式》by Tberesa Neil

同样的经典，同样的“事例过期，道理不过期”的优秀书籍。