对于一个设计团队来说,好的设计模式库能够帮助实现规范化,从而减轻界面开发的工作量,提高一致性。而对于设计师个人来说,设计模式库有助于减少误用、滥用,以及无效的创新。
著名交互设计师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)
如今最为著名的模式库之一无疑是雅虎的咯~~~
YDL采用了比较传统的模式分类——
每一模式都会有总结、应用场景、解决方案、原理、举例等,有的还有相应的代码。
另外一个比较有名的模式库是UI-Pattern,目前有47种模式。对于每种模式的介绍与YDL大同小异。但这个模式库是开放式的,注册后可以贡献模式或模式下的样例,用户还可以搭建自己的模式组(user sets),还可以为模式评分。
用户贡献内容是王道,所以此类模式库也不断涌现。
这个模式库的分类比较特别,增加了按照设备以及输入输出的筛选。
每个模式除了标准化的介绍,还会有例如用户添加的标签等元数据。
这个模式库又换了一种分类思想
对单个模式进行介绍时,用了比较动态的样例展示,不过感觉使用体验不是特别好,呵……
这个跟UI Pattern的组织结构比较像,主要是按收藏集(collection)、标签来分类,用户也可以自己创建组。目前有46个收藏集。感觉这个库的内容偏艺术性一些,对于每个模式也没有详细的介绍,应该说是案例库才对。是汲取灵感的好地方~~~
这个模式库更偏重可视化的模式,比较特别的是会有一些模式效果演示。
另外还可以参考的资源包括——
- Search Patterns: Peter Morville收集整理的与搜索有关的模式库
- Designing Interfaces :Jenifer Tidwell所撰同名书的网络版
- Designing Web Interfaces:Bill Scotts所撰同名新书里提到的模式的案例
Bill Scotts新书可参考这个PPT哦~~~
以上谈了很多可借鉴模式,但是反面模式(anti-pattern)同样值得借鉴并避免,Bill Scotts也有专门谈论这个问题。这些反面模式都有超奇怪的名字,晕~~~
另一篇文章同主题的文章 也提出了10种反面模式,也是不错滴~
没有评论:
发表评论