现在的位置: 首页 > 综合 > 正文

理解设计模式

2017年11月25日 ⁄ 综合 ⁄ 共 1730字 ⁄ 字号 评论关闭

理解设计模式

设计模式是一个很有力的工具,它保证了用户在同一软件的多个操作页面之间或多款软件之间有持续一致的用户体验(比如当公司开发的数款软件被结合在一起工作时)。设计模式能把一切联系起来。

设计模式在Web领域广为使用,因为,这能使软件设计师们让那些从别的地方过来的用户在使用自己的软件时也更得心应手。

例如,大多数搜索引擎使用的分页设计看起来都十分相似,这种设计之所以应用的如此广泛,是因为这样用户就不必再思考页码是什么样了。用户只需简单扫视一眼这一连串的排列在“上一页”(Previous)和“下一页”(Next)中间的数字,就知道该如何做了(如图7-10所示)。

关于设计模式方面的更多信息,我强烈推荐Jennifer Tidwell的《Designing Interfaces》一书,该书在这方面有详细讲解,值得每一位同行仔细阅读。它应该长留于软件设计师的书架之上,有如每位作家都必备Strunk和White的《The Elements of Style》一书那样。你可以通过该书的官方支持网站www.designinginterfaces.com查到大部分的设计模式。

当你在线阅读这些模式时,可以去www.lukew.com看一看,这里有一个关于该话题的讨论博客。Luke Wroblewski是雅虎公司的首席设计师,也是《Site-Seeing: A Visual Approach to Web Usability》一书的作者。2006年5月,他在他的博客里和其他几位设计师(包括Jennifer Tidwell和eBay的UI设计经理James Reffel)进行了一场关于什么是设计模式以及它们的影响力的讨论,这一系列帖子最早的能在www.lukew.com/ff/ entry.asp?347.里看到。

设计模式库

要保证多款软件的一致性(甚至是通过一款软件),设计师能做的最多的事情可能就是开发一个设计模式库。
前面提到过,设计模式是把界面的一切元素联系起来。它帮助用户在已有软件的使用经验基础上学习使用新软件(如许多搜索结果底部用的分页模式),还可以打造多款软件间一致的用户体验。

设计模式库(design pattern library)就是多个已有的设计模式的集合,它们已经被验证是有效的,设计师和开发者可以重复使用它们来保证跨软件的一致性。

一个设计模式库可以来自于多用户合作的百科形式,也可以是一个只有寥寥数页的简单PowerPoint幻灯。重要的是每个模式都对应一个名字、一份何时以及如何使用它的描述,最好还有一个执行该模式后的屏幕截图或框架结构图,这样别人就很容易把文字描述变成具体的形象了。

Jennifer Tidwell的网站www.designinginterfaces.com是一个模型库,但是它包含广泛的软件模型而非专注在某一公司出品的软件上。在这个模型库里找到的模型可以被提取出来用在任何公司内部的模型库里,或者可以在你设计出现了问题的时候,把它作为百科全书来参考。

当涉及到某个公司内部的模型库时,这里的模型一般都是公司开发出来适用于它们自己的软件。例如,某个公司的所有工具条都使用相同的布局设置和分页模式,它的设计库里包含了各种不同细节的模型。
设计模式可以是很粗略的设计方案的总体框架,也可以很细致地描述每一种方案的细节(例如如果要展示五个选项,就应该使用下拉菜单而非按钮,并且菜单应该设置一个合适的默认值)。不管哪种情况下,设计模型库是一家公司最有效的工具,依靠模型库来处理设计问题,并保持设计方案和公司其他的方案一致。这对公司是大有裨益的,用户和内部的设计人员可以节约很多研究如何设计界面的和使用它的时间,有更多的时间来配合公司产品的远期目标。

要研究建立模式库的另一个例子,可以登录developer.yahoo.com/ypatterns,雅虎通过该网站分享了自己的设计模型库(如图7-11)。它既包含有普遍的网格式网页布局,也包含在“我的雅虎”以及Google个性化主页、Dashboard HQ里用到的处理个性化内容的拖拽模式。

雅虎还提供一个能实现很多Web软件模式的基础编程,在雅虎用户界面库deve-loper.yahoo.com/yui里可以找到。

抱歉!评论已关闭.