网页设计规范的价值

　　1.可重用性：有完整的设计规范和相应的组件控件。方便视觉和交互设计师重复使用，无需重复制作，减少工作量，提高工作效率。

　　2.统一性：有了统一的设计规范，设计师可以避免自己创建组件控件，保持团队产品的统一体验。

　　3.提高能力：由于组件控件的可重用性，直接提高了设计人员的工作效率，节省了大量时间，有充足的时间思考设计和业务背后的逻辑，从而提高设计思维能力。同时，完整的设计规范是系统的，设计师看完之后可以构建自己的设计体系，对设计的改进大有裨益。

　　4.团队文化沉淀：团队有了设计规范之后，方便团队日后做设计依据和参考。无论新员工的到来还是老员工的离开，都可以很好地提高团队的协同效率。

　　网侧设计规范是什么

　　目前，大多数在线设计规范都是针对组件控件的，缺乏完整的设计思路和系统的内容。

　　在制定设计规范的过程中，将形成设计概念、设计原则、组件控制、界面交互和输出文档。设计人员可以根据自己的设计思路和原则，直接调用规范中的标准控件，根据信息结构调用元素大小进行设计，轻松输出中高保真原型图，减轻了设计过程中交互控件选择和信息排版思维的负担。

　　设计理念

　　不同的用户(B端、C端)和不同的终端设备有着完全不同的设计差异。所以设计理念也不同。

　　b端产品一般都是定制的，以业务为导向。可能会有很多高级功能，突出了高效率和易用性，导致了在易学上的妥协。

　　c端产品一般会考虑大多数用户的使用场景和需求，高级功能相对较少。突出易学。

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

　　设计原理

　　目前的设计原则很多，比如尼尔森的可用性十原则、格式塔原则、剃刀原则、菲茨定律、设计中常见的比较和对齐，那么这么多原则怎么可能成为一套自己设计规范的设计原则呢？这就需要设计师根据自己的情况或者自己团队的实际情况来梳理控制。

　　组件控制

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

　　根据设计者的使用场景或者组件控件的功能来划分比较合适。例如，表单类可以分为：单文本输入、多文本输入、日历时间选择器、下拉选择列表、单选复选框等界面交互

　　移动终端的触发手势包括点击、长按、左右滑动、拖动、旋转、捏等。与移动终端相比，Web终端上的界面交互非常简单，基本就是浮动和点击。

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

　　团队输出

　　作为一名交互设计师，我们的主要职责是发挥连接作用。

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

　　其次要连接下游的视觉设计师和开发工程师，他们会根据交互文档中的线框和交互细节输出视觉设计草稿，用代码实现交互设计方案，并在此基础上完成落地实现。所以交互设计师最重要的输出就是交互文档，它是上下游的重要纽带。

　　专业交互文档应包括以下七项内容：完整的项目介绍、需求分析、新修改记录、信息架构、交互设计方案描述、页面交互流程图(包括界面布局、操作手势、反馈效果、元素的规则定义)、异常页面、异常情况描述。

　　作为一个视觉设计师，输出的是视觉稿、标注、裁剪，这里不赘述。