---
title: "一个网页设计需求方眼中的网页设计"
url: "https://yjyj.net/learn/1599.html"
author: "小 虾 (生猛大蝦编辑部)"
published_at: "2010-09-18T13:27:10+08:00"
updated_at: "2010-09-18T13:27:10+08:00"
categories: "招数学习"
tags: "CSS布局技巧, 前端开发实战, 数码酷玩发现, 网页视觉设计"
summary: "这篇文章从网页设计需求方视角拆解“为什么好稿子总被毙”，重点讲清需求沟通、审美偏差、版式调整与布局控制的实操原则，适合设计师和产品/需求方一起看，少返工、少误解、少做无效飞机稿。"
source: "生猛大蝦 (https://yjyj.net)"
---

# 一个网页设计需求方眼中的网页设计

> 来源：[生猛大蝦 (yjyj.net)](https://yjyj.net/learn/1599.html) · 作者：小 虾 · 发布时间：2010-09-18

## 30 秒核心看点 (TL;DR)

- 先把需求方当“非专业用户”沟通，找同类参考稿比空猜更省返工。
- 需求写法要具体，别只写“科技感”“要大”，否则容易把页面做歪。
- 改版式前先确认需求方意图，别擅自改LAYOUT，避免结果失控。

虽然已经不做设计师快三年了，可是依然会一直留意站酷。看着各位高手的作品，总让我庆幸我没有把这条路走下去——三年前，我就是由于觉得自己在设计上没有什么天分，于是转行去了一家游戏公司，去做官网建设和媒体渠道方面的工作。如今看来，这条路没有错，我的设计和站酷上的高手想比，差距不是用努力学习追的上的。

      
由于工作的关系，我经常扮演一个网页设计的需求方的角色。3年的时间，我看了无数的设计稿，也亲手枪毙了很多的设计稿。很多时候我觉得很无奈，那些设计都很好——有的精美的让我枪毙的时候心情极度难受——这些设计本身不是不美观，只是由于设计者太注意设计本身，忽略了很多设计之外的东西。联想到在站酷上也经常看到的很多精美华丽的“飞机稿”，这不能不让我这个依然爱好设计的旁观者心疼！所以我想就我这三年作为一个设计需求方，从我所看到的视角来说一下网页设计。希望对大家能有帮助。当然，在设计方面，我只能说是个外行，如果说的有什么不对，还希望大家能见谅。    
**设计师与需求方：**    
记得我自己做设计的时候，当时公司一位在中国待了快6年了的老外曾经对我说："中国没有DESIGNER,中国只有PAGE WORKER!"当时听到这句话很不服气，还试图和他理论，当然，最后结果是老外认错了，而我和那个老外也成了好朋友。但是，如今自己做了3年的需求方，我终于不得不很无力的承认了这个事实——不是中国设计师没有创意，而是客户心理对于项目的需要造就了设计师变成了美工。    
我不得不承认，大多数的需求方都是外行，有的甚至审美品位严重扭曲——当然，在很多高端的公司，专业的需求方也不是没有，只是这样的需求方是可遇不可求的。在大多数需求方看来，在整个项目当中，他们是处于一个“主动”的地位，对于整个项目具有主导话语权。或许他们脑海当中，真的有很漂亮的设计概念，只是他无法实现，于是便找到了设计师，希望设计师根据他所“想”的一个模糊的蓝图来设计页面。于是问题出来了，由于需求方非专业的描述使得设计者的设计思路变的跟着模糊起来。或许需求方的想法表达的很清晰，但是由于扭曲的审美观导致设计师无法认同。无论由于前者的原因还是后者的原因，都会使得页面变的不伦不类。这样的经历，我想每位设计师都曾经遇到过。    
接下来我们来说说解决方法：    
1、制作之前的沟通非常必要。你要假设需求方是“白痴”，什么都不懂。在需求在自己脑海里未明确之前，不要试图去猜测着做，这样“飞机”的概率极高。最好是让需求方找到同类风格的网站至少2-3个，让他说明这些网站他欣赏在什么地方。当深入的沟通之后，了解了需求方的意图和口味之后，你会发现沟通的时间远远会小于你重做的时间。    
2、对于用户给予的需求，不要太咬文嚼字，同第一条所说，需要假设需求方为“白痴”，很多专业的细节，他们一般不会关注。在做需求方的过程中，我也犯过类似的错误：记得那时侯提交需求，由于项目要求科技感未来感比较强，我在需求中写了一句：“整个网站的设计基调为科技感未来感比较强的蓝紫色。”结果，页面出来了之后，发现整体的设计风格很符合我事先的要求，页面也做的很漂亮，只是唯一的问题就出在头部的人物，设计师看到需求后，为了追求整个页面的色调“符合需求”把人物的色调也做成了蓝色，远看就像是阿凡达...对于这个结果，我哭笑不得。没办法，谁叫当时自己需求没有写清晰呢？    
3、对于主导意识比较强的需求方,不妨自己做一下用户引导。好设计师的个性都很强，这是我和很多设计师接触下来的感觉。有个性是好的，但是工作归工作，工作的时候还是要讲究工作方法的。不要试图顶撞需求方，这样做并不明智；也不要试图用自己的专业术语说服对方，这会造成沟通的无效，严重的甚至会让需求方觉得你是在“忽悠”他,从而对你产生不信任感。比较合理的方式是：“我觉得，你提的想法很不错，只是，我个人觉得..........（尽量用对方听的懂的大白话）这样做的话效果会更好一些。当然，我们可以按照您的思路给您做一稿，但是如果可以，我想按照我的想法也做一稿，两稿比较下或许会更稳妥些。”如此一来，对方有台阶下，不至于伤了自尊，而你，也就是多花了一些时间，至少争取到了按照自己想法做页面的机会。    
4、“大！一定要大！”很多时候，需求方会对你这么说。通常这么说的意思，就是这个需要“明显”。虽然可以假设需求方是“白痴”，但是在这点上，他比你懂。不过，客户说“大”，未必一定要“大”，首先，试图分析下，他为什么说要“大”，或许从产品本身的角度，对方是正确的；然后是修改，不过这个修改不是需求方说什么就是什么，依照第三条的做法，一稿按照用户的要求改，一稿可以尝试一些其他方法：比如换字体、换颜色、换样式，找个衬托的东西什么的...总之是在不破坏设计效果为前提的基础上作出自己觉得正确的修正——需求方大多是了解自己的产品并且知道自己要做什么的（也有不少是什么都不懂不知道的，遇到那种算你倒霉），他们或许不太清楚如果用美术的方法达到自己的效果，但是如果仔细分析，还是能够了解他们的意图的。    
5、千万不要随意改动LAYOUT，即使你觉得这个LAYOUT糟糕的让自己崩溃，也不要不和需求方联系就随意去做调整——你需要有这样的意识：很多时候需求方是需要控制结果并对结果负责的，不告知需求方而随意修改需求将为结果带来很大的不可控因素并对结果带来不可知影响，是对需求方很严重的挑衅。即使实在无法接受这样的LAYOUT，至少自己脑子里思考下，为什么对方会这么布局？如果不使用这样的布局，我是否能有更好的解决方案？然后带着“可能效果会更好的解决方案”去说问题。这样至少不会让需求方觉得你“无视”他的需求，而是在“帮助”他解决问题。    
6、要学会挑选客户，在我还是设计师的时候，一位老前辈曾经说过：“当你选择接1000￥/p以下的单的时候，就意味着，你的设计已经定位在这个档次了。”事实也的确如此，很多中小企业的领导、国企或者政 府的领导，通常会有很强的主导意识，而且觉得设计不值钱，设计就是按照他们的意图制作页面，设计师也就是一工匠。和这样的客户讲设计基本没戏，你的设计也别指望能做的出彩。什么档次的用户决定什么档次的设计，这句话是有道理的。    
**设计师与程序：**    
关于这个问题，很多时候是无法调和的矛盾。很多时候设计和程序是天生的“敌人”——设计师对于页面的认识是“漂亮”，而程序对于页面的认识是“简单”。对于页面的根本认识的不同，是两者发生矛盾的关键。我不得不承认，这样的矛盾很多时候是无法完全消失的，不过话说回来，事在人为，通过主观的努力尽可能去避免这些问题还是可行的。    
1、多了解一些技术的东西是有必要的，DIV+CSS是必须要学的，别觉得那是程序的事情——如果你不想自己的页面被改的面目全非，所以这个是必须的。JS的代码可以不懂，但是JS的原理还是该了解——至少和程序沟通你要的效果的时候用的到。这些都是最基础的，如果你还想朝着更高的方向发展。    
2、有时候简化页面是没有办法的事情，中国的网速就这个情况，现在电脑的配制也是无法改变的客观事实。有些效果比如FLASH、JQuery等等，虽然效果很华丽，有时候太占带宽太占系统资源。去掉也是没有办法的事情，毕竟，如果漂亮的效果让用户看不到或者等不到，结果会比没有效果更糟糕。    
3、私底下多和程序沟通。人心都是肉长的，有时候私下沟通比工作沟通有效果的多。没事情的时候多和程序一起抽抽烟、喝喝酒、吃吃饭、唠唠嗑。和好的设计一样，好程序也大多很有个性，但是思维也大多很简单，就和写判断逻辑一样，不是0就是1，所以别被表面的现象所迷惑、事实上程序是很容易接触的一类人。和程序处熟了，工作沟通也会容易不少、甚至可以直接找一个处熟的程序搭档接一些私单，有财一起发，不仅能赚钱，还能增进相互之间的感情，何乐而不为？    
**设计师和终端体验者：**    
虽然说设计师很少能和终端体验者发生关系。但是事实上，一个页面到底好不好，终端体验者最有权利说。作为一个设计师，不是说光会设计漂亮页面就OK了，如果用户体验不好，页面再漂亮，也是空的。    
1、需要学习理论，但不要迷信理论。很多设计师喜欢看国外的设计理论，这些理念通常都很先进，而且都有很强的逻辑，让人觉得“该这么回事”。不过，实际情况是，这些所谓先进的理念都是外国设计师根据国外用户浏览习惯总结出来的东西，虽然很系统、很完善。但是和中国用户的习惯还是有很大差异的。关于这点，我做过几个大型英文网站的项目，感触很深刻。其实，那些理论也都是外国设计师一点一点总结出来的，我们为什么自己不能总结一些中国用户自己的习惯呢？多看各个成功的网站，多观察身边的人浏览网站的习惯，然后自己思考一下“为什么”。当你有自己成熟的理论了，你就离“大师”不远了。    
2、好的页面设计是引导用户去阅读的。设计的最终目的是为了传达信息，如果为了页面美观而失去了传达信息本身的效果，那这种页面设计的效果就是负的。这是很多有平面设计习惯的设计师时常会忽略的问题。尤其在以文字和图片作为传达主体的网站上，这种问题更加明显。建议有这样问题设计师能看一些关于排版方面的书籍——在这方面，网页设计和印刷排版设计是有共通之处的。    
3、设计也需要在文字上下功夫。很多时候页面上的引导是通过文字链接实现的，而策划案里面或者LAYOUT里面不会给你明确的文字（有不少策划案里所给的文字链界是仅供参考的），如果不自己琢磨下，有时候真会出现不少尴尬。最简单的例子：很多人喜欢用“MORE”、“CLICK HERE”、“SKIP”这样的英文单词。这个单词什么意思，我们都知道、可是如果这个网站目标用户群体是中年人或者年纪更大的人。那恭喜你，你对牛谈琴了——呈然，现在的年轻人大多有英文基础，但是老一辈可没有我们这么好的教育水平啊！...很多设计师都不太在意文字本身，这在中国是一个很悲哀的事实——这样的态度会让设计师很难进步，就是从职业规划上来说，将来要朝更高的其他方向发展，这也会成为一个障碍。    
4、考虑下动态页面具体使用中会遇到的问题。静态页面我们能够控制最后出来的效果。但是动态页面却会出现我们无法预计的问题，你需要考虑到没有美感的网站编辑用丑陋颜色的标题把你的页面搞的乱七八遭、你需要考虑到有时候用户名是8个字，但是你却只给了7个字的距离......如此等等的问题都会影响到页面的效果和用户的观感。这方面的问题总是会超出你的想像，但是一旦发现了，就必须准备解决的方案，能否发现问题以及是否快速找到解决问题的方案，在一定程度上也是判断一个设计师是否有经验的标志。    
**给新人的建议：**    
1、平时多看所收集整理素材、自己做的页面分门别类的整理好、老设计师为什么出东西的速度比你快而且效果好？就是因为他们看的比你多，素材比你丰富。老设计师的硬盘绝对是个宝，恩恩，别想歪了。    
2、设计的时候少些想法，设计好之后多些想法。大胆下笔、小心收拾，只要总体的感觉对了，设计就能出效果，相反，设计时候想法多了，不仅会严重影响设计速度，出来的东西也会不伦不类。    
3、设计有时候不都是加法、减法也很重要，全是效果等于没有效果，材质和光感觉最好能保证统一。影响整体效果的东西，再漂亮也要狠的下心去掉。    
4、自己看效果的时候一定要放到100%看，建议根据不同分辨率浏览器宽度拉一下辅助线，保证在不同分辨率下效果都不至于太差。看的时候可以学学画素描的方法，眯起眼睛看，那些东西突出没有、哪些东西没有突出，用那个方法一看就知，当然如果带眼睛的可以把眼镜去掉，效果是一样的。    
5、有能力制作个人网站的话，还是做一个吧！一方面练手，另外一方面，无论是求职还是接单，都用的着！    
6、设计有时候真需要天分，如果做了一段时间，发现自己没有天分，不如像我一样，跳出去换个工作比较好。呵呵，这条只是一个玩笑。要相信自己的努力会有结果，如果你能坚持的话，我相信，迟早有一天你也能成为最NB的设计师！

  本文由 站酷网 - 飞翔的松江人 原创，转载请保留此信息，多谢合作。

## 延伸问答与排错指南 (FAQ)

### 网页设计需求沟通为什么总返工？
核心原因通常不是设计能力，而是需求表达模糊、审美预期不一致。最稳妥的做法是先让需求方明确喜欢的参考风格，再把“想要什么、不要什么、哪里必须突出”说清楚，减少靠猜做稿带来的反复修改。

### 需求方只说“要大一点”该怎么处理？
不要机械照做，先追问“大”指的是标题、主视觉、按钮还是信息层级。然后给出两版方案：一版按原要求改，一版用字体、颜色、对比、留白等方式强化重点，让对方在可控范围内选择。

### 设计师能不能自己改布局不通知需求方？
不建议。布局调整会直接影响信息层级、视觉重点和项目结果，属于需要确认的关键变更。正确做法是先说明为什么要改、会带来什么效果，再争取需求方认可后执行，避免后续责任不清。

---
更多 Linux 运维、WordPress 性能优化、前端工程化、Shopify 独立站与极客折腾指南：[生猛大蝦全站文章归档 (https://yjyj.net/archive)](https://yjyj.net/archive)