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

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

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

具體方法：

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

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

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

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

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