发布时间：2023-6-25 分类： 行业资讯
本文是WEB-end系列设计规范的前言，目的是发挥忽略玉的作用，并简要描述如何制作属于“自我”的Web端设计规范。 Web端设计规范系列也是个人梳理学习总结和构建的过程，并分享给大家做参考学习。
Web端设计规范的价值
1.可重用性
具有完整的设计规范和相应的组件控制。方便可视化和交互式设计人员重复使用，无需重复生产，减少工作量并提高工作效率。
2.团结
通过统一的设计规范，设计人员可以避免自行创建组件控件并保持团队产品的统一体验。
3.提高能力
由于组件控件的可重用性，这直接降低了设计人员的工作效率并节省了大量时间。它可以花费大量时间来思考设计和业务背后的逻辑，以改进设计思维。同时，完整的设计规范是系统化的，设计人员可以在阅读后建立自己的设计系统，这对设计的改进有很大的好处。
4.团队文化沉淀
团队拥有设计规范后，方便团队为将来的设计奠定基础和参考。无论是新员工的到来还是老员工的离职，都可以成为提高团队协同效率的良好对接工作。
Web设计规范中包含的内容
目前，互联网上的大多数设计规范都是组件控制规范，缺乏完整的设计思想和系统内容。
在设计规范的开发过程中形成了设计概念，设计原则，组件控制，界面交互和输出文档。根据自身的设计理念和原理，设计人员可以根据功能要求直接调用规范中的标准控件，并根据信息结构设计元件尺寸。输出高保真原型图很容易，这减少了设计过程中交互控制的选择。而信息排版思维的负担。
Web端设计规范的设计理念
不同的设计对象（B端，C端），不同的终端设备，设计差异完全不同。所以设计理念也不同。
B端产品通常更加个性化，面向商业。可能有许多高级功能非常出色且高效，因此可以轻松学习折扣。
C端产品通常考虑大多数用户使用场景和需求，而高级功能将相对较小。突出简单易学。
因此，在设计设计概念时，可以根据团队的实际情况进行设计。
Web端设计规范的设计原则
有许多设计原则，例如尼尔森的十大可用性原则，格式塔原则，剃刀法，菲茨定律，以及设计中常见的对比，对齐等，那么如此多的原则如何成为一套设计规范？什么是设计原则？这要求设计师根据自己的情况或自己团队的实际情况来整理控件。
Web控件设计组件控件
组件控件是整体设计规范中最重要的方面之一。组件控件分类可以根据组件控件属性进行分类，也可以根据组件控件的功能进行划分。
根据设计师设计的设计场景，根据组件控制的功能，它仍然更合适。
根据功能划分，例如，表单类可以分为：单文本输入，多文本输入，日历时间选择器，下拉选择列表，单选多选等。
Web界面设计规范界面交互文章
移动侧的触发手势是点击，长按，左右滑动，拖动，旋转，捏合等。与移动终端相比，网络侧的界面交互非常简单，基本上是悬停和点击。
界面交互的本质可以用公式表示：触发对象+操作行为+交互结果=界面交互
Web端设计规范的团队输出文章
作为交互设计师，我们的主要工作职责是发挥主导作用。
例如，在与上游产品经理和项目经理对接之后，在与他们讨论产品规划和要求之后，他们将根据交互设计者输出的交互文档来审查设计是否满足用户要求和开发过程中的可行性;/P>
其次，有必要停靠下游视觉设计师和开发工程师。他们将根据线框和交互式文档中的交互式细节输出视觉设计草图，使用代码实现交互式设计方案，并以此为基础完成着陆工作。因此，交互设计者最重要的输出是交互式文档，它是上游和下游之间的重要链接。
专业交互式文档应包含以下7点：完整项目介绍，需求分析，新修改记录，信息架构，交互设计，页面交互流程图（包括界面布局，操作手势，反馈效果，元素）规则说明），异常页面和例外。
作为视觉设计师，输出是视觉草稿，注释和剪切，这里不再描述。
专栏
UX，微信公众号：UEDC，每个人都是产品经理专栏作家。曾任华为ITUX互动小组组长，现为美国Mission Mission高级互动设计师。
这篇文章最初发表。未经许可，禁止复制
地图来自unsplash
