web交互设计方法:信息架构中的常见模型(4)

总结：

以上三种常用的模式：双面板选择、画布加工具条以及向导是我们经常会在网页设计中见到的模式，平时的使用中我们已经在不知不觉中认识并习惯它们了，通过这些基本的模式，在设计加以变形和创新就可以创造出更有趣和方便的交互方式。下面的例子是一个综合了以上三种交互模式的例子：

（网址：http://www.mrpicassohead.com/create.html）

显而易见的，这个工具运用了画布加工具条的模式，由两组工具条和一个画布组成。同时，这个网页工具还结合了双面板选择模式，通过TAB把工具条进行了分类，当单击“face”、“noses”、“lips”时，工具条一次变化，并显示这些对象：

并且在操作步骤的提示上，采用了向导模式的响应式展开：当用户第一次选择TAB中的类型是，会提示用户从工具条中选择合适的元素到画布当中，而当用户作出选择之后，则会显示下一个步骤的提示：