接上篇《讓你全方位學(xué)習(xí)成為一名交互設(shè)計師（1.6萬字誠意之作）-上篇》
5.交互設(shè)計常見案例分析
交互設(shè)計日常需要注意積累案例，并從案例中學(xué)習(xí)總結(jié)，只有案例積累得越多，才能形成質(zhì)變。本章只是簡單示意一下交互可以從哪些案例入手。
5.1導(dǎo)航
導(dǎo)航包括：左側(cè)導(dǎo)航、頂部導(dǎo)航、面包屑導(dǎo)航、電梯導(dǎo)航、搜索等。
5.2流程
常見一個完整功能流程
5.3表單
表單包括表單的展示、輸入以及數(shù)據(jù)校驗。
5.4反饋
有反饋的才是交互，什么時候用輕反饋，什么時候用重反饋？
5.5場景
離開場景來談交互，都是耍流氓。
6.交互設(shè)計規(guī)范及趨勢
6.1柵格規(guī)范
首先，我們要明確一個觀念：交互設(shè)計師和視覺設(shè)計師是密切配合的，所以交互設(shè)計師也需要學(xué)習(xí)一些視覺設(shè)計的知識，以免雙方溝通出現(xiàn)問題。柵格化就是視覺設(shè)計中的比較基本有用的知識，至少可以規(guī)范交互設(shè)計師畫的原型，沒有超過視覺設(shè)計師所能承受的“界限”。
我們在設(shè)計中常用的是：網(wǎng)頁柵格系統(tǒng)，百度百科給出的解釋是“以規(guī)則的網(wǎng)格陣列來指導(dǎo)和規(guī)范網(wǎng)頁中的版面布局以及信息分布。對于網(wǎng)頁設(shè)計來說，柵格系統(tǒng)的使用，不僅可以讓網(wǎng)頁的信息呈現(xiàn)更加美觀易讀，更具可用性。而且，對于前端開發(fā)來說，網(wǎng)頁將更加的靈活與規(guī)范。”
柵格系統(tǒng)詳細的應(yīng)用，可以看這篇文章騰訊高手教你靠譜的布局設(shè)定方法，介紹得十分詳細，本文不再累述。
這里只簡單總結(jié)一下學(xué)習(xí)柵格規(guī)范對交互設(shè)計的意義：
（1）和視覺設(shè)計師一起，達成頁面寬度的共識，而不是超出視覺設(shè)計的“邊界”；
（2）在交互設(shè)計時，用柵格化規(guī)范模塊的布局，整齊的分為N欄，讓原型變得更美觀；
（3）合理利用柵格，產(chǎn)出“黃金比例”的效果圖，例如制作簡歷或者作品集。
6.2平臺設(shè)計規(guī)范
交互設(shè)計師必須掌握的知識點，也是面試必考題：平臺設(shè)計規(guī)范。因為，我們所有的設(shè)計，幾乎都是基于這些平臺來進行設(shè)計。
但要注意，不要過度在意平臺的設(shè)計規(guī)范，有一些規(guī)范也有自相矛盾的地方，舉例摘自：崇書慶發(fā)表于妖鹿山設(shè)計屯的《【交互小零食】- Ser.02》在iOS9規(guī)范中，“關(guān)于彈窗中的“推薦選項”應(yīng)該放在左邊還是右邊，分了兩種情況：如果推薦選項有破壞性，那么應(yīng)該放在左邊。如果沒有破壞性，則應(yīng)該放在右邊。但到了iOS10的時候，卻變成了推薦選項都應(yīng)該放在右邊。”
以下是一些交互設(shè)計師常見需要掌握的規(guī)范舉例，詳細規(guī)范需要自行去了解。
（1）IOS10設(shè)計規(guī)范
為IOS設(shè)備設(shè)計時必備，可參考站酷文章《設(shè)計資訊/資料：iOS10 GUI （附源文件下載）(翻譯理論)》
（2）Material Design
喜歡Andriod和Material Design風(fēng)格的，不容錯過，可參考站酷文章《設(shè)計資訊/資料：Material Design 設(shè)計規(guī)范(翻譯理論)》
（3）Window10 UWP
來自微軟的UWP設(shè)計規(guī)范，參考官網(wǎng)《設(shè)計和UI》
（4）微信小程序
新的熱點，了解大平臺是怎樣做設(shè)計規(guī)范的。參考微信小程序官網(wǎng)給的規(guī)范《微信小程序設(shè)計指南》
6.3設(shè)計趨勢
作為一名優(yōu)秀的交互設(shè)計師，當(dāng)前的時尚流行元素，以及設(shè)計趨勢，也是需要了解的，不要讓自己的設(shè)計跟不上時代。
建議交互設(shè)計師了解兩方面的設(shè)計趨勢：交互設(shè)計趨勢，以及視覺設(shè)計趨勢。在年初或者年末的時候搜索最新的看即可。
2017年設(shè)計趨勢文章推薦：
（1）交互設(shè)計趨勢
人人都是產(chǎn)品經(jīng)理，《2017年度交互設(shè)計趨勢》
（2）視覺設(shè)計趨勢
優(yōu)設(shè)網(wǎng)，《趨勢丨8個你需要知道的2017年UI設(shè)計流行趨勢》
7.交互設(shè)計師進階之路
7.1突破瓶頸
每個交互設(shè)計師通過努力都能成為高級交互設(shè)計師的水平，要想成為優(yōu)秀的資深交互設(shè)計師或者業(yè)內(nèi)有影響力的設(shè)計師還需要突破一個瓶頸。那么所謂的瓶頸期是指？這里可以參考《騰訊高級交互設(shè)計師：什么是優(yōu)秀的設(shè)計思維與方法？》一文即可。
按照慣例，總結(jié)了一下需要突破瓶頸的3大必要條件：
（1）知識的積累達到一定的程度，一般是由量變轉(zhuǎn)為質(zhì)變
（2）有個人的設(shè)計方法體系
（3）長時間的經(jīng)驗積累，至少需要5年以上
7.2進修
交互設(shè)計師職位發(fā)展的時間不長，大多數(shù)的交互設(shè)計師都是基本靠自學(xué)成才，那么對于入門或者想要更近一步的交互設(shè)計師，有什么樣的進修渠道推薦呢？
不建議報讀培訓(xùn)班，不建議報讀培訓(xùn)班，不建議報讀培訓(xùn)班。重要的事情說3遍，報培訓(xùn)班不如自學(xué)。
推薦渠道一：進培訓(xùn)體系完善的公司，接收培訓(xùn)。
最直接最節(jié)省成本的方法，有老司機帶領(lǐng)。前提是，我們要上一輛好的車。1-2年學(xué)成出師，比自己自學(xué)效率要快N倍，少走的彎路能繞地球一圈。
推薦渠道二：報讀設(shè)計類學(xué)校。
刷資歷首選，進入知名企業(yè)必備敲門磚頭，系統(tǒng)的知識體系和方法論學(xué)習(xí)。缺點是學(xué)習(xí)周期長，成本高，同時，院校的可選擇范圍也很小。推薦院校：清華美院、江南大學(xué)、中山大學(xué)、廣州美院。
7.3作品集
人靠衣裝，交互設(shè)計師靠的是作品，好的交互設(shè)計師同樣需要好的作品襯托。作品集也是交互設(shè)計師總結(jié)沉淀、自我提升的重要方法。
把自己的項目包裝成一個個作品集，展示出來吧，在作品集里面回答如下問題（面試必考題）：
（1）這個作品的亮點在哪里？解決了什么樣的問題？
（2）這個作品存在什么樣的不足？可以怎么改進？
（3）這個作品遇到了什么難點？最終是如何克服的？
（4）這個作品的設(shè)計過程是怎么樣的？
（5）這個作品的最終成果如何？
大神們作品集推薦
Mike-https://www.behance.net/creativemints
Melanie Daveid-http://melaniedaveid.com
Jenny-http://www.jennyjohannesson.com
Qinsman-http://qinsman.com
Dine-http://dinehq.com
8.參考文獻
8.1圖書類
《交互設(shè)計沉思錄》-Jon Kolko-機械工業(yè)出版社
《簡約至上 : 交互式設(shè)計四策略》-Giles Colborne-人民郵電出版社
《設(shè)計師要懂心理學(xué)》-Susan Weinschenk-人民郵電出版社
《用戶體驗的要素 : 以用戶為中心的Web設(shè)計》-Jesse James Garrett-機械工業(yè)出版社
《心理學(xué)與生活》-Richard J.Gerrig、Philip G.Zimbardo-人民郵電出版社
《社會心理學(xué)》-戴維·邁爾斯-人民郵電出版社
8.2網(wǎng)站類
寫作不易，本文首發(fā)于簡書平臺，嚴(yán)禁一切商業(yè)性質(zhì)的轉(zhuǎn)載，轉(zhuǎn)載前需聯(lián)系本人取得授權(quán)，謝謝。
