中培伟业IT资讯频道
您现在的位置:首页 > IT资讯 > 产品设计 > 企业级产品设计Matrix Design System怎么样?

企业级产品设计Matrix Design System怎么样?

2020-07-31 11:42:31 | 来源:中培企业IT培训网

很多人对企业级产品设计Matrix并不了解,甚至都不知道说的是什么,没关系这里就来为大家总结和介绍一些关于,企业级产品设计Matrix Design System怎么样的信息。通过大量的项目实践和经验总结,我们逐步完善了致力于改善企业级产品体验的设计系统。基于准确,清晰,高效和通用的设计原则来授权产品业务,矩阵设计系统应运而生。

  一、企业级产品设计Matrix是什么

Matrix经纬设计体系,以下简称Matrix。致力于打造企业级的产品设计体系,提升劳动产能,建立适用于设计团队、开发团队、产品团队的全链路通用产品解决方案。让项目开发更直观,更高效、更简单。它由总体的设计指引,以及适用于设计师与开发者的“G1组件库,Matrix Magic模板网站”,以及适用于更多工作角色的“在线设计工具”等等内容构成。

  二、Matrix的价值

做为设计师的你是否经常会承接一些业务逻辑不同,但界面表现有规可寻的产品设计需求?做为开发者的你是否会经常遇到近似的中后台组件,却不得不重复开发来满足不同的业务场景需要?无论是设计还是开发,我们均需要站在更高层的视角,将此类产品的构建方式看待成一个系统化的整体。从UI一致性,设计与开发效率等等层面,能够建立一套设计体系(Design System)是解决企业级产品规模化问题的关键。

  Matrix项目价值

1.对于开发团队:使用Matrix能够减少重复性的开发工作,并能达成验收的视觉统一、通用前端框架封装的代码,帮助前端快速开发。

2.对于设计团队:可以利用Matrix组件Library与模版页面快速输出设计稿,使用全局组件库持续获取最新的设计资源,减少重复性的设计工作。

3.对于产品团队:根据Matrix Axure元件库,快速搭建符合设计规范的产品原型,统一交互规则,提高效率并省去设计时间。

  三、Matrix的典型功能

在众多的业务形态中,我们根据其产品特点,总结出一些稳定且高复用性的内容,制定出统一的设计语言来做为企业级产品的整体指引,目前Matrix通过以下功能来构建中后台系统:

  · G1组件库 Basis Gene适用于开发团队的线上组件库

组件化、平台化在企业级中后台产品中已经被广泛使用,这类产品具有量级大、功能复杂、迭代频繁等特点,常常需要设计与开发能够快速的做出响应。

  适用于设计团队的sketch全局组件库:

在设计侧,Matrix的组件库整体进行了全局化的构建,全部组件均进行了变量化定义,更加方便业务的拓展。我们在设计侧对组件的总数进行控制,达到一类组件能够适配多种不同使用场景的目标,最大化提升组件的灵活度。

  · Matrix Magic 模板网站

  Matrix Magic模板网站是一套开箱即用的设计解决方案,我们根据产品中常用的业务场景,将matrix中的组件以及模块进行再次组合,将模板库划分为“弹窗类,登录注册类,结果类,详情类,列表类,表单类,数据类”等7个大类别,将它们都提炼成为典型的模板页面资源,并进行开发。

  · 适用于产品团队的Matrix Axure 元件库

针对产品团队,我们基于Matrix的组件库与模板库,对高复用性的内容进行提取并合理分类,将这类内容创建为Axure的部件,使用Matrix元件库,能够从产品源头统一交互规则与框架形态,并可以创建出完全符合Matrix体系设计规范的高保真产品原型。

  四、Matrix体系设计理论

  · 原子设计理论

原子理论当下已经不再是一个陌生的话题,目前行业内多数的设计体系都或多或少的采用了这套理论,原子理论的设计理念来自物理世界,原子为最小颗粒且是构成万物的基础,组合后形成分子,分子进一步结合为整体并最终形成万物。

  · 8倍数设计原则

8倍数设计原则,简单来说,就是以数字“8”做为一个步进值,在设计过程中建立一个以8为单位的网格系统,同时使用8的倍数来设定页面中元素的间距以及尺寸。使用此原则的优势在于能够更好的兼容主流的屏幕尺寸,让我们的设计在不同设备中可以做到更的好适配。

  · 布局与响应式规则

由于PC端的机型分辨率各异,我们需要设定一个基准分辨率来做为我们的标准,并在此基础上进行多端适配,目前的PC端趋于主流的分辨率多数为1366×768、1440×900、1920×1080等设备,我们以1440×900趋于中间层的分辨率做为基准,进行向上或向下的响应式适配。

以上即是关于企业级产品设计Matrix Design System怎么样的全部内容,想了解更多关于产品设计的信息,请继续关注中培伟业。

标签: 产品设计