在本章中,我们将深入探究可重用策略中的三个组成部分,以便在后续的内容中你能更好地理解设计模式、组件和交互设计框架体系三者之间是如何
相互关联、相互协作的。
可重用铁三角的诞生并非轻而易举,产生的顺序也绝非符合逻辑。模式 的 概 念 最 初 始 于 Christopher Alexander 于 1977 年 写 的 书, 其 后 又 被Luke Wroblewski①、Bill Scott②、Martijn van Welie③、Theresa Neil④、Christian Crumlish⑤、Jenifer Tidwell⑥等模式倡导者和众多业界专家所普及和发扬光大。正是在他们的努力下,模式这一概念目前已被推广到了Web 设计实践的前沿。而组件——表示模式自然演变的完整的、生产就绪的页面元素——则出现得颇晚,至少在软件设计领域是如此(与开发相比)。
事实上,尽管有关组件的想法雏形已经酝酿了数年的时间,但它才刚开始作为一种概念被标准化。这要特别感谢来自 EightShapes⑦的两位设计师 Nathan Curtis(著有《模块化网页设计:为用户体验设计和存档而创建可重用的组件》一书,New Riders 出版社)和 Dan Brown(著有《设计沟通十器》一书,New Riders 出版社)所付出的努力。而框架体系则是拼图的最后一块,在你手中这本书里首次以正规文档的形式记录下来。然而,在实际工作中,我们应该首先考虑框架体系,模式其次,最后是组件。如图 2-1 所示,这也是它们在网页设计过程中最为有效的使用和思考顺序。
设计模式实际上就是隶属于大型框架体系的生产模式。而组件则是针对具体某个系统对模式进行实现后的产物。它将模式具象化为网站或应用界面中的一个部件,使之能够通过网络被直接交互。
接下来我们会按照构思这些元素的顺序逐一进行深入讨论。无论你对模式和组件是否熟悉,预先了解这些框架体系的基本组成部分,都将有助于我们建立起正确的大局观。

图2-1 可重用铁三角