在網(wǎng)易云音樂的UED上看到這樣一篇有點干貨的文章元潘，這是屬于交互設計師養(yǎng)成習慣的重要環(huán)節(jié)帆精，本來想自己寫一篇叉弦，看到這個覺得基本不謀而合川尖。
我本人的組件庫中組件的粒度會比這個小一些登下，這樣方便更加靈活的組合和創(chuàng)造，一般不會將整個頁面或者列表做成一個組件叮喳，雖然這樣可能效率會更高被芳，但是可能會在工作中忽略掉很多可以優(yōu)化的細節(jié)，每次都由粒度更小的組件拼裝馍悟，每做一次都能有一些新的感知畔濒，可以慢慢的積累一些優(yōu)化的想法。
文中的分類經(jīng)過本人稍加整理和合并锣咒，大家可以用做參考侵状，轉載版權屬于原作者。
NaviBar類
-Normal 普通狀態(tài)毅整，一般為標題欄(標題)
-Navigating 導航狀態(tài)趣兄，一般存在導航控件，導航控件應該包括文字和當前位置指示
-Searching 搜索狀態(tài)悼嫉，NaviBar做Search用诽俯，帶一個Input和觸發(fā)搜索的Btn
-SegmentController 分段控件作為主要功能的NaviBar
-Editing 頁面為編輯狀態(tài)下的NaviBar，一般有取消或者確定的FuncBtn承粤，Title一般具有直接引導和提示作用
*另外還有位于左側的back和可能存在的一個或幾個FuncBtn 功能鍵暴区，navibar中左邊或者右邊放置的btn，作為Navibar的重要組成部分
TabBar
-主要是做Tab導航用辛臊，具體根據(jù)不同tab被激活的情況會有『Tab數(shù)量』個狀態(tài)
Alert/Dialogue 彈窗提示類
-單按鈕, ?提示為主仙粱，偶見單功能引導入口
-雙按鈕, 用戶選擇
-三個或更多按鈕, 用戶選擇(多選項)
Toast浮動提示類
-Success 成功/完成
-False 出現(xiàn)錯誤
-Attention 請注意
PopUp-Layer 彈出層
*這是一種最近比較推崇的交互處理方式，遵循『盡量讓用戶在當前頁面完成附加操作』彻舰，避免用戶跳轉完成相關功能后再調回造成遺忘或者迷路伐割。
-StandardSelection 系統(tǒng)自帶的標準彈出控件候味，如UIActionSheet/UIPickerView等
-CustomSelection 定制選擇控件，其范圍較廣隔心，可以做各種形式和范圍的選擇白群，外觀自定，其交互一般為單點觸發(fā)硬霍，沒有確定按鈕(多選除外)
Keyboard 鍵盤
大概常見的就是這么幾個帜慢，還有一些區(qū)別體現(xiàn)在右下角的FunctionButton的類型，有Go/Return等
Icon 圖標類
如果你的團隊有標準的UI庫唯卖，并且里面帶有圖標粱玲，可以要一套，但是一般情況下都是放在一個文件中的拜轨，想做成在Axure里面用起來比較方便的形式相當麻煩抽减。
有了具體的分類，就可以往里填內容了橄碾，當然指望一次全部搞定是有相當難度的卵沉，記得在遇到新的類型或舊的類型已經(jīng)修改時及時維護、補充就好了法牲。
原文地址http://uedc.163.com/13069.html
補充一點史汗，交互圖應該避免顏色的運用，可以用灰階顏色來表達想法皆串，否則被視覺同學砍也是很稀松平常的事兒淹办。
