設(shè)計(jì)師應(yīng)怎么做好ui設(shè)計(jì)庫？這段時間有些朋友在做ui設(shè)計(jì)的時候遇到了一些難題，不知道怎么做ui設(shè)計(jì)組件庫。下面就讓faceui給大家詳解一下相關(guān)的問題。感興趣的朋友不妨進(jìn)來文章了解一下吧。

　　常見的ui設(shè)計(jì)分為3種

　　移動端、多媒體UI設(shè)計(jì)師：手機(jī)平板上的APP設(shè)計(jì)和主題設(shè)計(jì)，當(dāng)然還有車載中控大屏界面、智能電視界面、現(xiàn)今各個物聯(lián)網(wǎng)智能家居家電的可視化界面設(shè)計(jì)，目前主流的UI設(shè)計(jì)為移動端的手機(jī)APP、小程序、微信公眾號等的界面設(shè)計(jì)。

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

　　PC端UI設(shè)計(jì)師：對電腦上的軟件和網(wǎng)站的界面視覺包裝、功能板塊布局、按鈕的綜合設(shè)計(jì)，PC端UI設(shè)計(jì)師主要以電腦軟件界面設(shè)計(jì)為主。

　　游戲UI設(shè)計(jì)師：對網(wǎng)游和手游上的界面進(jìn)行設(shè)計(jì)，該職位對游戲UI設(shè)計(jì)師的要求很高，要求一定的手繪能力，最好是科班出身但是薪酬相對來說更可觀！

　　UI設(shè)計(jì)師如何系統(tǒng)的建立組件庫？

　　首先，要明確一點(diǎn)：如果你承擔(dān)起了建立組件庫這項(xiàng)工作，則需要將它當(dāng)成一個屬于你自己的項(xiàng)目或產(chǎn)品去設(shè)計(jì)、開發(fā)、跟蹤。在職場里，資源只會向“有想法、有目標(biāo)、有擔(dān)當(dāng)?shù)膯T工”傾斜。有了這種項(xiàng)目經(jīng)理的認(rèn)知，我想你已經(jīng)成功邁出了第一步。下面是幾個關(guān)鍵點(diǎn)：

　　一、明確組件庫的目標(biāo)和用戶

　　組件庫的主要目標(biāo)在于：統(tǒng)一產(chǎn)品體驗(yàn)、提升協(xié)作效率、迭代技術(shù)框架。所以，一個完整的組件庫不僅僅是設(shè)計(jì)層面，還要深入到開發(fā)層。簡單點(diǎn)說，我們做的組件庫設(shè)計(jì)稿，工程師需要將它們封裝成代碼層的組件庫。只是設(shè)計(jì)層面的組件，是無法從本質(zhì)上達(dá)到上面所說的目標(biāo)的。說完目標(biāo)，我想你已經(jīng)知道組件庫的用戶是誰了：設(shè)計(jì)師、工程師、甚至產(chǎn)品經(jīng)理。

　　二、明確組件庫服務(wù)的產(chǎn)品特性

　　如果組件庫服務(wù)的是B端或者中后臺系統(tǒng)，那其實(shí)有很多可參考的開源組件框架：Ant Design、Elemeui、Layui等，注意不同的框架用到的前端技術(shù)不一樣，兼容的瀏覽器版本也不一樣，這要根據(jù)你們技術(shù)情況作選擇。

　　如果覺得細(xì)節(jié)和風(fēng)格和你們的產(chǎn)品不統(tǒng)一，那就需要二次設(shè)計(jì)和開發(fā)封裝　如果組件庫服務(wù)的是C端的系統(tǒng)，那可能需要你結(jié)合你們的產(chǎn)品特性和開源組件框架，二次設(shè)計(jì)和開發(fā)你們自己的組件庫。

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

　　三、從立項(xiàng)到研發(fā)再到試用

　　想清楚了目標(biāo)、用戶、場景之后，你需要把他當(dāng)成一個項(xiàng)目去運(yùn)作，因?yàn)榭磕阋蝗耸菐缀醪豢赡芡瓿傻模悄銜O(shè)計(jì)、會前端、會前后端聯(lián)調(diào)。

　　第一步：與老板/領(lǐng)導(dǎo)溝通，表達(dá)組件庫的意義和好處，獲得高層的支持。

　　第二步：與相關(guān)部門經(jīng)理溝通，表明你需要工程師的協(xié)助，請他們幫忙。

　　第三步：寫一封郵件，把背景、意義、目標(biāo)、計(jì)劃、資源寫清楚，就算把這個項(xiàng)目啟動了。

　　第四步：如果前面4步順利，你可以放手去做了。先出設(shè)計(jì)稿，然后讓工程師評審確認(rèn)一下，這個過程可以慢慢迭代，不一定一下在把活干完。

　　第五步：保持與工程師的溝通和跟蹤，推進(jìn)你的組件庫項(xiàng)目。

　　第六步：如果沒有測試配合，那就自己測。

　　UI設(shè)計(jì)師是如何做好ui設(shè)計(jì)庫？以上就是faceui給大家介紹了UI設(shè)計(jì)師如何系統(tǒng)的建立組件庫，大家在做這方面工作的時候，一定要明確一下好ui設(shè)計(jì)組件庫服務(wù)的產(chǎn)品特性需求，希望這些內(nèi)容對你們有所幫助。