企业级产品设计MatrixDesignSystem怎么样?

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

企业级产品设计MatrixDesignSystem怎么样?_业界动态_数字化

 一、企业级产品设计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怎么样的全部内容,想了解更多关于产品设计的信息,请继续关注。

55
141
0
62

相关资讯

  1. 1、腾讯体育怎么观看回放视频?腾讯体育观看回放视频的方法3530
  2. 2、配音秀怎么制作声漫?配音秀制作声漫的方法4868
  3. 3、Win10怎么安装小爱同学UWP?安装小爱同学UWP需要的环境1690
  4. 4、重装系统后怎么激活Windows10家庭版?2675
  5. 5、Win10电脑突然切换到Win7是怎么回事?1000
  6. 6、win7电脑无法连接网络怎么办?3090
  7. 7、Win10笔记本的摄像头怎么打开?1052
  8. 8、360浏览器收藏夹丢失如何找回?655
  9. 9、电脑打字卡顿怎么办?电脑打字显示出来很慢的解决方法1290
  10. 10、猫猫影楼相册怎么导出资源?猫猫影楼相册导出资源的方法811
全部评论(0)
我也有话说
0
收藏
点赞
顶部