ui設(shè)計(jì)涉及的內(nèi)容很多，如果每一樣都需要設(shè)計(jì)者去設(shè)計(jì)的話，那工作量就不可想象了。使用很多時(shí)候，為了方便大家使用ui實(shí)際，往往會(huì)將相似的部分集合，組成相應(yīng)的庫(kù)。今天就讓faceui為大家介紹ui庫(kù)設(shè)計(jì)。

　　什么是ui庫(kù)

　　ui庫(kù)就是常說(shuō)的ui組件庫(kù)，它是設(shè)計(jì)系統(tǒng)的一部分，是在我們常規(guī)界面設(shè)計(jì)過(guò)程中可以直接用來(lái)制作交互圖例和搭建頁(yè)面的組件集合，它可以作為單個(gè)組件獨(dú)立存在，也可以通過(guò)多個(gè)組件組合而成的結(jié)構(gòu)或模式來(lái)解決類似場(chǎng)景的設(shè)計(jì)問(wèn)題。組件庫(kù)是在約束條件下去構(gòu)建解決方案的過(guò)程，所以組件的使用也需遵循一定的規(guī)范，按照一套標(biāo)準(zhǔn)化的體系復(fù)用于多個(gè)業(yè)務(wù)場(chǎng)景。

　　一個(gè)有效的組件庫(kù)，可以幫助設(shè)計(jì)師和研發(fā)提高工作效率，提升設(shè)計(jì)專業(yè)度的同時(shí)讓產(chǎn)品本身的體驗(yàn)更加一致、可學(xué)，品牌感更強(qiáng)，它所具備的基本特征一定是通用的、靈活的、復(fù)用的。

ui庫(kù)設(shè)計(jì)（圖片來(lái)自網(wǎng)絡(luò)）

　　1、通用性：意味著足夠基礎(chǔ)和常見(jiàn)且不帶業(yè)務(wù)屬性，參與設(shè)計(jì)環(huán)節(jié)的每個(gè)人都應(yīng)該知道這個(gè)組件的功能及目的，同時(shí)具備一定擴(kuò)展性。

　　2、靈活性：要求元件的組合需靈活，可以在不同場(chǎng)景下通過(guò)互相組合來(lái)快速搭建交互框架原型圖，并根據(jù)不同頁(yè)面結(jié)構(gòu)的演變來(lái)適應(yīng)新的業(yè)務(wù)需求。

　　3、復(fù)用性：指的是適用于多個(gè)業(yè)務(wù)或產(chǎn)品，在設(shè)計(jì)過(guò)程和研發(fā)過(guò)程中都可以高頻復(fù)用。

　　有哪些好的ui庫(kù)設(shè)計(jì)

　　1、jquery ui是基于現(xiàn)在比較火的javascript框架開(kāi)發(fā)的web Ui組件庫(kù),包含底層用戶交互、動(dòng)畫(huà)、特效和可更換主題的可視控件。我們可以直接用它來(lái)構(gòu)建具有很好交互性的web應(yīng)用程序。

　　2、ExtJS可以用來(lái)開(kāi)發(fā)RIA也即富客戶端的AJAX應(yīng)用，是一個(gè)用javascript寫(xiě)的，主要用于創(chuàng)建前端用戶界面，是一個(gè)與后臺(tái)技術(shù)無(wú)關(guān)的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各種開(kāi)發(fā)語(yǔ)言開(kāi)發(fā)的應(yīng)用中。ExtJs最開(kāi)始基于YUI技術(shù)，由開(kāi)發(fā)人員JackSlocum開(kāi)發(fā)，通過(guò)參考JavaSwing等機(jī)制來(lái)組織可視化組件，無(wú)論從UI界面上CSS樣式的應(yīng)用，到數(shù)據(jù)解析上的異常處理，都可算是一款不可多得的JavaScript客戶端技術(shù)的精品。

ui庫(kù)設(shè)計(jì)（圖片來(lái)自網(wǎng)絡(luò)）

　　3、Toolkit是一個(gè)開(kāi)源的Web UI 框架，為富 Web 應(yīng)用程序提供widgets 和工具。無(wú)需擔(dān)憂Web 瀏覽器、JavaScript的兼容性性問(wèn)題。

　　4、LivePipe UI是一系列基于 Prototype JavaScript 框架建立的高質(zhì)量Web 2.0 widgets 和 controls 應(yīng)用。 每一個(gè)應(yīng)用都經(jīng)過(guò)正常測(cè)試，具有高擴(kuò)展性，完善的文檔可以幫助你更好地學(xué)習(xí)使用這個(gè)Web UI框架。

　　5、Iwebkit iPhone/iPod touch 框架幫助你在幾分鐘時(shí)間內(nèi)創(chuàng)建一個(gè)高質(zhì)量的 iPhone 和 iPod touch 網(wǎng)站，應(yīng)用非常廣泛。

　　6、Jitsu包含一系列完善的工具，幫助開(kāi)發(fā)者建立和部署精密成熟的用戶接口，它還包括Xml標(biāo)記語(yǔ)言、 頁(yè)面編譯器、數(shù)據(jù)綁定、JavaScript runtime、控制庫(kù)、 runtime inspector、 animation engine、 cross-platform library、 Ajax 和 back button 等。

　　7、MochaUI是一個(gè)基于 Mootools JavaScript 框架建立的Web UI 庫(kù)，它包括：Web應(yīng)用、Web 桌面、 Web網(wǎng)站開(kāi)發(fā)、 widgets、窗體、語(yǔ)義化等功能。

　　8、Echo是一個(gè)為富 Web 應(yīng)用開(kāi)發(fā)的開(kāi)源框架。目的時(shí)實(shí)現(xiàn) Web 客戶端應(yīng)用接近桌面應(yīng)用。

　　以上就是faceui為大家介紹的關(guān)于ui庫(kù)設(shè)計(jì)的相關(guān)內(nèi)容。具體的ui庫(kù)設(shè)計(jì)很多，但是各自有各自的優(yōu)勢(shì)和特點(diǎn)，想要做好ui設(shè)計(jì)，了解關(guān)于ui庫(kù)設(shè)計(jì)是必須的。大家對(duì)ui庫(kù)設(shè)計(jì)有更多的想法，記得留言。