曾幾何時，每次交互稿都是徒手畫，或者截個圖在現(xiàn)有的界面上改造东抹。漸漸感到同一平臺蚂子，每個版本都有很多重復(fù)勞動，是時候做個交互組件庫了~
什么是組件庫缭黔？
就是類似axure左側(cè)欄的這一坨標準控件食茎，方便直接拖拽使用。
但如何制作滿足自己產(chǎn)品需要的交互組件庫馏谨，一開始是模糊的别渔。最初只是根據(jù)自己的需要隨便列一些出來，在做的過程中逐漸清晰惧互。
交互組件庫的作用：
提高個人工作效率
方便多人合作
使交互文檔具有統(tǒng)一美
哪些東西可以做成交互組件哎媚？
只需記住一點：當(dāng)你感覺到某種UI組合，每次都需要重新畫一遍的時候喊儡，就可以考慮把這種UI組合做成交互組件拨与。
上面所說的“重復(fù)勞動”對不同人來說可能定義不盡相同。比如對我來說艾猜，即使把Tab的選中狀態(tài)變一下买喧，也是一種重復(fù)勞動。那我就會把不同Tab的選中狀態(tài)都做一份匆赃。這樣等到要制作“我的音樂”相關(guān)交互的時候淤毛，直接把下面第二個組件拖過去就可以了。
但對于某些Tab組合來說算柳，每個Tab底下的內(nèi)容可能是差不多的钱床，做交互的時候往往只需要表達第一個Tab下的頁面就可以了。這種我就只把第一個Tab的選中狀態(tài)做一下埠居。
總得來說，怎樣對自己方便就怎樣做事期。
交互組件應(yīng)該具備的特點：
組件組件滥壕，最大的一個特點就是可組合性。
整理的時候兽泣，思考哪些UI組合是不同頁面都會共用的绎橘，把這些元素剝離出來，就成了交互組件唠倦。根據(jù)自己的經(jīng)驗称鳞，我會把組件歸為幾大類：
頂欄類
導(dǎo)航類
彈窗類
彈出浮層類
toast類
列表類
鍵盤類
icon類（各種png圖標）
另外，一些常用的主界面和內(nèi)容頁我也會做成組件稠鼻。這樣當(dāng)我要拿搜索頁說事兒的時候冈止，就可以直接把整個搜索頁拖過去，而不需要花時間再搭一遍積木了候齿。
單個交互組件應(yīng)該具備的特點：
可編輯性熙暴。PNG圖標闺属、文字、選中……每一個元素都是可以單獨編輯的周霉。
組件的顏色掂器？
盡量以黑(性)白(冷)灰(淡)風(fēng)格為主。
如何把各種組件想全俱箱？
不用想全国瓮，邊做邊補。所以不同平臺的交互組件庫應(yīng)該有專人維護更新狞谱，才能保證組件庫始終好用乃摹。這點其實知易行難，一定要提醒自己“磨刀不誤砍柴工”芋簿。
組件邊上需要寫說明文字嗎峡懈？
總得來說，組件庫是給畫交互稿的人用的与斤，不是給別人看的肪康。所以個人傾向每個組件邊上不寫任何說明文字，組件的名字已經(jīng)反映在axure文檔的側(cè)導(dǎo)航上撩穿。只要側(cè)導(dǎo)航分類符合心智模型（好找）磷支，頁面上清清爽爽的組件（方便拖拽），就能滿足我的需求了食寡。
因此雾狈，判斷一個交互組件庫是否好用的標準是：
你自己是不是經(jīng)常使用自己的組件庫
別人樂不樂意使用你的組件庫
