网站首页 互联网 > 正文
今天小编来给大家分享一些关于UI设计规范：如何构建Web端方面的知识吧，希望大家会喜欢哦
1、Web端设计规范的价值
2、Web端设计规范包含哪些
3、Web端设计规范之设计理念篇
4、Web端设计规范之设计原则篇
5、Web端设计规范之组件控件篇
6、Web端设计规范之界面交互篇
7、Web端设计规范之团队输出物篇
方法/步骤
Web端设计规范的价值1.可复用性：有了完整的设计规范和对应的组件控件。方便视觉和交互设计师反复复用，不需要重复制作，减少工作量提高工作效率。2.统一性：有了统一的设计规范，设计师之间使用时，可避免自我创造组件控件，保持团队产品的统一性体验。3.提升能力：由于组件控件的可复用，这直接使设计师的工作效率得到极大提高节省了大量时间，可以有大量时间思考设计和业务背后的逻辑从而提高设计思维能力。同时完整的设计规范是系统的，设计师阅读之后可以构建自我的设计体系，对于设计的提高有极大的好处。4.团队文化沉淀：团队有了设计规范之后，便于团队以后做设计的依据和参考，不论是新员工的到来还是老员工的离去，都可以很好的对接工作提升团队的协同效率。
Web端设计规范包含哪些；目前网上大部分设计规范都是之针对组件控件的规范，缺少完整的设计思想和体系化的内容。在制定设计规范过程中会形成设计理念、设计原则、组件控件、界面交互和输出文档等。设计者可以依据自我的设计理念和原则按照功能需求直接调用规范中的标准控件，按照信息结构调用元素尺寸进行设计，很轻易便能输出中高保真原型图，减轻了设计过程中对交互控件选择和信息排版思考的负担。
Web端设计规范之设计理念篇；不同的使用对象（B端、C端），不同的终端设备，设计的区别是完全不一样的。所以设计理念也有所区别。B端产品一般较定制化，以业务为导向。可能有很多高级功能，突出高效易用，导致易学性打折扣。C端产品一般考虑绝大部分用户使用场景和诉求，高级功能会相对少点。突出易学性。所以在制定设计理念时，可根据团队实际情况来设计制定。
Web端设计规范之设计原则篇；设计原则目前已经有很多，例如尼尔森的十大可用性原则、格式塔原则、剃刀法则、费茨定律、以及设计中常见的对比、对齐等，那么对于这么多原则如何变成一套自己的设计规范的设计原则篇呢？这个需要设计师们根据自身情况或者自身团队实际情况去把控梳理。
Web端设计规范之组件控件篇；组件控件是整个设计规范的最重要的内容之一，组件控件分类可以根据组件控件属性进行分类，也可以根据组件控件的功能进行划分。按照设计师做设计的使用场景，还是按照组件控件的功能性进行划分比较切合。例如表单类就可以划分为：单文本输入，多文本输入、日历时间选择器、下拉选择列表、单选框复选框等等。
Web端设计规范之界面交互篇；移动端的触发手势有单击、长按、左右滑动、拖拽、旋转、夹捏等。相对于移动端，Web端的界面交互就很简单了，基本就是悬浮和点击。界面交互的本质用一个公式可表述即：触发对象+操作行为+交互结果=界面交互。
Web端设计规范之团队输出物篇；作为一名交互设计师，我们的重点工作职责是起到承上启下的作用。比如对接上游的产品经理和项目经理，跟他们讨论过产品规划及需求后，他们会根据交互设计师输出的交互文档来评审设计方案是否满足用户需求，以及在开发实施过程中的可行性；其次要对接下游的视觉设计师和开发工程师，他们会根据交互文档中的线框图、交互细节说明等来输出视觉设计稿、用代码实现交互设计方案，并以此为依据完成落地实现等工作。所以交互设计师最重要的输出物就是交互文档，它是对接上下游的重要纽带。专业的交互文档应该包含以下7点内容：完整的项目简介、需求分析、新增修改纪录、信息架构、交互设计的方案阐述、页面交互流程图（包含界面布局，操作手势，反馈效果，元素的规则定义）、异常页面和异常情况的说明。
本文到此结束，希望对大家有所帮助。
版权说明： 本文由用户上传，如有侵权请联系删除！
猜你喜欢：
- 2022-10-04 七彩铁长的快吗（七彩铁开花吗 带你深入了解它）
- 2022-10-04 做梦梦到黑猪是什么意思周公解梦（周公解梦梦见黑猪和针 梦见针和黑猪是什么意思）
- 2022-10-04 洋白蜡是速生白蜡吗（白蜡和洋白蜡的区别 你区分出来吗）
- 2022-10-04 硫酸镁泡水的作用（用硫酸镁泡手有什么.效果 硫酸镁是什么）
- 2022-10-04 怎么在苹果电脑上安装steam（如何在苹果电脑上安装steam 只要四步即可安装）
- 2022-10-04 麻是怎么做的（麻椭的做法 你会做吗）
- 2022-10-04 驴肉丸子汤的家常做法窍门（驴肉丸子汤的做法 驴肉丸子汤怎么做）
- 2022-10-04 纸天鹅的方法很简单天鹅是怎么折叠的
最新文章：
- 2023-07-01 新买的陶瓷杯怎样处理才能使用（新买的陶瓷杯怎么清洗 新买的陶瓷杯如何清洗）
- 2023-07-01 枸杞的功效与作用（怎么区分枸杞的好坏 区分枸杞的好坏方法）
- 2023-07-01 石英石脏了怎么清理（石英石表面怎么清洗 如何清洗石英石的表面）
- 2023-07-01 面包机做面包的做法和配方（新买的面包机怎么清洗 新买的面包机如何清洗）
- 2023-07-01 泰迪怎么区分纯不纯（泰迪怎么区分好坏 泰迪好坏如何区分）
- 2023-07-01 新买的暖壶怎么消毒（新买的暖壶怎么清洗 如何清洗新买的暖壶）
- 2023-07-01 美妆蛋的正确使用及清洗方法（新买的隐形眼镜盒怎么清洗 新买的隐形眼镜盒的清洁方法）
- 2023-07-01 怎样清洁皮鞋上的污垢（怎么清洗皮鞋表面 皮鞋怎么清洗）
- 2023-07-01 六安瓜片存放时间越长品质越好吗（六安瓜片如何保存 六安瓜片的保存方法）
- 2023-07-01 新的婴儿床怎么去味道（新买的婴儿床怎么清洗 新买的婴儿床如何清洗）
- 2023-07-01 蒙顶甘露茶汤滋味（蒙顶甘露怎么泡 蒙顶甘露的泡法）
- 2023-07-01 翻毛皮鞋怎么清洗表面（皮鞋表面脏了怎么清洗 皮鞋表面脏了如何清洗）
- 2023-07-01 隔水电炖盅（新买的炖盅怎么清洗 刚买的隔水炖盅怎么清洗）
- 2023-07-01 怎样辨别粉条的好坏（粉条好坏怎么区分 粉条好坏如何区分）
- 2023-07-01 东京大学留学条件 东京大学留学申请条件有哪些
- 2023-07-01 苏荃年龄比韦小宝大多少（苏荃为什么要跟韦小宝）