详解企业级B端设计规范搭建思路,设计规范概述、原子设计方法论
树图思维导图提供 详解企业级B端设计规范搭建思路 在线思维导图免费制作,点击“编辑”按钮,可对 详解企业级B端设计规范搭建思路 进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:0a85fb951d41f4b694f7d15239045d8d
详解企业级B端设计规范搭建思路思维导图模板大纲
设计规范是一套由设计价值观作为底层逻辑支撑,以设计原则做指导,包括了全局样式、基础组件库、业务组件库、页面模板等搭建界面要素的集合体
企业级设计规范不仅保障了产品间用户体验的一致性,同时体现了企业对待产品的严谨性
负责的企业级B端设计规范采用业界通用的原子设计方法论来构建
化学界,由原子构成分子、分子构成宇宙物体。因此对应到产品界面,界面也是由颜色、文字、组件等基本元素构成的
原子设计方法论
原子
原子是构成界面的最小元素,例如颜色、文本、图标、容器
分子
分子是原子按照一定规律组合起来的元素,B端界面上即是组件,例如按钮、选择器、表格等
组织(区块)
区块可以认为是组件的组合,例如表格上方的查询区域,查询区域是由表单组件与按钮组成的
模板
模板是区块+区块,或区块+组件组合成的页面,称得上模板的页面通常为典型页面
页面
页面是指在典型页面模板规范与业务目标的基础上所形成的的既符合规范又符合产品的实际页面
范例
范例是页面与页面的组合,并且带有交互说明,范例表明了一个可被抽象化的业务流程是如何设计的
树图思维导图提供 3A Unit 1 A Proper Job 在线思维导图免费制作,点击“编辑”按钮,可对 3A Unit 1 A Proper Job 进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:8d966446cda22e33b426cba15d3d981e
树图思维导图提供 SpringBootWeb请求响应 在线思维导图免费制作,点击“编辑”按钮,可对 SpringBootWeb请求响应 进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:1c6ee1ff958a0c7c2fabdf9e9f8d755e