中后台的产品一般都是面向任务的操作,属于工具性产品。之前的中后台设计都是由程序开发人员来完成的,只能做到满足功能,用户体验并不是很友好。近几年来,随着以用户为中心的设计理念逐渐被大家所接受,中后台的产品用户体验也被越来越重视。很多优秀的设计团队通过自身的探索和积累,形成了自己的设计体系。
本文将简单介绍一下目前市场上比较知名的几个中后台产品设计体系
01 Ant Design
Ant Design是蚂蚁金服体验技术部经过大量的项目实践和总结,逐步打磨出的一个企业级产品的设计体系。
它的第一个版本从2015年上线,到现在为止已经迭代了好几个版本。最新版本的设计理念是自然,它的颜色取自大自然,字号行高也进行了细致的研究,选取了自然生活中最规律的秩序。
整个设计体系包含了视觉,模式,可视化,动效,组件等几大模块,非常全面。还附带了sketch模板和工具,Axure组件库等资源下载,设计师可以迅速上手搭建一个体验良好的中后台的系统。
官网地址:https://ant.design/index-cn
02 Alibaba Fusion Design
Alibaba Fusion Design是阿里巴巴设计团队今年推出的颠覆性的中后台设计体系,它旨在系统化的解决企业级产品的用户体验。
不同于Ant Design,它的设计理念来自于万物皆有引力,通过对界面元素进行拆分,分成一个个很小的粒子,之后再通过不同方式组合起来,形成一个统一的视觉方案。
Fusion Design从组件,到模块,到模版,整个设计体系层层递进,也提供了自己的sketch插件。
03 Clarity Design
Clarity Design是teambition公司的设计团队打造的设计体系。teambition是国内知名的团队协作工具,拥有者丰富的企业级产品设计经验。
Clarity Design将清晰,灵活,干净,亲切作为设计理念,注重用户操作中的高效。整个设计体系较为完善,组件相对全面一些。
官方地址:https://design.teambition.com/
04 Element
Element是饿了么的用户体验团队打造的一款服务于中后台的设计体系。它将一致,效率,反馈,可控作为设计原则。
相较于上边介绍的几个设计系统,Element并没有色彩,布局,文字,模式等方面的内容,主要包含了日常用到的设计组件。官方也提供了sketch和Axrue的资源可供下载。
官方地址:http://element-cn.eleme.io/#/zh-CN
05 AT UI
AT UI是京东用户体验设计部凹凸实验室发布的一款组件库。它包含了颜色,字体和组件三大模块,还没有具体的设计原则,总体来说相对差一些。官方提供了sketch的文件下载,也可以作为参考。
官方地址:https://at-ui.github.io/at-ui/#/zh
以上是我所了解到的国内比较好的中后台设计体系,难免有所遗漏和不当,欢迎大家积极讨论。