TreeMind树图在线AI思维导图
当前位置:树图思维导图模板IT互联网分析方法/模型B端设计的视觉通用规范-设计图纸,学习设计规范思维导图

B端设计的视觉通用规范-设计图纸,学习设计规范思维导图

  收藏
  分享
免费下载
免费使用文件
U77418911 浏览量:22022-09-21 16:05:14
已被使用0次
查看详情B端设计的视觉通用规范-设计图纸,学习设计规范思维导图

B端设计的视觉通用规范-设计图纸,学习设计规范,作用有保证设计的一致性、提升开发效率、方便产品迭代,原则有4个设计原则,学习方法

树图思维导图提供 B端设计的视觉通用规范-设计图纸,学习设计规范 在线思维导图免费制作,点击“编辑”按钮,可对 B端设计的视觉通用规范-设计图纸,学习设计规范  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:2dbca0759a844a402d4c24d05dd699c6

思维导图大纲

B端设计的视觉通用规范- 设计图纸,学习设计规范思维导图模板大纲

作用

保证设计的一致性

2个角度进行拆解

对内角度:多设计师合作,依然能保证设计风 格的统一

对用户:提高用户体验,加深对产品的记忆, 提升操作效率

提升开发效率

对于前端同学沟通的有效的工具,能够提高设 计的还原度,降低对接的成本

在开发侧可以建立公共组件库,可以有效地提高开发效率

在开发完成4分之3的时候,走查小组进行还 原度测试的时候,能减少问题的发生

方便产品迭代

产品在不同的阶段和业务的变化,能够发现一些问题,或者优化用户体验的时候,可以一键修改,十分便捷与高效

原则

4个设计原则

清晰:亲密,对比,对齐,重复

高效:通常会有的特征是一致性,便捷性 。高效性要求B端设计尽可能的较少跳转(原 位>展开>气泡展示>抽屉>新建)

友好:友好原则涉及到了操作的前中后

操作前:给到适时的帮助与引导,减轻用户迷 茫(例子:新手帮助、探照灯、帮助中心)

操作中:通过界面样式和交互动效让用户可以 清晰地感知到自己的操作(例子:拖拽特效)

操作后:通过页面元素的清晰变化,展现当前 流转状态(例子:跳转详情页,轻提示)

可控:就是在时间和空间可以随时进行控制

时间是自由——用户可以进行操作,包括:撤销,回退和终止当前合作等等

空间是导航——让用户时刻了解到自己当前的位置并,可以通过导航轻松回到上一级,下一级

小到大,搭建顺序与使用场景分类

小到大(原子理论):原子,分子,组件,模 块,页面

搭建顺序与使用场景:基础元件,展示组件, 录入组建,反馈组建,反馈组建,页面模式库

相关思维导图模板

一、研究内容思维导图

树图思维导图提供 一、研究内容 在线思维导图免费制作,点击“编辑”按钮,可对 一、研究内容  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:4f21797dd3e8b08f1951dfc24e7be94f

第1章	化工设计基本知识思维导图

树图思维导图提供 第1章 化工设计基本知识 在线思维导图免费制作,点击“编辑”按钮,可对 第1章 化工设计基本知识  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:70ec0519ed26419068a32a511862aadd