B端设计的视觉通用规范-设计图纸，学习设计规范思维导图
B端设计的视觉通用规范-设计图纸，学习设计规范，作用有保证设计的一致性、提升开发效率、方便产品迭代，原则有4个设计原则，学习方法
树图思维导图提供 B端设计的视觉通用规范-设计图纸，学习设计规范 在线思维导图免费制作，点击“编辑”按钮，可对 B端设计的视觉通用规范-设计图纸，学习设计规范 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：2dbca0759a844a402d4c24d05dd699c6
思维导图大纲
B端设计的视觉通用规范- 设计图纸，学习设计规范思维导图模板大纲
作用
保证设计的一致性
2个角度进行拆解
对内角度：多设计师合作，依然能保证设计风 格的统一
对用户：提高用户体验，加深对产品的记忆， 提升操作效率
提升开发效率
对于前端同学沟通的有效的工具，能够提高设 计的还原度，降低对接的成本
在开发侧可以建立公共组件库，可以有效地提高开发效率
在开发完成4分之3的时候，走查小组进行还 原度测试的时候，能减少问题的发生
方便产品迭代
产品在不同的阶段和业务的变化，能够发现一些问题，或者优化用户体验的时候，可以一键修改，十分便捷与高效
原则
4个设计原则
清晰：亲密，对比，对齐，重复
高效：通常会有的特征是一致性，便捷性 。高效性要求B端设计尽可能的较少跳转（原 位>展开>气泡展示>抽屉>新建）
友好：友好原则涉及到了操作的前中后
操作前：给到适时的帮助与引导，减轻用户迷 茫（例子：新手帮助、探照灯、帮助中心）
操作中：通过界面样式和交互动效让用户可以 清晰地感知到自己的操作（例子：拖拽特效）
操作后：通过页面元素的清晰变化，展现当前 流转状态（例子：跳转详情页，轻提示）
可控：就是在时间和空间可以随时进行控制
时间是自由——用户可以进行操作，包括：撤销，回退和终止当前合作等等
空间是导航——让用户时刻了解到自己当前的位置并，可以通过导航轻松回到上一级，下一级
小到大，搭建顺序与使用场景分类
小到大（原子理论）：原子，分子，组件，模 块，页面
搭建顺序与使用场景：基础元件，展示组件， 录入组建，反馈组建，反馈组建，页面模式库
沪公网安备 31011502019485号
上海工商