编辑导语：产品设计应符合产品通用化、系列化、模块化的标准化发展要求 。坚持创新和继承相结合的原则，在创新的基础上，提高产品设计的继承性，提高产品零件、部件的通用化程度 。本篇文章作者为大家讲解如何构建有效的设计标准化体系 。
文章插图
去年参与了公司设计体系（设计原则、视觉规范、组件库、全局规则）的整体优化，通过这次优化也领悟到了一些之前一直疑惑的点 。尽管经历了大半年的打磨，但到现在还是有很多问题，不过这没关系，任何一个公司的设计体系都需要不断地进行迭代与改进，只要团队善于发现、分析、解决问题就行 。
“仰望星空，脚踏实地”，做设计需要想象空间，也要有反思和总结的能力 。
设计体系打造：
文章插图
设计体系是为了实现数字产品的目的而组织起来的一套相互关联的模式和共享实践 。
文章插图
让我们来看两个毫无关联的产品的界面 。
文章插图
1）BI 产品
文章插图
2）团队协作产品
这两个案例展现了如何选用不同的模式以实现不同的目的 。
对于 BI 产品来说，目的是让数据分析更彻底，提高数据分析效率；更好的整合数据，为企业提供报表，做为企业决策的依据；更好的帮助企业管理者管理企业，提高企业实力 。
对于 teambition 来说，目的是轻松记录要做的事，并与伙伴实时同步进展 。让彼此清楚地了解项目整体情况及事项优先级，从而完成目标 。
基于产品目的我们可以看出 BI 产品重效率；teambition 更看重清晰以及使用是否轻松愉悦 。而产品的目的决定了它所采用的设计模式也会不同，下面我们再对照界面看下基于目的在界面设计上有什么不同 。
文章插图
3）BI 产品
文章插图
文章插图
4）团队协作产品
BI 数据分析类产品的布局多是小部件组成，这样做会方便用户进行多任务处理 。界面设计也会相对比较密集，整个界面承载了很多信息 。它使用了紧密的间距、紧凑的控件、灵活的布局和排版方式 。
设计模式的概念最早是建筑师克里斯托弗 ? 亚历山大（Christopher Alexander）在他的开创性著作《建筑的永恒之道》和《建筑模式语言》中提出的 。
《建筑模式语言》里面包含了 253 个建筑设计模式，大的如城市和道路系统的布局，小的如家庭住宅中的照明和家具 。
类似地，我们在创建界面时，也在使用设计模式（组件）来解决常见的问题：使用标签页将内容分成几个部分，并表明哪一个选项对应于当前的页面；使用下拉菜单展示可供用户选择相关选项 。
文章插图
1）标签页
2）下拉组件
设计模式分为 2 类：
文章插图
- 第一类：功能性模式（组件库）表现为界面上的具体模块，如按钮、标题、表单元素、菜单等 。
- 端午节的活动用英语怎么说 端午节的英文怎么写
- 幽默感十足的人 幽默感是什么样的表现
- 怎么挽留女孩子 如何挽留女朋友?
- 北大青鸟是正规的吗 北大青鸟到底好吗
- PHP教程 自学php的平台
- 哪个款式用英语怎么说 款式的英文怎么写
- 品质四不放过原则是什么 安全四不伤害指的是什么目的是什
- 长期出轨的男人还爱老婆吗知乎 出轨男人的心里话
- 张嘉译的素颜照，张嘉译照片最新生活照
- 英语四种花费的用法及短语 花费英文怎么说?
特别声明：本站内容均来自网友提供或互联网，仅供参考，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。