快速提升你的工作效率——PS中的文档管理（上）

PS中回溯历史记录的步骤是有限的，所有操作在经历超过一定步数的修改后都无法进行版本还原，以及进行针对原版本的修改。对于一个工程文件而言，版本不可逆是灾难性的。所以针对PS，我们应该保留素材的原始数据，尽量使用非破坏性编辑。

“非破坏性操作”是图像处理软件长久以来面临的问题，Adobe从最早的版本到最新的CS4，经过十几年发展，ps的用户们也遍历变迁。最早PS的使用者为了保留历史版本，不得不频繁“保存副本”。直到后来有了历史记录面板，有了快照，有了调整图层，有了智能对象，CS3版本中更向3dsMAX学习了属性堆栈。

来看看PS在“非破坏性操作”的4个方面上已具备的功能（截止到CS3版本）：

• 原始数据的留存：智能对象、历史快照。
• 效果叠加：填充图层、调整图层、混合模式和图层样式
• 操作区域：上文中提到的蒙版，剪切组
• 属性堆栈：智能对象的滤镜库堆栈（PS3中新功能）。

四、使用填充图层和调整图层

图层面板下方的添加调整（填充）图层按钮

1 填充图层：

当需要为页面上某个版块添加浅灰色背景，在导航上使用长条型漂亮的渐变背景时，你是习惯如何操作，创建一个空白图层，在选区里直接填色？还是使用填充图层？

Ps中传统方式是在空白图层中创建选区或路径后执行填充命令，但自从允许使用填充图层在对象中填充纯色、渐变或纹理后，油漆桶变成了最鸡肋的工具之一。

相比较传统方式，填充图层具有更大的操作灵活性。单击图层面板中的图层缩略图，就可以随时更改颜色、修改渐变、更换纹理，且具有非常直观的预览效果。

填充图层中填充对象的形状范围实际上是一种内置蒙版，所以这种填充方式集合了蒙版的种种优势，比如可以使用黑白画笔来随意修改填充边缘、或使用矢量编辑工具来修改矢量形状蒙版。

图示案例：使用渐变填充图层、使用画笔/橡皮擦修改蒙版

在web设计中，所有需要使用填充色块的地方都尽可能使用矢量路径+填充图层来完成，这样生成的填充色块可以随时随地保持方便修改和无损形变。

图示案例：使用矢量工具+填充图层 创建常用元件。

2 调整图层

调整图像的色阶、色相、对比度、色彩平衡？把彩色图像变为灰度图像，色彩反相，调整照片的色温，这些都是最常用的操作。但你经常拿不定主意，对原始图像施加调整效果进行实验……

一个设计成浅蓝色的按钮，BOSS看了不喜欢，要求改成浅绿色。改完以后效果不好，BOSS又要求改成灰色……

如果你经常遭遇上述情况，请选用“调整图层”功能来进行你的调色实验吧。

PS中可以用来实现图像调整的方法：

使用调整图层要好于其它两种操作，调整图层不会更改原始图像中的像素，（会略微增加文件大小），也是一种内置的蒙版。可以随时更改。 在进行多项调整时，使用调整图层意味着新建多个图层，多个调整图层可以分别修改排序、混合样式和透明度。

图示案例：使用调整图层改变元件配色

六、使用智能对象及滤镜堆栈

1  智能对象

PS从cs版本开始增加了智能对象（smart object）。智能对象可以保护原始像素内容，用户可以进行变换操作（包括缩放，旋转，变形等）而不会累次地降低图像质量。如一个400px宽的位图素材，使用变换操作压缩为200px宽，旋转45°。后来又想修改为300px框，旋转为原位。但上一次压缩操作已经对图像质量形成了不可逆的损害。如果在操作第一次变换前将该素材转为智能对象，无论它之后变换了多少次，都可以保证是基于400px宽的原始质量来进行更改操作。

智能对象的另一个好处是，可以通过编辑其中一个副本来实现对所有副本的同步改动。

一个使用了智能对象副本的psd源文件尺寸会小于标准的psd文件，这是因为智能对象图层的复制不会像标准图层复制那样生成真正的多倍像素内容，而只是充当了源的角色。

这一点和“Ai的嵌入”有很像的特征。

图示案例：使用智能对象，编辑智能对象的原始文件，达到影响所有副本。

2 智能滤镜和滤镜堆栈

智能滤镜是指针对智能对象应用的一些滤镜，在滤镜库里可以浏览滤镜菜单，预览并对统一对象使用多个滤镜。

滤镜堆栈和AI中的外观面板很相似，所有施用过的智能滤镜都显示在PS的图层面板。你可以再次关闭该滤镜，调整滤镜的透明度和叠加模式，调整多个滤镜的施用次序。

除了上述优点，还可以再次对智能对象的原始文件进行修改，所以使用智能滤镜，在原始文件和滤镜使用的操作上都有极大的灵活性。同时也都是非破坏性编辑。

图示案例：使用智能滤镜和滤镜堆栈。

3 栅格化操作

智能对象，矢量对象，文字对象有一些共性：在被栅格化（像素化）之前，随时随地都具备可编辑性，这个特性让上述对象类型在任何时候都应该成为你的首选。但是有些滤镜和变形操作是其失效的。

所以要非常谨慎地操作栅格化命令，栅格化和图层合并一样是破坏性的，不可逆的。

如果必须要使用某些滤镜效果或变形，建议不妨为上述对象创建一个副本，隐藏保留原本，在副本上施行操作。

对于边缘修改，边缘羽化、擦除这类操作，可以使用蒙版技术来完成。这同样是非破坏性操作。

七、使用图层样式(layer style)

图层样式可以实现非常丰富的特效，包括投影，光泽，纹理，发光。

除了常用的发光、投影、浮雕外（在webUI设计中其实它们反而不常用），

1. 图层样式可用于填充纯色、渐变和纹理。比较与填充图层，图层样式最显著的特点是便于移植。
2. 描边可用于创建border。内发光可用于创建padding。外发光可用于创建margin和小圆角边框。
3. 混合模式、透明度、填充透明度都是图层样式的一部分。他们可以被一起方便地移植
4. 单纯使用样式可以创建多种玻璃质感、水晶效果、金属拉丝、塑胶质感的按钮样式。

图层样式的优点：

图层样式可以通过复制、粘贴操作来传递到其它图层中。可以通过多选，一次向多个图层粘贴某个样式。还可以通过快捷键来操作。Alt+拖拽，是移动某个图层样式，alt+crtl+拖拽是复制图层样式。（使用鼠标快捷时，透明度，填充透明度和混合模式这3个属性将无法像粘贴图层样式那样也传递过去。）

图层样式不会破坏原始图像质量，允许随时修改样式的配置参数。

更改原始图像时，应用其上的图层样式会立即自动变换以适应新图像。

图层样式支持无损缩放。(涉及像素纹理的除外)。另外当psd文件的图像大小（分辨率）发生改变时，图层样式可同步缩放。必须保证“图像大小”的设置对话框里，如图这个复选框被选中，同步缩放才能起作用。

图层样式可保存为预设配置，进入资源库，在多个pad文件之间复用，保证样式的继承和统一。

下面这些链接中可以提供大量的图层样式下载，双击.sal文件，可以直接加载样式在预设配置里。

42 Photoshop Layer Styles for Button Design – Free Download

131 Ultimate Web 2.0 Layer Styles

220 Amazing Free Photoshop Layer Styles

八、资源管理——定义预设配置

对于交互界面设计这种存在大量需要风格统一的工程文件和多人团队协作的项目而言，资源管理是必须的工作。

和程序写作一样，需要先统一接口、函数，PS里也有许多可以预先配置好的元素。

包括 渐变、纹理、色卡、图层样式、矢量形状、画笔、等高线、工具、图案等，更专业的还需要做统一的颜色配置。

PS提供在”菜单: 编辑 —> 预算管理器”里管理这些资源。可对资源进行分组，命名，添加，删除，存储，载入等操作。

每一种资源都有对应的控制面板，每一个面板右侧都有折叠小三角。点击后展开统一的管理菜单。

在项目开始前，

• 将logo和标志性装饰图形 作为 矢量形状预设载入。
• 将主配色 作为 色板预设载入
• 将常用渐变 作为 渐变预设载入
• 将主按钮和背景条样式 作为 图层样式预设载入
• 将常用纹理 作为 图案或填充纹理预设载入
• 将常用虚线 作为 画笔或图案载入
• ……

花一些前期准备时间，将设计风格进行商讨统一，然后新建组别存储。并将不同类别的预设分别存储为预设文件：如色块文件：***_pro.aco , 渐变文件：***_pro.grd。分发给协作设计师使用。除了能大幅度提高工作效率，还能保证文档工作的专业和规范。

且无论项目持续了多长时间，或者经历时间漫长的频繁改版，或者更换过几个设计师，都能保证基础风格的协调和统一。

八. 多人协作项目的ps文档版本控制

Adobe的从CS版本开始，在套装中提供了Version cue 和 Bridge.

Version cue:  用户PSD文档的版本控制，多人在线协作管理

Bridge：图片管理/浏览工具。支持Adobe的所有工程文件预览（得保存为pdf兼容格式）。拥有支持 tag , 图片尺寸，类型 等多种维度的强大过滤器，用于管理本地数量庞大的素材库很好。

这两个小工具软件很容易被忽略，（我觉得是它们2.0之前的版本都做得太差了，Bridge曾经导致我频频死机。但是从cs3版本后，这两个小工具都在性能上做了很大优化，变得非常好用）

关于结合使用Version cue 和 Bridge，创建一个属于设计师的SVN系统，对工程文件进行版本控制，这有一篇写得很好很详细的教程。在阿里集团中，淘宝的UED团队还是最靠谱的。
Version cue+bridge(cs3)优化版本控制【alex ren】

快速提升你的工作效率——PS中的文档管理（下）

这是一个重要但是容易被忽视的领域，很多设计师没有文档管理和文档规范意识。认为只有代码工作者才需要什么编码规范和版本控制系统，photoshop作为一个应用软件，讨论这个有什么意义呢？

• 作为工程文件，一个复杂页面的psd源文件里有200~300个图层是很正常的事情。
• 作为最直面客户和BOSS的开发环节，以及存在对视觉表现的个体认同差异，你可能会遭遇最多的需求变动、修改建议，需求反复……。
• 作为开发协作中的一员，你的源文件会被其他设计师或开发者使用或修改。
• 作为开发文档中的一部分，你的源文件会面临移交、继承和重用。
• 图层命名无法辨识，几百个图层没有分组、元件难以修改、被调用的原始素材被处理地面目全非，修改版本无法回溯、设计样式无法复用，同组的psd文件风格或布局无法统一……如果你正在修改这样一份psd源文件，会不会抓狂？

作为一个UI设计师，建立文档管理和文档规范意识，不仅能便于团队协助和工程文件的移交，更重要的是能快速显著地提升自己的工作效率。

作为工程管理的一部分，PS的文档管理也具有以下特征：

• 编码规范：命名规范。
• 架构设计：组织结构合理。
• 版本管理：不对原始素材形成不可逆的破坏，可进行版本追溯。
• 协作机制：元素和样式便于复用和调用。
• 资源管理：通过定义预设配置库或资源库来提高效率。

下文中，我将和大家一一分享具体的工作方法。

一．图层的分组和管理

PS提供了三种方式来组织图层(layers)之间的关系：图层组、链接组、剪切组。

在进行用户界面设计的过程中，应该根据布局区块来组织图层分组。对图层进行分组是一种基本的信息组织方法，将大量的、分散的、杂乱的信息经过组织、整序、优化、存贮，形成一个便于有效利用系统的过程。

1 使用图层分组管理的主要优势：

便于组织和检索:

将图层编入同一图层组组，进行图层组命名，并形成树状结构，可以方便创作者快速查找图层在图层面板序列中的所在。

如何快速选择图层：

选中移动工具，在属性面板中 取消自动选择前面的勾选，在下拉菜单中选中图层。在使用移动工具的时候，按住ctrl键，可以直接选中 当前可视的图层。

学习善用右键：

用上面的方法快速选中图层后，点击右键，可以看见右键菜单中显示了 表示基于图层组的的树状列表，通过这个右键菜单可以快速切换到所需的图层。但前提是要有良好的图层组织结构和图层命名。

便于挪动修改布局:

图层组可以作为一个整体进行移动和缩放，将位于同一布局区块的图层编入一组，可以快速改变某一区块的位置和比例，方便地实行布局的调整。

便于整体管理：

图层组可以作为一个整体进行 删除、显示/隐藏、修改透明度和混合模式模式。图层形成编组，令创作者可以快速地显/隐一批图层进行效果预览。对一组图层进行整体操作。还可以创建基于组的蒙版，整体控制某一图层组的显示区域

在设计属于一个网站的不同页面时，使用图层组可以快速创建统一的设计模版，保留共有的区域的图层编组。

2 图层分组和链接组

图层分组具有结构特效，链接组更多用于表示关系。

为图层建立链接组，可以锁定几个图层之间的相对位置。对它们其中任何一个执行移动缩放、拖拽复制和删除操作时，都会对整体生效。

链接组更容易创建和解除关系，位于同一链接组中的图层可以分别位于不同的图层组，实际上形成了另一种结构维度。

3 尽量不要合并图层。

图层合并操作是不可逆的，（本文中指的所有不可逆的操作都不包括在历史记录面板的有限步数的回溯）。可以通过执行ctrl+alt+E 来合并图层，这个命令在被选中的图层上方创建了一个经过合并操作的副本，生成了一个新的合并图层。你可以对这个独立图层随便进行修改和调用，而丝毫不影响原始图层。

二、图层命名规范

一份没有图层命名和分组的源文件是最受前端开发人员诟病的，建立良好文档规范，养成对图层命名的习惯，除了利于源文件的移交、继承和重用，提供效率，也体现了对协作成员的尊重。同时，图层命名是使用图层右键菜单的良好前提。

建议主要使用英文命名，便于在不同系统平台之间的移交。

如何命名，可以参考前端的命名规范，针对界面布局、鼠标事件、不同的交互状态有许多约定俗称的叫法和缩写，例如：

页头：header   内容：content/container   页面主体：main

页尾：footer   导航：nav   侧栏：sidebar   栏目：column

整体布局：wrapper   左右中：缩写为 L R C   水平/垂直：缩写为H/V

导航：nav   子菜单：submenu   摘要: summary   按钮：btn   滚动：scroll

鼠标悬停：hover      点击：click      已浏览：visited。

等等……

三、使用蒙版

1 使用蒙版的好处：

蒙版通过叠加一个蒙版图层来控制原始图像的显示。最大的好处是：可以自由实现对原始图像图层的擦除、剪裁、抠图、边缘虚化等这些极普遍的操作，但原始图像内容不会受到破坏。

2 图层蒙版和矢量蒙版：

蒙版分为图层蒙版（我觉得像素蒙版这个叫法更好一点）和矢量蒙版。

两者用法相同，一个是位图，一个是矢量。图层蒙版支持透明度，矢量蒙版支持路径。

图层蒙版通过工具栏上和图层面板底部的创建蒙版按钮来创建。原理跟存储选区的“alpha通道”原理类似。通过灰度来记录蒙版的区域及透明度。白色代表显示全透明，黑色代表不透明，50%的灰色代表50%的透明度。支持滤镜、柔化和改变透明度等操作。由于是像素对象，执行变换操作时，蒙版边缘会出现质损。

矢量蒙版需要先创建一个矢量对象，然后按住crtl键的同时，点击图层面板底部的创建蒙版按钮来完成创建。可以通过路径选择和钢笔等工具对矢量蒙版进行编辑修改。由于是矢量对象，变化操作时蒙版对象的边缘始终是平滑的。但不支持透明度、柔化边缘和大部分滤镜。

3 剪切组的优势和弱点：

剪切组也是蒙版的一种形式，同样具有不破坏原始图像的特征，它既可以具有像素蒙版特性也可以具有矢量蒙版特性（这取决于剪切组最底部的图层）。

剪切组的优势是可方便应用于多个图层，使用上具有直观的组织性，但坏处，对象图层必须在次序上紧挨着，而且在调整图层次序的操作时，容易导致误操作。

我在《如何逃离垃圾客户》的故事4“大客户的诱惑” 里讲述了一个严重失败的合作案例。估计很多想干外包或者想兼职接单的人看完都受不了：“什么客户都可能是垃圾，干项目随时可能遇上各种鬼事，单子还怎么接， 外包还怎么干？”

霍炬老师很早以前就教育过我：项目经理需要干的3件事——控制、调配和缓冲。

• 控制：控制客户与突发事件。
• 调配：调配 时间、资源、需求之间的三角关系。
• 缓冲：分解压力，在需求方和工程师之间充当沟通桥梁（这两种人虽然都会说中国话，但在对方听起来基本是两种语言。）

如果你不能学会控制客户，处理好甲方和乙方之间的关系，其实任何项目都有可能变成垃圾项目。 

几个首先的原则：

•  不要忽悠甲方。无论是为了拿下项目还是获得更多预算。这样做好比为了立战功，对朝廷说我有5W雄兵，派我去吧。实际你只有2W人，结果到了战场一看敌军10W人，到时你就歇菜了。
•  如果只能忽悠才能拿下项目，你必须对手里的每一种资源都有完全的控制，且提前准备好有备用措施。比如不能有一部分源码除了王二，你队伍里就没其它人会改，比如得有一个高手（5~10倍效率于普通程序员）能帮你快速扫荡，比如最好有个顾问能于危难之时伸手解救你已深陷某bug数天之久的工程师。
•  把公司对公司 控制为 单人对单人的交流。你派出项目经理（客户专员），要求甲方派出项目负责人。双方的代表都必须能对沟通结果负责。
• 不要把甲方放在对立面。你为他着想，他才能为你着想。你真诚地对他，他才能真诚地对你。

状况1：甲方无法提出详细而确切的需求。也无法提供完备的需求文档。 

此状况及解决贴士请参见我另一篇Blog：《项目如何开始：怎样和客户一起搞定需求》

状况2：要求比稿；

经常有客户范儿很大，够充牛逼，在签订正式开发协议前要求你参与比稿：“我们这个项目招标，有几家外包方都联系我们想做，我们也需要考核商定一下，你们先出个方案让我们看下。”

应对：我的个人原则是，不接需要比稿的项目。在对等的受法律保护的合作关系之前，要求外包方单方面付出是非常不公平的，这样的客户一般也缺乏对外包合作方的起码尊重。所以项目接下来基本后患无穷。

但是很多时候，大规模的项目、部分行业有行业传统，或者官僚机构的项目，比稿再所难免。是否参加比稿就要看你觉得值不值，1要确定自己是不是陪绑的，竞争是否公平。2 要尽量清楚对手的实力。3 这个项目的利润回报是否够高，以足够抵消风险。

大部分时候，需要比稿的项目，动机纯正、负责人心里没底、真正为了比较方案挑出好合作方的情况是很少的。大家在中国生活了那么多年，也应该知道招标比稿都是些什么猫腻。很多状况下是已经内定，拿比稿堵别人的嘴；或者集中多份方案拼出一个最终稿来，给他们想给的人做。

如果已经决定参加比稿，就得好好做。也分是全本方案还是提纲方案。全本方案的我没遇到过，风险太大。提纲性方案的，有一个招，给客户展示一下你们曾经做过的全本案例，告诉客户你们会在一份真正可用的方案里提供多少多少专业性支持或设计，但全本需要**成本**时间。所以现阶段只能可以提供提纲性方案。 如果你们的全本方案做得够专业，客户心里会有数。

状况3：要求提供1份以上的方案(设计)

做方案和设计的经常会遇到这种情况，“做2~3稿logo吧。”“出2种颜色的版面吧。”“再提供1个方案吧。”

设计者一般会这样想，“logo反正我一般都要设计2~3稿的。”“不就叠加个颜色调整图层，换换颜色嘛。” “不就把方案删删改改嘛。”所以客户的第一次要求总是很容易被满足。

但是很快设计师们就发现自己掉进了难言的沼泽：

logo挑了一稿又挑了一稿，客户已经挑花了眼，主意越来越多，指挥越来越具体。

2个颜色的版面很难被最终确定，于是都被要求被暂时保留，分别先做版面中的其它修改调整，改好了再说。

多版本的方案让项目条件越变越多，规划越来越复杂，最后大家心里都没谱了。

应对：如果你为客户设计logo，自己做了4个版本，不要把这4个都拿给客户。挑选一个最适合客户需求的。

（小贴士：

• 不要挑选你最喜欢的，或是最漂亮的。切记是最符合客户需求的。
• 所以之前要详细征求客户需求，咨询行业背景、业务背景、战略和品牌文化，再加上你的专业判断。
• 如果你前期功课没做好，无论你做几个客户都不会满意的。
• 如果客户无法回答你的问题，拿出一些成功案例，请客户参考挑选后把属性加以组合。
• 如果你是设计师，有一套具有典型性、分类全面、属性差异明显的案例库是非常重要的，可以帮助客户说出他们无法用语言描述的想法。）

草稿的数量并不会让客户（老板）对你的勤勉印象深刻，反而会觉得分摊到每稿的成本很低。把多个草稿交给客户定夺也是你不够专业的表现，如果需求明确，最适合的永远only one，而你在这个时刻应该运用专业能力选择判断。你把这事交给了你的客户去干，其结果就是客户质疑你的判断和理解需求的能力，从而无形中剥夺掉了你对设计的控制权。剩下的事，你也能想得到了。

我见过做logo，给客户提供了3稿，结果客户一下子有主意了，一会加个彩虹，一会做个太阳，最后反反复复做了7、8稿，客户还没满意，活活挑花了眼。

而多个配色版本这事，也和上面同理。一个配色就是一个需求 ，不要因为改起来很简单就随便答应。如果走严格的外包流程，多一个配色就是多一份需求，多一份需求就要追加一份费用的。而且做一点微小改动后复制一个版本的要求，最容易出现的后续状况是两个版本会在一段时间内并存，而且两个版本需要同时开发、变更、改bug。这样下来维护成本不是乘2而是乘4。这是程序开发上经常会遇到的大坑之一，技术型项目经理一定要注意。

做多个方案这种事就更离谱了。只有在出现不同条件和项目背景的状况下才可能要求做多个方案。一般会遇到的就是分别做低预算、中预算和全预算的方案，或者做3个月能完成项目、半年能完成、全年能完成的方案。

如果你是雇员，一定要强烈提醒你的老板，不同的条件配置不能混用。

如果你是外包方，还是要记住，需求对应费用，不要以为这就是是删删改改的数字游戏。

状况4：反复改稿；反复纠缠于细节

状况：产品端人员经常会遇到客户要求反复改稿，并且十分纠结于细节。

比如一个首页改了4、5稿，做了两礼拜还没做好。打翻重做都有2、3回了。 产品A是放在产品B的前面还是后面，产品C是挡住产品B的1/3还是1/2。客户提供的文案或者翻译不停在修动，今天删行字，明天加行字，每次都得改完文件，导出，请对方审核。明明是对方的失误，耽误的确是你的时间，最后你还得为整体项目进度延误付出代价。

应对：这种状况首先得由项目经理做好预防。文章开头说过了，调配职责，是调配 时间、资源、需求之间的关系。（资源代表钱和人力）这三者之间是互相钳制的。需求膨胀，就需要更多的资源或时间；想要缩短时间，就得压缩需求或者补充资源；想控制成本，就得压缩需求或同意更长的项目周期。（注意：根据人月定律，人工/单位时间 和 钱是不能绝对换算的。延长开发人员的工作时间也只能让情况更加恶化，项目经理一定要慎重在这两者之间的调配。）

• 1。项目经理再和客户签订预算的时候，就应该尊崇这种换算原则下的 付酬及核算方法。（以后我会专门写blog讨论如何制订预算）以单位人工*时间来计费。这样由于客户原因导致的单位人工工作时间增加，可以得到费用上的合理补偿
• 2。开发协议附件要附上项目时间线，里面明确标清几个阶段的时间里程碑。比如需求完成的里程碑、界面完成的、前端切图的、系统架构的、基础开发的、整合的、内部测试的、bug调试的。如果某个里程碑未按时完成，是由于甲方问题导致的，需要标清责任，并在当时向客户声明可能造成整体项目延误的风险，如果非常严重的甚至可以要求甲方赔偿（因为乙方外包公司的时间一样很值钱。）
• 3。开发协议上要声明甲方对设计稿提出修改意见的轮数，一般是2轮。2轮修改已经意味着最多3稿，什么样的问题基本都能在3稿中改定，什么样的分歧也都能在3稿内统一。超过这个改稿数需要追加费用。这样可以促使甲方全面集中地一批提出修改意见，而不是想到哪说到哪。（我曾经遇到一个客户，一晚上给我发了20封邮件，每封邮件里提1~2条建议，邮件前后还有反复以及 “以此邮件为准之类”的话。MD，后来发展到只要他想起来什么地方要修改就给我打个电话，在第一阶段内测的时候，我曾经在一顿饭中接了他5个电话。）
• 4 。开发协议上要指定几个关键节点的审核确认制。比如首页和全局风格确定了，需要签字确认一次，保证这是最终意见。全部UI设计完了，需要签字确认一次，保证不再修改，不然前端切图的同事就没法干了。

协议这样写：条款*、工程审核及工程验收

1. 收到预付款项之后，乙方设计组完成主要页面UI demo的设计开发
甲方针对DEMO页面进行审议，提出修改意见。乙方进行DEMO页面的修改，甲再次审议。提出意见，乙方再次修改。甲方需集中在两轮内，全面、统一、明确地提出审议意见。由甲方所提供文案、图片、其它资料变动所带来的修改，乙方可以免费在两轮中提供支持。超出两轮改稿范围的工作，属于维护性工作。请参见《项目维护协议》。或（将不予支持）

2 确认UI demo达到要求，甲方需对DEMO页面签字确认修改。
签字确认后，进入前端切图环节。甲方如果对页面有其他变动较大的修改要求（更改页面标准色、设计风格、页面布局），将视为二次设计，乙方可收取二次设计费用。

• 5 。对于甲方提供的文案、图片、资料所带来的麻烦，在协议中提取声明。参见上一段和下一段

协议这样写：条款*、甲方责任

1． 甲方需对网上内容提出具体要求，若在所规定的时间，甲方不能够及时确认开发设计的内容，所造成的项目进度的延误，乙方不负任何责任。

2． 甲方需要为乙方工作人员了解具体业务提供详细的文字、图片等资料。若在所规定的时间，甲方不能够及时提供相关资料内容，所造成的项目进度的延误，乙方不承担责任。

有了上述5项预防性措施，你剩下的很多事就好做了。

客户反复改稿，反复纠缠于细节，一般不是恶意，大部分都是工作方法和缺乏大局观的问题。

所以在客户反复折腾，浪费时间的时候，你得告诉他们得付出什么样的代价，同时你能提供明确的依据和协议的保护

约束客户的审核行为。审核行为必须成批次，意见统一、明确、全面。

帮助客户建立正确的工作方法。最简单的做法就是提供一个审核意见的模版，让客户按葫芦画瓢地填写。另外一定要教会客户使用截图软件（QQ里的截图就行），这样可以省许多口舌。审核意见模版下载

ppt版本下载 （用于产品端，优势，可放置大面积截图）
excel版本下载（用于产品端及 程序、功能测试反馈。优势，条理性强，可过滤排序）

客户自己提供的资料变动，一次两次可以帮忙，多了就是维护性工作，得和开发阶段明确分开。

还有一个问题，客户很多时候不知道你需要什么资料，或者资料准备不及时。在项目正式开始之前，要按需要的紧急程度，向客户提供 所需资料的清单，然后用不同颜色标清需求紧急程度，分别最晚什么时候要求提供。 这一点很重要，很多资料的缺失将直接影响到你设计和客户需求的匹配。包括logo、标准色、产品图、客户要求放置的大图、客户品牌历史使用的装饰性元素、文案字数等。

 

——————下期预告————————

状况5：由于级别关系，和你的开发人员联系的甲方代表不是能最终拍板

状况6：看见产品demo后，甲方立刻要求这改点那改点，补充需求膨胀

状况7：客户公司流程混乱，作风官僚

状况8：你成为了部门斗争的牺牲品