網(wǎng)友解答: 首先UI組件庫是在一個產(chǎn)品活產(chǎn)品群長期積累沉淀出來的組件化、通用畫的元素，需要長期和打磨、考究才能生成相對合理，適用于產(chǎn)品的相對通用化得組件庫。所謂的『在線文檔』我理解有三種

首先UI組件庫是在一個產(chǎn)品活產(chǎn)品群長期積累沉淀出來的組件化、通用畫的元素，需要長期和打磨、考究才能生成相對合理，適用于產(chǎn)品的相對通用化得組件庫。

所謂的『在線文檔』我理解有三種。1、psd在線可下載供設(shè)計(jì)師使用。2、在線組件，由前端同學(xué)用代碼生成，可供開發(fā)時直接復(fù)用代碼生成在線頁面使用（此類在線文檔可參考螞蟻金服的ant design）。3、完整的設(shè)計(jì)規(guī)范，包含組件的繪制規(guī)范。適用設(shè)計(jì)師和開發(fā)同學(xué)共同閱讀，可包含代碼也可不包含。（參考Material Design、IOS設(shè)計(jì)規(guī)范等）

具體方法：

1.在繪制UI圖時要有組件化思維。例如一個button，要考慮normal、hover、click、disable等狀態(tài)，要考慮短字段、長字段、超長字段的情況并且總結(jié)，形成組件。除了button意外如：輸入框、下拉框、表格、表單、校驗(yàn)、搜索、icon等等都要考慮完善并且總結(jié)文檔。

2.和前端同學(xué)溝通，產(chǎn)品開發(fā)后期總結(jié)代碼形成線上組件庫，并且實(shí)時迭代。

3.UI組件其實(shí)并不只是UI一方面的工作，里面很多操作邏輯牽扯到交互層面。如果你的公司有轉(zhuǎn)職的交互設(shè)計(jì)師就需要共同完成組件庫，如果沒有交互就需要你自己多考慮交互的問題。

4.不斷完善更新。這一條非常非常重要，因?yàn)橐粋€產(chǎn)品不可能一次成型，需要不斷的打磨調(diào)整，相應(yīng)的組件庫也不是一勞永逸的事情，它只是減少開發(fā)和設(shè)計(jì)的工作量，但是不斷打磨變得更加合理合適更重要。

希望這個回答能幫助到你一些問題，有什么想交流的歡迎交流。