有TDesign、ArcoDesign、AntDesign、隨著Materialdesign等優(yōu)秀web組件庫的發(fā)布，設(shè)計師可能會覺得大廠之間的web組件庫差別不大。其實(shí)大廠的產(chǎn)品線很多，業(yè)務(wù)復(fù)雜。設(shè)計系統(tǒng)是對以往項目經(jīng)驗(yàn)的深刻沉淀，可以支撐業(yè)務(wù)邏輯，保證設(shè)計系統(tǒng)的使用頻率，讓我們來看看哪些流行的web組件庫。

如何免費(fèi)調(diào)用大廠web組件庫？

即時設(shè)計資源社區(qū)涵蓋了國內(nèi)外大廠商的大量設(shè)計系統(tǒng)和web組件庫，可以一鍵調(diào)用，學(xué)習(xí)最新的設(shè)計規(guī)范，統(tǒng)一項目的視覺效果。

復(fù)制鏈接到瀏覽器體驗(yàn)：https://js.design/community?category=design&classify=component&source=bz&plan=ysbz1116

ElementUIKit

餓了么生產(chǎn)的elementweb組件庫適合有使用element習(xí)慣的開發(fā)者。elementreact提供了非常豐富的組件，如日期選擇器、樹形組件、日歷組件等。開發(fā)語言遵循用戶的習(xí)慣，讓網(wǎng)站快速成型。

ArcoDesign

Arcodesignweb組件庫是基于Bytedesign升級的企業(yè)級產(chǎn)品設(shè)計系統(tǒng)。Arcodesignui組件庫的目標(biāo)是通過通用設(shè)計系統(tǒng)解決產(chǎn)品中的體驗(yàn)問題，為產(chǎn)品設(shè)計提供指導(dǎo)原則，解決業(yè)務(wù)問題。同時，Arcodesignweb組件庫可以促進(jìn)設(shè)計部門和R&D部門之間的合作，成為開發(fā)者之間的交流語言。Antdesign和Arcodesign是B端設(shè)計的兩大設(shè)計系統(tǒng)，但兩者也有一定的區(qū)別。

復(fù)制鏈接到瀏覽器體驗(yàn)：https://js.design/community?category=design&classify=component&source=bz&plan=ysbz1116

AntDesign

Antdesignweb組件庫是螞蟻集團(tuán)經(jīng)過大量的項目實(shí)踐和總結(jié)，逐步打磨出服務(wù)于企業(yè)級產(chǎn)品的設(shè)計體系的企業(yè)級產(chǎn)品。Antdesignweb組件庫具有學(xué)習(xí)成本低、啟動速度快、實(shí)現(xiàn)效果好的特點(diǎn)，并提供從界面設(shè)計到前端開發(fā)的全環(huán)節(jié)生態(tài)，可以大大提高設(shè)計開發(fā)效率。

MandMobile

Mand-Mobile是一個基于Vue的移動web組件庫，豐富、靈活、實(shí)用，可以快速構(gòu)建高質(zhì)量的金融產(chǎn)品，簡化復(fù)雜的金融場景。

復(fù)制鏈接到瀏覽器體驗(yàn)：https://js.design/community?category=design&classify=component&source=bz&plan=ysbz1116

TDesign

TDesignweb組件庫是騰訊近300名設(shè)計師和開發(fā)者共同打造的企業(yè)級設(shè)計體系，經(jīng)過500+項目的使用、驗(yàn)證和錘煉，秉承包容性、多樣性、進(jìn)化性和連接性的價值觀。web組件庫TDesign期望與用戶、行業(yè)和合作伙伴一起創(chuàng)造有競爭力的產(chǎn)品體驗(yàn)。

WeUI

微信applet提供了一個簡單高效的應(yīng)用開發(fā)框架和豐富的組件和API，幫助開發(fā)者在微信中開發(fā)具有本地APP體驗(yàn)的服務(wù)。WeUIweb組件庫是一套與微信本地視覺體驗(yàn)一致的基本樣式庫。微信官方設(shè)計團(tuán)隊為微信網(wǎng)頁和微信小程序量身定制，使用戶感知更加統(tǒng)一。

MaterialDesign

AndroidUI設(shè)計遵循Materialdesign3的設(shè)計和感覺，簡化了設(shè)計過程。作為Materialdesignweb組件庫中適應(yīng)性和定制性最強(qiáng)的版本之一，UI工具包旨在讓事情變得簡單，讓你有足夠的空間創(chuàng)造獨(dú)特的東西。

Materialdesignweb組件庫可以幫助任何類型的Android應(yīng)用程序設(shè)計，點(diǎn)擊閱讀AndroidAPP界面設(shè)計流程和技巧。

通過對web組件庫的比較，你對web組件庫有進(jìn)一步的了解嗎？即時設(shè)計的資源社區(qū)提高了web組件庫等設(shè)計資源的可重用性，就像程序員不需要浪費(fèi)時間重復(fù)輪子一樣，而是直接重用Github上的開源代碼一樣，每個設(shè)計師也可以合理利用各種通用web組件庫，比從0開始更有效地創(chuàng)作出充滿自己想法的完整作品，告別重復(fù)的基礎(chǔ)工作，把更多的精力花在更有價值的事情上。