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