第一让大家来看一下网站建设的工作步骤吧，除去之前介绍过的用户研究、写作商品需要文档、市场文档、做竞品调查等工作以外，与设计师密切有关的网站项目步骤可以分为原型图阶段、视觉稿阶段、设计规范阶段、切图阶段、前端代码阶段、项目走查阶段六个阶段。每一个阶段都需要设计师参与和知道，千万不要只在乎视觉稿这个阶段，有不少前期与后期工作同样需要得到大家的看重。好，让大家一个一个来认识它们吧。
原型图阶段中设计师需要和商品经理交流需要，这个时候应该注意，并非商品经理向设计师下发需要，而是需要相互就自己善于的方面进行交流。视觉方面具体呈现或许设计师会有更好的方法，这个时候需要在设计之前与商品经理达成一致。
△ 构网站制作原型图（工具网站制作工作步骤分析Photoshop）
当视觉稿通过后，不少设计师可能不会主动去做设计规范。其实每个可迭代的商品都需要设计师来概要设计规范，设计规范就是所有页面中共性的东西，譬如说字体不一样的大小、图片的尺寸、按钮的样式等，这类共性也是用户访问网站时会理解成固定定义的凭证。譬如同样的推荐功能假如使用两种完全不同的样式就会让用户困惑。那样设计规范主要也是在约束设计师大家自己，在用户有限的记忆力中降低考虑的本钱。同时，设计规范也可以保证同一个项目的不同设计师都能输出一样风格的设计来。最后，设计规范对于设计师个人来讲也是对项目影响的一个佐证，可以证明你的考虑和你在项目中的地位。所以我觉得设计师应该主动去做设计规范和项目概要。设计规范怎么样去做？其实设计规范就是把主要页面的元素固定成统一元素即可。具体来讲一个商品的设计规范应该有网站制作工作步骤分析Photoshop）
网页设计人员一般无需为前端工程师切图。由于前端工程师一般需要学会 PS 软件技能。假如遇见特殊状况需要大家切图时，大家可以用诸如 Cutterman、Zeplin 等切图插件中的 Web 选项为前端切出网站所用的图片。
△ 从PSD中提取出来的切图（插件网站制作工作步骤分析Notepad +）
网站制作完成后还需要设计师进行项目走查，来确定网页还原度是不是有问题。假如发现有和设计稿出入非常大的，就需要需要前端工程师进行调整。这个步骤尤为重要，由于网站的成品才是大家最后的输出，不要觉得设计稿非常漂亮而达成后的页面就无需大家负责了。
△ 将达成后的截图和设计稿进行比对（工具网站制作工作步骤分析网站制作工作步骤分析转载注明：
