转：从线框图到最终设计

尹夕奎 · 发表于 2009-12-8 22:09:15

转自：http://c.chinavisual.com/2009/07/28/c59539/index.shtml

我们能做什么来确保我们所绘制的梦幻般的线框图能激发同样梦幻般的图形设计并最终创建一个梦幻般的网站？

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



线框图是用来做什么的？

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



递送交付物

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



不要给线框加样式

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

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



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

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



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

不断发展的关系

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

尹夕奎 · 发表于 2009-12-8 22:13:13

不要给线框加样式

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

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

这一点，我有切身的体会，有一个项目，做原型的时候，为省时间，直接截了一图过来，导致美工做出来和原型没有什么区别，

还有一个极端，原型做得太细，如：样式、色彩、效果、细节等等，也导致美工做出来的没有多大区别，

当然，这个美工可能不太称职，但是原型只是沟通与传递需求之用，不是效果图，所以不花太多的时间在上面做样式。

imlotus · 发表于 2009-12-9 11:06:01

2# 尹夕奎

在中国互联网行业充斥着大量不称职的美工，这个问题是非常非常令人头疼的事情。首先美工自己就不理解什么叫“原型”，其次他们在拿到原型以后根本不动脑子。所以说Axure这种软件只适合优秀团队来使用，对那些缺乏职业素养和进取精神的团队来说，有时候真想用word给他们画方框。

尹夕奎 · 发表于 2009-12-9 13:03:29

2# 尹夕奎

在中国互联网行业充斥着大量不称职的美工，这个问题是非常非常令人头疼的事情。首先美工自己就不理解什么叫“原型”，其次他们在拿到原型以后根本不动脑子。所以说Axure这种软件只适合优秀团队来使用 ...
imlotus 发表于 2009-12-9 11:06

在设计之前，讲明就可以了，我现在会给美工的说明文档上，重重的加一句话“原型只是页面上放什么东西！”。

当然国内在网页设计这块，本身充斥着浓厚的商业味道，1天做一个首页，一个网站，只出几千块钱，还要跟国际顶部公司网站相同感觉，要什么国际化、大气等，这样的氛围是培养不出优秀的设计师的。

董珊珊 · 发表于 2009-12-10 10:05:04

在设计之前，讲明就可以了，我现在会给美工的说明文档上，重重的加一句话“原型只是页面上放什么东西！”。

当然国内在网页设计这块，本身充斥着浓厚的商业味道，1天做一个首页，一个网站，只出几千块钱，还要 ...
尹夕奎发表于 2009-12-9 13:03

深有感触，别说线框了，有很多时候连基本的设计需求都没有，就随便扔一个二三流的网站，让照着做。。。
别说有创意了，连美感都没看出来~！

冯秉曦 · 发表于 2009-12-22 11:34:06

我还停留在手绘中,哈哈

翟彬 · 发表于 2010-10-13 13:36:43

会做原型会设计会管理会运营

chc1210 · 发表于 2010-12-16 10:21:04

楼上好强。。

祁峰 · 发表于 2010-12-16 14:15:48

国内就是这个样

xiaoshuai481 · 发表于 2011-1-5 17:46:20

小的团队别说axure了·~根本就不知道还有原型图这一说。用户体验就是老板体验加上美工的体验~再加上程序员的指手画脚

xgsimon · 发表于 2011-9-20 13:31:01

10# xiaoshuai481

太对了！深有感触。

高跃华 · 发表于 2011-9-20 14:50:33

楼上说的没错，呵呵！！！

月儿小师妹 · 发表于 2011-9-21 15:33:27

小的团队别说axure了·~根本就不知道还有原型图这一说。用户体验就是老板体验加上美工的体验~再加上程序员的指手画脚
xiaoshuai481 发表于 2011-1-5 17:46

哈哈是啊，不过很多公司其实也知道有人规划的重要性，因为他们这种搞法做出来的产品总是反复修改，一会一个样，所以有个专业的人来规划，明显就改善了。当然必须也是个能力比较强的人，可以把控上下。自己策划好并且能和相关人员配合好把产品很好的呈现。

一穷二白 · 发表于 2011-9-22 15:24:01

深有感触。

mcztv · 发表于 2011-9-22 16:10:46

10# xiaoshuai481

原型这东西,我这老板就不看,说是看不出效果,就几条线...

chenjinfei · 发表于 2011-11-15 16:18:14

2# 尹夕奎

在中国互联网行业充斥着大量不称职的美工，这个问题是非常非常令人头疼的事情。首先美工自己就不理解什么叫“原型”，其次他们在拿到原型以后根本不动脑子。所以说Axure这种软件只适合优秀团队来使用 ...
imlotus 发表于 2009-12-9 11:06

我也有同感呀，自己用axure做出来的原型放到设计那边，最终出来的效果图跟原型没什么区别，真的好无奈，好难看到满意的设计图。。。

chenjinfei · 发表于 2011-11-15 16:21:14

在设计之前，讲明就可以了，我现在会给美工的说明文档上，重重的加一句话“原型只是页面上放什么东西！”。

当然国内在网页设计这块，本身充斥着浓厚的商业味道，1天做一个首页，一个网站，只出几千块钱，还要 ...
尹夕奎发表于 2009-12-9 13:03

有时候原型里面的线框都不想画了，直接用一个色块表示放什么内容就算了

Jansen · 发表于 2011-11-17 15:10:09

以前在一个小公司，画了线框图，结果老板说这是费时间，做无用功，直接指挥设计与程序怎么做就成了。直观！当时真的无语到了极点！以后就在纸上简单勾几笔。

Hanami · 发表于 2011-11-17 16:39:03

嗯交互设计这块很喜欢

479068832 · 发表于 2011-11-25 21:47:47

总算能发言了啊

[交互文章] 转：从线框图到最终设计