脉冲电子治疗仪副作用:设计模式库大搜罗

设计模式库大搜罗

作者：油茶会小何老师

原文链接：http://www.uxstudy.com/2009/02/17/interface-design-patterns/

.

对于一个设计团队来说，好的设计模式库能够帮助实现规范化，从而减轻界面开发的工作量，提高一致性。而对于设计师个人来说，设计模式库有助于减少误用、滥用，以及无效的创新。

著名交互设计师Jared Spool曾总结出优秀的设计模式库应有的元素，它们包括：

• 模式名称（Pattern Name）
• 描述（Description）
• 应用场景（Context of Use）
• 在何处使用（Where to Use it）
• 原理（How it Works）
• 规范详情（Specifications）
• 相关模式（Related Patterns）
• 其他实现模式（Competitive Approaches）
• 源代码（Source Code）
• 可用性研究结果（Usability Research）
• 讨论（Discussion）

如今最为著名的模式库之一无疑是雅虎的咯~~~

雅虎设计库 >>

采用了比较传统的模式分类——

每一模式都会有总结、应用场景、解决方案、原理、举例等，有的还有相应的代码。

UI-Pattern >>

另外一个比较有名的模式库是UI-Pattern，目前有47种模式。对于每种模式的介绍与雅虎设计库大同小异。但这个模式库是开放式的，注册后可以贡献模式或模式下的样例，用户还可以搭建自己的模式组（user sets），还可以为模式评分。

用户贡献内容是王道，所以此类模式库也不断涌现。

Interface Design Patterns >>

这个模式库的分类比较特别，增加了按照设备以及输入输出的筛选。

每个模式除了标准化的介绍，还会有例如用户添加的标签等元数据。

UX Patterns Explorer >>

这个模式库又换了一种分类思想

对单个模式进行介绍时，用了比较动态的样例展示，不过感觉使用体验不是特别好，呵……

Pattern Tap >>

这个跟UI Pattern的组织结构比较像，主要是按收藏集（collection）、标签来分类，用户也可以自己创建组。目前有46个收藏集。感觉这个库的内容偏艺术性一些，对于每个模式也没有详细的介绍，应该说是案例库才对。是汲取灵感的好地方~~~

Info Design Patterns >>

这个模式库更偏重可视化的模式，比较特别的是会有一些模式效果演示。

另外还可以参考的资源包括——

• Search Patterns: Peter Morville收集整理的与搜索有关的模式库
• Designing Interfaces: Jenifer Tidwell所撰同名书的网络版
• Designing Web Interfaces: Bill Scotts所撰同名新书里提到的模式的案例

Bill Scotts新书可参考这个PPT哦~~~

Designing Web Interfaces Book - O’Reilly Webcast

View more presentations from Bill Scott. (tags: rich ajax)

以上谈了很多可借鉴模式，但是反面模式（anti-pattern）同样值得借鉴并避免，Bill Scotts也有专门谈论这个问题。这些反面模式都有超奇怪的名字，晕~~~

Design Anti Patterns - How to Design a Poor Web Experience

View more presentations from Bill Scott. (tags: design web)

另一篇文章同主题的文章也提出了10种反面模式，也是不错滴~

本期采茶人： 小何老师(Helicopter in the air)

如您有英文阅读习惯，不妨来做采茶人。

相关阅读

• No Related Post

“设计模式库大搜罗” 的评论共 5 条

1. finger Says:
   2009年8月06 at 07:08

   这篇文章最初发表在今年2月份的油茶会上，作者总结的很好，但是可惜读者讨论的并不深入。例如：整理出一个设计模式库后，如何确保设计模式的正确性、及时性，如何将实践社区的注意力引导到设计模式库上（例如上面Info Design Patterns的左侧导航包括了等级评分、协作等功能），这些都是确保设计模式库能被充分使用的一些因素。在设计的时候一定要仔细考虑，否则就只是归纳了一些死的知识。

   反对 0 1 支持
   
2. 薄荷糖 Says:
   2009年8月06 at 09:20

   作为思路的启发还是挺有用的,很赞成作者的第一句话”对于一个设计团队来说，好的设计模式库能够帮助实现规范化，从而减轻界面开发的工作量，提高一致性。而对于设计师个人来说，设计模式库有助于减少误用、滥用，以及无效的创新。”,所以公司都应该建立适合自己的一套模式库~

   反对 0 0 支持
   
3. Sheryl Xie Says:
   2009年8月06 at 22:25

   PATTERN TAP is my favorite.

   Great collections, thanks.

   反对 0 1 支持
   
4. bluejuice Says:
   2009年8月07 at 17:58

   哎，最近也在整交互规范，不过每个只包含了名称、使用场景、功能描述、动作效果（非必须）和视觉图例，感觉让新手用还是比较难的。
   但本文写的那么多项，如果全部都满足的话，估计会是很大一个库，也不方便应用~

   反对 0 0 支持
   
5. 枯の灵 Says:
   2010年6月29 at 14:16

   是的 这篇文章其实写得很不错

   资源也都很有参考价值

   很奇怪为什么……

   反对 0 0 支持