iui Design是由云磁數(shù)字「用戶體驗(yàn)中心實(shí)驗(yàn)室」打造一套基于Vue3的Uniapp組件庫(kù)，于2023年8月8日正式開源。

文檔站：https://iyunci.cn/design/uni

Github：https://github.com/yuncishuzi/iui-design

云磁數(shù)字一直致力于用心打造更符合開發(fā)者體驗(yàn)的組件庫(kù)。上線后研發(fā)團(tuán)隊(duì)也在不斷的優(yōu)化、測(cè)試、使用、迭代 Vue3 的相關(guān)組件，為了優(yōu)化開發(fā)者體驗(yàn)，讓iui Design 能夠?yàn)楦嗟拈_發(fā)者帶來便利，我們希望能夠在 iui Design 中增加小程序多端適配的能力。

關(guān)于iui Design

"iui"是指"Interactive User Interface"，即交互式用戶界面。

我們希望iui組件庫(kù)能夠提供豐富的交互元素和用戶界面組件，用于構(gòu)建具有良好用戶體驗(yàn)的H5和小程序應(yīng)用程序，更好的注重了用戶與界面之間的互動(dòng)。

iui Design 追求體驗(yàn)的融合組件庫(kù)

iui標(biāo)準(zhǔn)化的設(shè)計(jì)語(yǔ)義和拓展性使得基礎(chǔ)組件可涵蓋多種業(yè)務(wù)場(chǎng)景下的使用?：

• 減少冗余控件，不依賴其他三方包

• 內(nèi)容常用表單組件，支持多次融合開發(fā)
  

• 在協(xié)同下可以減少開發(fā)人員的代碼冗余，提升效率

• 提高界面的模塊化通用程度，可以快速迭代

• 建立設(shè)計(jì)與開發(fā)對(duì)接的基礎(chǔ)標(biāo)準(zhǔn)

• 提高產(chǎn)研輸出對(duì)接的效率，降低輸出工作量

• 原生支持暗黑模式，輕松方便跟隨系統(tǒng)

• 據(jù)項(xiàng)目需求進(jìn)行自定義樣式和功能的調(diào)整

• 豐富的擴(kuò)展性選項(xiàng)，允許開發(fā)人員根據(jù)需求擴(kuò)展組件的功能和樣式

一套優(yōu)秀的組件庫(kù)便可以讓我們的溝通更高效，開發(fā)更快捷，產(chǎn)品的體驗(yàn)更一致，可以極大限度地提升產(chǎn)研效率。

如何體驗(yàn)iui Design

目前iui Design開源僅包含基礎(chǔ)組件庫(kù)部分，我們對(duì)基礎(chǔ)組件按照通用、布局、反饋、信息展示、數(shù)據(jù)錄入以及導(dǎo)航這幾類進(jìn)行了劃分。具體組件不在此一一列舉，具體大家可以掃描DEMO二維碼進(jìn)行體驗(yàn)，此外我們?cè)趯?shí)踐過程中積累多端物料，將在后續(xù)完善之后，一并開源，更歡迎同道中人的你參與 iui Design的開源共建敬請(qǐng)大家期待：

H5

未來展望

iui Design目前在云磁數(shù)字的開發(fā)實(shí)踐中做了更多方面的探索，期待越來越多的工具能幫助大家提升效率，希望大家多多關(guān)注。

1、豐富和完善組件

目前?iui Design?組件涵蓋種類可以覆蓋常見使用場(chǎng)景，需求。未來我們會(huì)根據(jù)業(yè)務(wù)發(fā)展和產(chǎn)品升級(jí)不斷迭代組件，豐富產(chǎn)品內(nèi)容提升視覺體驗(yàn)。

2、提升落地效率

我們不止關(guān)注組件的設(shè)計(jì)與研發(fā)，組件落地也是提升產(chǎn)研效率至關(guān)重要的環(huán)節(jié)，實(shí)現(xiàn)組件自動(dòng)化標(biāo)注。同時(shí)我們希望能夠把自動(dòng)化標(biāo)注能力線上化，進(jìn)一步提升組件落地效率。

3、UI 自動(dòng)化走查

云磁數(shù)字「用戶體驗(yàn)中心實(shí)驗(yàn)室」也在探索 UI 自動(dòng)化走查方向，期望解放設(shè)計(jì)減少人力，讓設(shè)計(jì)師更多投入對(duì)產(chǎn)品的洞察理解，創(chuàng)造優(yōu)質(zhì)設(shè)計(jì)，提升視覺體驗(yàn)。

開放&建

iui?Design追求給開發(fā)者更便捷高效的開發(fā)體驗(yàn)，也非常重視每一位用戶的意見，希望大家踴躍反饋，積極共建。

請(qǐng)?jiān)L問iui Design?組件庫(kù)PC端官網(wǎng)，進(jìn)行體驗(yàn)！

??官網(wǎng)：?https://iui.iyunci.cn/

??文檔：https://iyunci.cn/design/uni

??github鏈接：https://github.com/yuncishuzi/iui-design

聯(lián)系我們

我們期待與更多產(chǎn)品設(shè)計(jì)師和開發(fā)者有專業(yè)交流。請(qǐng)加小助手wx：aiya10066，備注“iui”，通過后會(huì)拉入技術(shù)交流群~

iui?Design著眼未來，擁打造出色的開發(fā)體驗(yàn)，提供強(qiáng)大的可組合性和靈活的可擴(kuò)展能力，期待您的使用與反饋，如您喜歡，來點(diǎn)個(gè) Star?

支持我們一下吧 ~