中后臺的產(chǎn)品一般都是面向任務(wù)的操作细移,屬于工具性產(chǎn)品。之前的中后臺設(shè)計都是由程序開發(fā)人員來完成的点把,只能做到滿足功能橘荠,用戶體驗并不是很友好。近幾年來郎逃,隨著以用戶為中心的設(shè)計理念逐漸被大家所接受哥童,中后臺的產(chǎn)品用戶體驗也被越來越重視。很多優(yōu)秀的設(shè)計團隊通過自身的探索和積累褒翰,形成了自己的設(shè)計體系贮懈。
本文將簡單介紹一下目前市場上比較知名的幾個中后臺產(chǎn)品設(shè)計體系
01 Ant Design
Ant Design是螞蟻金服體驗技術(shù)部經(jīng)過大量的項目實踐和總結(jié),逐步打磨出的一個企業(yè)級產(chǎn)品的設(shè)計體系影暴。
它的第一個版本從2015年上線错邦,到現(xiàn)在為止已經(jīng)迭代了好幾個版本。最新版本的設(shè)計理念是自然型宙,它的顏色取自大自然撬呢,字號行高也進行了細致的研究,選取了自然生活中最規(guī)律的秩序妆兑。
整個設(shè)計體系包含了視覺魂拦,模式,可視化搁嗓,動效芯勘,組件等幾大模塊,非常全面腺逛。還附帶了sketch模板和工具荷愕,Axure組件庫等資源下載,設(shè)計師可以迅速上手搭建一個體驗良好的中后臺的系統(tǒng)棍矛。
官網(wǎng)地址:https://ant.design/index-cn
02 Alibaba Fusion Design
Alibaba Fusion Design是阿里巴巴設(shè)計團隊今年推出的顛覆性的中后臺設(shè)計體系安疗,它旨在系統(tǒng)化的解決企業(yè)級產(chǎn)品的用戶體驗。
不同于Ant Design够委,它的設(shè)計理念來自于萬物皆有引力荐类,通過對界面元素進行拆分,分成一個個很小的粒子茁帽,之后再通過不同方式組合起來玉罐,形成一個統(tǒng)一的視覺方案。
Fusion Design從組件潘拨,到模塊吊输,到模版,整個設(shè)計體系層層遞進战秋,也提供了自己的sketch插件璧亚。
官網(wǎng)地址:https://fusion.design/
03 Clarity Design
Clarity Design是teambition公司的設(shè)計團隊打造的設(shè)計體系。teambition是國內(nèi)知名的團隊協(xié)作工具,擁有者豐富的企業(yè)級產(chǎn)品設(shè)計經(jīng)驗癣蟋。
Clarity Design將清晰透硝,靈活,干凈疯搅,親切作為設(shè)計理念濒生,注重用戶操作中的高效。整個設(shè)計體系較為完善幔欧,組件相對全面一些罪治。
官方地址:https://design.teambition.com/
04 Element
Element是餓了么的用戶體驗團隊打造的一款服務(wù)于中后臺的設(shè)計體系。它將一致礁蔗,效率觉义,反饋,可控作為設(shè)計原則浴井。
相較于上邊介紹的幾個設(shè)計系統(tǒng)晒骇,Element并沒有色彩,布局磺浙,文字洪囤,模式等方面的內(nèi)容,主要包含了日常用到的設(shè)計組件撕氧。官方也提供了sketch和Axrue的資源可供下載瘤缩。
官方地址:http://element-cn.eleme.io/#/zh-CN
05 AT UI
AT UI是京東用戶體驗設(shè)計部凹凸實驗室發(fā)布的一款組件庫。它包含了顏色伦泥,字體和組件三大模塊剥啤,還沒有具體的設(shè)計原則,總體來說相對差一些不脯。官方提供了sketch的文件下載铐殃,也可以作為參考。
官方地址:https://at-ui.github.io/at-ui/#/zh
以上是我所了解到的國內(nèi)比較好的中后臺設(shè)計體系跨新,難免有所遺漏和不當(dāng),歡迎大家積極討論坏逢。