两类线框图的比较

线框图(Wireframes)是信息架构和交互设计最重要的交付物之一：

1. 描述产品应用结构。
2. 统一并落实产品的目标和需求。
3. 做为视觉设计师开展工作的基础方向。
4. 做为工程师评估工作量的实物参考。

最初学习的大量Wireframes作品，其实都是Visio完成，只不过我发现这么搞相当麻烦，如果满足同样的需求有更快捷的方法，为什么不试试呢？

我的理解，传统软件原型设计使用Visio线框图比较好，而互联网产品则使用Html线框图更划算。出于归档考虑，纸质、手绘或者拍的照片，只适合做为可讨论草稿。

Visio Wireframes

使用各种图形库（可扩展）搭建，适合大型项目的功能结构展示，充分发挥矢量的作用。可以迅速有效的传达设计意图，并说明流程。缺点是制作不够灵活。

Html Wireframes

直接使用Css和xHtml技术搭建，适合做流程操作演示。Html线框图具有互动性，是可以直接通过点击来模拟的原型，能快速做出判断。缺点是版本控制麻烦。

仔细想想，这好像也不矛盾，有时间先Visio后Html不就行了。

Visio or HTML for Wireframes 2003.01
http://boxesandarrows.com/view/practical_applications_visio_or_html_for_wireframes

How do we do HTML wireframes? 2005.10
http://atomiq.org/archives/2005/09/how_do_we_do_html_wireframes.html

© 一叶千鸟（转载请留原文链接，更新于2009年02月25日11点）

转载时务必以超链接形式标明文章原始出处和作者信息及版权声明。
您可以通过订阅 RSS 2.0 跟踪对这篇文章的评论 ，或者在您自己的网站中 引用(Trackback) 它。