Web端网页设计规范都包含哪些

　　Web端网页设计规范都包含哪些？

　　一、设计理念

　　不同的使用对象（B端、C端），不同的终端设备，设计的区别是完全不一样的。所以设计理念也有所区别。

　　B端产品一般较定制化，以业务为导向。可能有很多高级功能，突出高效易用，导致易学性打折扣。

　　C端产品一般考虑绝大部分用户使用场景和诉求，高级功能会相对少点。突出易学性。

　　所以在制定设计理念时，可根据团队实际情况来设计制定。

　　二、设计原则

　　设计原则目前已经有很多，例如尼尔森的十大可用性原则、格式塔原则、剃刀法则、费茨定律、以及设计中常见的对比、对齐等，那么对于这么多原则如何变成一套自己的设计规范的设计原则篇呢？这个需要设计师们根据自身情况或者自身团队实际情况去把控梳理。

　　三、组件控件

　　组件控件是整个设计规范的最重要的内容之一，组件控件分类可以根据组件控件属性进行分类，也可以根据组件控件的功能进行划分。

　　按照设计师做设计的使用场景，还是按照组件控件的功能性进行划分比较切合。例如表单类就可以划分为：单文本输入，多文本输入、日历时间选择器、下拉选择列表、单选框复选框等等

　　四、界面交互

　　移动端的触发手势有单击、长按、左右滑动、拖拽、旋转、夹捏等。相对于移动端，Web端的界面交互就很简单了，基本就是悬浮和点击。

　　界面交互的本质用一个公式可表述即：触发对象+操作行为+交互结果=界面交互

　　五、团队输出物

　　作为一名交互设计师，我们的重点工作职责是起到承上启下的作用。

　　比如对接上游的产品经理和项目经理，跟他们讨论过产品规划及需求后，他们会根据交互设计师输出的交互文档来评审设计方案是否满足用户需求，以及在开发实施过程中的可行性；

　　其次要对接下游的视觉设计师和开发工程师，他们会根据交互文档中的线框图、交互细节说明等来输出视觉设计稿、用代码实现交互设计方案，并以此为依据完成落地实现等工作。所以交互设计师最重要的输出物就是交互文档，它是对接上下游的重要纽带。

　　专业的交互文档应该包含以下7点内容：完整的项目简介、需求分析、新增修改纪录、信息架构、交互设计的方案阐述、页面交互流程图（包含界面布局，操作手势，反馈效果，元素的规则定义）、异常页面和异常情况的说明。

　　作为视觉设计师而言，输出物的是视觉稿、标注和切图，这里不做赘述。