网站建设成功的第一要素，也就是网页设计(组图)

　　网站建设成功的第一要素，也就是网页设计(组图)

　　网站成功构建的第一个要素是网页设计。合理的网页设计和制作是优秀公司网站的先决条件。所以，在构建网站之前，首先要做好网页设计的规划。企业网站搭建的网页策划涉及的内容很多，那么网页设计的内容有哪些呢？包括哪些项目？

　　1.prototype 地图

　　在原型阶段，设计师需要与产品经理沟通需求。这个时候需要注意的是，不是产品经理给设计师发需求，而是需要互相交流自己擅长什么。具体呈现的视觉方面对设计师来说可能有更好的方式，这就是在设计前与产品经理达成一致。

　　2.vision 草稿

　　在网页设计内容的视觉草稿阶段，我们要根据原型和总体布局确定的内容来完成网站的界面设计。在设计网站时，我们需要一些图片和灵感材料。比如世界杯主题，除了采集大量素材，我们还可以设计一个“情绪板”。简单的说，情绪板就是把一些与主题相关的素材和材料铺在一起，以便更好地引导我们整个需求的设计主题和总体感觉。此外，很多网站头像通常需要主视觉来吸引人们的注意力。此时，他们可能会使用需求方提供的明星照片、主题素材、标志和主视觉PSD。然后使用材料和需方提供的材料。我们的目标是混合数据，拼出让人感到震撼的头部视觉。主视觉下的信息布局更强调合理性。这时候还需要和产品经理沟通，从后台检索图片大小、标题字段长度等，然后根据这些要求完成页面信息部分的设计。总之，我们需要在设计过程中不断思考和交流，才能完成一个好的视觉稿。

　　3.设计规范

　　当视觉稿获得批准时，许多设计师可能不会主动制定设计规范。事实上，每一个可迭代的产品都需要被设计来总结设计规范。设计规范是所有页面共有的东西，比如不同的字体大小、图片大小、按钮样式等等，这些共同的特点也是用户访问网站时会时的理解，作为一个固定概念的证明。例如，如果同一个分析函数采用两种完全不同的风格，就会使用户感到困惑。那么设计规范主要是约束设计者自己，降低用户在有限记忆中的思考成本。

　　4.切图

　　在网页设计的内容中，网页设计师通常不需要为前端工程师剪图。因为前端工程师通常需要掌握PS软件技能。如果我们在特殊情况下需要对图片进行裁剪，我们可以使用Cutterman、Zeplin等图片裁剪插件中的web选项裁剪出网站前端需要的图片。

　　5.前端代码

　　前端工程师会用代码重构我们设计的页面，将绘图变成静态页面。然后与后端工程师连接检索数据接口，一个网站就会活过来。为了方便大家了解网站是否符合要求的数据，工程师也会埋点。隐藏点就是在页面代码中插入一些统计代码，方便我们后期判断哪些页面流量高，哪些不符合预期。之后测试工程师会介入查看编译后的网站是否存在漏洞。

　　6.Project Walk Check

　　网页设计完成后，设计师需要进行项目演练，判断网页还原是否有问题。如果发现与设计稿有较大出入，则需要请前端工程师进行调整。这一步很重要，因为网站的成品就是我们最终的输出。不要以为设计稿很漂亮，实现的页面不需要我们负责。