原文：From wireframes to design

作者：Jesmon Allen

译者：耿人杰

———————————— 全文的分割线 —————————————

我们能做什么来确保我们所绘制的梦幻般的线框图能激发同样梦幻般的图形设计并最终创建一个梦幻般的网站？（译者注：有点绕口！）

什么是线框图？

“线框图是单一网站页面精简版的视觉表现，没有经过任何视觉处理”

此定义来自Strange Systems。

线框图是用来做什么的？

我在cxpartners花费了大量时间制作线框。它们被用来生成想法、测试用户、获得客户验收和创建最终网站或应用的蓝图。

递送交付物

当我将线框图交给开发团队后将发生什么？前端、后台程序各展所长，编辑人员摩拳擦掌，而图形设计师需要将他们的设计理念应用到基于线框的页面中。

不要给线框加样式

信息架构师经常开玩笑说：图形设计师的任务就是将线框图加上颜色。线框上所有的导航和内容通常是黑色和白色，所以设计师需要给线框加上一定的商业色彩。

这里暴露了一个潜在的冲突，信息架构师和图形设计师在哪个点进行工作交接的。如果给到图形设计师一个极其完善的线框，他的剩余工作只是动动彩色铅笔，那他们应该会郁闷到不行。最后，设计师通常也会感觉在给定线框下设计会限制他们的创新。

从一开始就让设计师参与其中

这就是为什么cxpartners提倡以用户为中心的设计过程，涉及项目的关键利益相关者从一开始就参与到设计中。利益相关者包括客户和最终用户，也包括程序员和设计师。从第一天开始就把这一条写在项目白板上，让他们参与到关键的决策中，并跟随进行的用户测试。用户测试可以就早期的图形设计想法进行测试，确保他们随着时间的推移看到线框的每一版进展，这是能影响整个设计进程的方式。

所有权和理解力

一个对线框图有所有权和理解力的设计师将能灵活和有创意地阐述他的设计，即使是在项目已经交付了很长一段时间后。网站是不断发展的，一个对线框背后的设计有深入思考和理解的设计团队能够不断的调整和补充，继而维持伟大的用户体验。

不断发展的关系

我喜欢看到我的线框被带入到生活中，所以cxpartners总能通过设计和开发进程让产品团队理解我们的想法，一个电话总能将问题讲明白。我也总能看到我的线框与聪明代码、伟大的图形设计一起结合成一个有着梦幻般用户体验的网站…

了解更多：

Wireframing and prototyping

打印  |  相关话题：原型(Prototype)   |  类别：信息和交互  |  源地址