原创：谈一谈网站策划、UI和设计之间的关系

sunhw0725

相信很多朋友都听过"100万"的故事，讲的是一个有名的工程师去检修一个高科技仪器，最后他就在一个地方画了一条线，却要价100万。结果付钱的人不满意了，一条线值100万吗?最后这个工程师给出的回答是："找出这条线在哪里999999元，画线1元"。

这个故事很巧妙地说明了策划和UI的关系。不少人都认为，UI不就是把客户给的"公司、产品介绍"等内容，在WORD中画一画框架，定一下位置吗?其实，这是一种比较肤浅的认识，因为UI只是网站策划一种最简要的表现形式，但却远不是网站策划的全部。

网站策划要做的是，对客户的需求进行全面翔实地分析、采集、整理和创意提升，在之中要考虑到设计制作、技术开发上的难点要点和亮点。一个优秀的网站策划人员要具备市场、网站制作、管理、广告等很全面的知识，并要有很强的学习能力、针对客户和项目组的双向沟通能力。

而这正是业界销售、技术型人员经常忽略的问题，他们中的很多人喜欢把客户的需求进行"学舌式"的传达，客户说怎么做我照单全收或单纯抵制。但客户并非专业的网站建设人员，他想要什么样的东西，他自己有时并不清楚。所以如果什么都去依赖客户，客户会觉得公司不够专业，而公司也总会围绕着客户改来改去，很显然，这会一方面大大降低公司完成项目的效率，另一方面在无形中还极大增加了公司的成本。

网站策划的作用，就是要脱离这种片面地思考，站在全面的角度去引导和帮助客户，去发掘整理和提升他的需求，这样做出来的产品才会是客户真正想要的。也因为这种合作是建立在引导、沟通的基础上，所以就会很具有延续的商业价值。这也正是专业广告公司在做方案之前，为什么要做相当大量市场调查的原因了。

所以，UI看似只是简单的框架，但在背后支持它的却是繁杂的网站策划。事实上，没有一个好的策划，做出来的UI也是没有多少价值的。

而在设计的过程中，设计师也要根据策划和UI，充分发挥自己的设计特长进行网站创作，将策划的思路通过设计的形式表现给客户，这样才会有的放矢。我们认为，好的设计作品，一定是经过网站策划和设计师反复沟通、不断磨合制作而成的。

由此，就不难看出三者之间的关系了：策划是根本，UI是手段，设计是工具。简单来说，在大客户市场的激烈竞争中，经过专业网站策划的设计作品不一定有最强的竞争力，但没经过专业网站策划的设计作品一定没有竞争力!

因为没有客户会喜欢与自己的需求不符的产品，他们总喜欢我们能为他考虑更多!

一、UI示意图




二、实战案例分享



1、接到项目后，我们的策划和设计师去苏州科技文化艺术中心，亲身感受整体建筑和各个主体功能区域的设计风格。经过设计师的理解，确立了以下内容：

页面整体色调采用该中心在实际建筑和VI中通用的咖啡色;

提出金鸡湖畔的整体设计思路。

2、策划通过分析客户需求，提出首页的定位，即信息量要丰富，品牌的表达也要突出。策划将这个定位传达给设计师，所以我们在首页的设计上可以看到：

包括新闻、剧目信息、检索、活动等在内的内容;

主体位置突出了大剧院的整体形象展示;

策划和设计反复沟通，确定内容板块的大小和位置，一方面保证内容展示到位，另一方面保证不影响设计的美观。

3、 策划在客户需求的基础上，进行了创意提升，发掘出客户没有主动提出但会对客户有足够吸引力的需求。

从客户的实际应用去发掘新的创意需求：

因为苏州科技文化艺术中心结构庞大，在演出旺季的时候演出信息众多，如果按照常规的在后台编辑发布节目信息的做法，会给工作人员带来很大压力。所以，我们提出了"节目自动上架下架"的功能，即让系统帮助工作人员自动去完成这个繁杂的工作。

从市场运作和广告的角度去发掘新的创意需求：

我们注意到会员的互动在原有网站上做得很不够，而这也正是一个网站在建好后，能否发挥其市场价值的重要保障。所以，策划将会员的互动从以前的一个栏目扩展到整站，并且提出了邮件直投的功能。

从用户体验的角度去发掘新的创意需求：

经过策划和设计师现场考察后，我们认为该中心规模宏大，各个功能区域都很有特色。如果单纯靠图文介绍的形式去向用户展示，用户的体验度就会大大降低。所以，我们提出了3D全景展示和IMAX影厅动画展示的思路。

三、其它案例分享：



案例：张江高科

上图设计稿是：策划人员与客户沟通之前，网麒所出的设计效果







案例：张江高科

上图设计稿是：策划人员与客户沟通之后，网麒所出的设计效果



案例：三一科技

说明：产品的展示方式、活动展示等内容都是客户没有明确说明，完全由策划人员提出。



案例：光明乳业。说明：客户相当看重网站品牌的传达，

但是客户提交的资料并没明确具体内容，完全由策划人员发掘和提升。