曾經(jīng)我也是一名非設(shè)計專業(yè)的學(xué)生，作為自動化專業(yè)的碩士希望自學(xué)做交互設(shè)計珊擂，有很長一段時間都抱有這樣的疑惑“如何系統(tǒng)的學(xué)習(xí)圣勒、提升交互設(shè)計能力”。所以多次翻出這個問題摧扇，反復(fù)咀嚼過@王閱微圣贸、@朱晨 的回答，從中找出我缺乏的扛稽、忽略的技能去繼續(xù)補(bǔ)足吁峻、努力。
現(xiàn)在從事交互設(shè)計工作已有三年時間，希望通過回答這個問題用含，來對以往獨自摸索矮慕、自學(xué)路上的一些經(jīng)驗、心得做個總結(jié)啄骇。如果能給當(dāng)前期待從事交互設(shè)計的新朋友些許指引痴鳄，那就更圓滿了。
一缸夹、理論知識積累
理論書籍
《用戶體驗要素：以用戶為中心的產(chǎn)品設(shè)計》
講述了經(jīng)典的五層框架：戰(zhàn)略層（產(chǎn)品目標(biāo)和用戶需求）痪寻、范圍層（功能規(guī)格和內(nèi)容需求）、結(jié)構(gòu)層（交互設(shè)計和信息架構(gòu)）虽惭、框架層（界面設(shè)計橡类、導(dǎo)航設(shè)計和信息設(shè)計）、表現(xiàn)層（感知設(shè)計）芽唇」嘶可以對互聯(lián)網(wǎng)產(chǎn)品經(jīng)理、交互設(shè)計師匆笤、視覺設(shè)計師之間的工作流程亲雪、職責(zé)有個初步的認(rèn)識，在后續(xù)學(xué)習(xí)中也大致明白重心該放在哪個環(huán)節(jié)疚膊。
《點石成金：訪客至上的網(wǎng)頁設(shè)計秘笈》
介紹了don’t make me think 的幾個指導(dǎo)原則 以及可用性測試义辕，一本小書比較容易理解。
《認(rèn)知與設(shè)計：理解UI設(shè)計準(zhǔn)則》
介紹了一些用戶界面設(shè)計準(zhǔn)則寓盗。對于新人來說灌砖，常常不知道哪些設(shè)計是易用的、用戶容易接受的傀蚌，所以了解一些設(shè)計原則可以有助于我們辯證的思考各種設(shè)計方案之間孰優(yōu)孰劣基显。
《About Face 3 交互設(shè)計精髓》
經(jīng)典書籍，厚厚一本很難讀完善炫。對于新人來說撩幽，可以隨便翻翻，先看看目錄箩艺，找那些自己感興趣的窜醉、疑惑的章節(jié)讀一讀。
《設(shè)計師要懂心理學(xué)》
介紹人的一些習(xí)慣艺谆，如何觀察榨惰、閱讀、記憶静汤、思考切揭、集中注意力等等很多方面。了解與我們的設(shè)計方案交互操作的用戶李请，是設(shè)計師需要持續(xù)關(guān)注的。
實戰(zhàn)書籍
《寫給大家看的設(shè)計書（第三版）》
通過大量示例介紹了4大基本設(shè)計原則——親密性侠碧、對齊、重復(fù)缠黍、對比弄兜，這些原則在界面排版上非常實用。作為非設(shè)計專業(yè)的學(xué)生來說嫁佳，學(xué)習(xí)一些基本的原則很有必要。
《設(shè)計之下：搜狐新聞客戶端的用戶體驗設(shè)計》
結(jié)合搜狐新聞客戶端的項目經(jīng)驗谷暮，總結(jié)了很多干貨蒿往，對于新手可以從中了解實際的設(shè)計流程。
《破繭成蝶：用戶體驗設(shè)計師的成長之路》
一本實用性非常高的書湿弦，強(qiáng)烈推薦瓤漏。其中需求分析、設(shè)計規(guī)劃這兩章剛好解決了我的一些疑惑颊埃，反反復(fù)復(fù)讀了很多遍蔬充，非常有收獲。感謝@劉津班利、@李月 的辛苦撰寫饥漫、無私分享。
《移動應(yīng)用UI設(shè)計模式》
關(guān)于設(shè)計模式的一本書罗标，我讀過之后寫了幾篇讀書筆記庸队，對書中的設(shè)計模式配上平時搜集的例子以加深理解，比如這篇移動應(yīng)用UI設(shè)計模式——（1）導(dǎo)航
《觸動人心：設(shè)計優(yōu)秀的iPhone 應(yīng)用》
如果對iPhone設(shè)計感興趣闯割，可以讀讀這本書彻消，雖然現(xiàn)在看來例子有些舊，但是也不妨礙我們?nèi)ダ斫饽切﹥?yōu)秀的設(shè)計例子宙拉。
設(shè)計規(guī)范指南
iOS 8 人機(jī)界面指南
[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南（一）：UI設(shè)計基礎(chǔ)
[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南（二）：設(shè)計策略
[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南（三）：iOS技術(shù)（上）
[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南（三）：iOS技術(shù)（下）
Material design
Material design非官方中文指導(dǎo)手冊1.0
重磅教程宾尚！幫你全面徹底搞定MATERIAL DESIGN的學(xué)習(xí)筆記
Apple Watch人機(jī)交互指南
Apple Watch?人機(jī)交互指南UI設(shè)計基礎(chǔ)(1)
Apple Watch人機(jī)交互指南之UI設(shè)計基礎(chǔ)(2)
Apple Watch人機(jī)交互指南之圖標(biāo)與圖片設(shè)計
Apple Watch界面設(shè)計規(guī)范 – 模態(tài)表單
Apple Watch人機(jī)交互指南之UI元素設(shè)計
設(shè)計原則
易用性十大原則
《可用性工程》一書中有章節(jié)專門介紹，非常容易理解谢澈、也在設(shè)計中用的很多的十大原則煌贴。
移動端設(shè)計原則，文章推薦
很多前輩結(jié)合自己的項目經(jīng)驗锥忿，總結(jié)了一些設(shè)計原則崔步，用于自查設(shè)計方案。也可以通過搜集一些實例缎谷，來理解設(shè)計原則是如何被應(yīng)用的井濒。
手機(jī)客戶端交互設(shè)計原則及信息展現(xiàn)方式
Chrome 瀏覽器的哪些設(shè)計符合「Don’t Make Me Think」原則？
二瑞你、實戰(zhàn)能力的積累
理論知識可以看做是修煉內(nèi)功酪惭，實戰(zhàn)技能則是轉(zhuǎn)化為招式——即 設(shè)計方案。作為新人者甲，最基礎(chǔ)的是有輸出交互設(shè)計方案的能力春感。之后更多的是積累都在于如何提出易用性高、用戶滿意喜歡的設(shè)計方案虏缸。
交互設(shè)計輸出物知多少
流程圖
線框圖
同樣是來自heidi三篇文章：
交互說明文檔
體驗優(yōu)秀的設(shè)計
想了解優(yōu)秀的設(shè)計鲫懒，最靠譜的是去體驗、分拆刽辙、深挖優(yōu)秀的作品窥岩，包括設(shè)計模式（界面排版）、交互流程宰缤、操作反饋颂翼、特殊場景的細(xì)節(jié)設(shè)計等等。
總結(jié)設(shè)計模式
設(shè)計師通常如何發(fā)現(xiàn)靈感慨灭？這個問題中elya推薦了很多設(shè)計模式類的網(wǎng)站朦乏，這是業(yè)界搜集的設(shè)計模式庫。除了看他人搜集的氧骤，還推薦自己也按照類似的分類方式多搜集設(shè)計模式呻疹。
分任務(wù)體驗優(yōu)秀的產(chǎn)品
選擇特定的任務(wù)，去體驗優(yōu)秀的產(chǎn)品是如何完成這些任務(wù)的（交互流程）筹陵。比如诲宇，注冊、登錄惶翻、發(fā)照片姑蓝、發(fā)微博、發(fā)語音吕粗、評論/回復(fù) 等等纺荧。
總結(jié)設(shè)計亮點
這些設(shè)計亮點可能歸結(jié)不到上面任意兩個方面，但是恰恰是這些設(shè)計亮點最能體現(xiàn)一個設(shè)計師的水平颅筋。比如我之前寫過微信發(fā)語音功能的設(shè)計亮點?宙暇。為什么要記錄？對我來說是好記性不如爛筆頭议泵，放在心里琢磨總沒有寫出來印象深刻占贫。
最后推薦@曉生語錄 的一篇文章：交互設(shè)計師如何提高專業(yè)能力，這也是我在入行初期讀過很多遍的文章先口，感興趣的朋友可以看看型奥。
三瞳收、提出交互設(shè)計解決方案的能力
從子任務(wù)開始鍛煉
對學(xué)生來說，作品很重要厢汹。但是對新手而言螟深，完成一個整體的產(chǎn)品設(shè)計可能有些難度。推薦從子任務(wù)的設(shè)計開始鍛煉烫葬，比如前面提到的注冊界弧、登錄、發(fā)照片等等搭综。真正去設(shè)計的時候垢箕，會發(fā)現(xiàn)有很多細(xì)節(jié)設(shè)計是平時體驗他人產(chǎn)品過程中容易遺漏的。這個時候可以回頭再留意那些細(xì)節(jié)兑巾，比較不同的產(chǎn)品設(shè)計条获，多問問自己為什么他們要這么設(shè)計，有何優(yōu)缺點闪朱、有何取舍月匣，而自己又該如何設(shè)計钻洒、為什么這樣設(shè)計奋姿。
通過子任務(wù)的設(shè)計練習(xí)，對如何做交互設(shè)計已經(jīng)有了一些提升之后素标，可以給自己布置一個完整的產(chǎn)品作業(yè)称诗。比如實現(xiàn)某個idea解決用戶的某種需求，這個時候《用戶體驗五要素》的知識就可以派上用場了头遭。嘗試從戰(zhàn)略層開始寓免、一步步完成產(chǎn)品的需求分析、功能分析计维、原型設(shè)計袜香，甚至視覺設(shè)計，最終輸出一份完整的作品鲫惶。
設(shè)計完整的產(chǎn)品
這個階段涉及到需求分析蜈首、導(dǎo)航設(shè)計、任務(wù)分解欠母、界面排版欢策、交互操作流程等等，再次推薦《破繭成蝶：用戶體驗設(shè)計師的成長之路》這本書赏淌，實用性非常高踩寇。
主要任務(wù)的線框圖完成之后，別忘了還有很多操作反饋六水、特殊場景的細(xì)節(jié)設(shè)計俺孙，《設(shè)計之下：搜狐新聞客戶端的用戶體驗設(shè)計》一書對于反饋提示總結(jié)的非常棒辣卒。
設(shè)計定稿前，別忘了自查設(shè)計方案鼠冕，看是否有遺漏異常情況的設(shè)計添寺，推薦文章如何建立交互設(shè)計自查表
四、交互設(shè)計工具
工具的作用是用來表達(dá)自己的設(shè)計方案懈费，初期討論计露、溝通想法時用紙幣來的最快最方便。軟件的好處則是利于存檔憎乙、多人協(xié)作票罐、傳遞。
Axure
雖然交互設(shè)計工具幾年來層出不窮泞边，但是實用性最強(qiáng)的個人覺得還是Axure 该押，學(xué)習(xí)成本低、簡單好用阵谚、多平臺通用蚕礼。對于新手，前期可從排版開始練習(xí)畫線框圖梢什，不用沉迷于做復(fù)雜的交互效果奠蹬，因為工作中可能沒有時間做非常細(xì)膩的交互動效。當(dāng)然嗡午，如果是給大領(lǐng)導(dǎo)演示方案囤躁，一些點擊跳轉(zhuǎn)還是有必要做的。
Origami
制作交互動效的工具荔睹，感興趣的童鞋可以學(xué)一學(xué)狸演，前期的學(xué)習(xí)成本有點高。
Sketch
相比Photoshop僻他，Sketch用來設(shè)計界面更輕便宵距。
五、用研吨拗、視覺满哪、前端、后臺開發(fā)的了解
用戶研究
可以看看《贏在用戶》丢胚，市面上貌似買不到了翩瓜，學(xué)校圖書館大概能借到。百度商業(yè)UED團(tuán)隊的用戶研究工程師總結(jié)的[14種經(jīng)典的用研方法] (http://ued.baidu.com/?p=3880)携龟，推薦看看兔跌。
審美與視覺設(shè)計能力
我相信的一點是，當(dāng)你看過足夠多的峡蟋、優(yōu)秀的界面設(shè)計之后坟桅，審美华望、配色排版等能力會隨之提升。雖然我自己是學(xué)自動化——與設(shè)計完全不著邊的專業(yè)仅乓，但是這幾年積累讓我對自己的審美還比較自信赖舟，至少得到了合作的視覺設(shè)計師的認(rèn)可。
為了鍛煉自己的視覺設(shè)計能力夸楣，我會做一些練習(xí)宾抓。比如我的個人網(wǎng)站（jinjuan.me）的界面設(shè)計就是自己完成。配色從Adobe Color CC挑選再微調(diào)豫喧，最終的效果至少符合我的喜好石洗。
對前端開發(fā)、后臺開發(fā)技術(shù)有一定理解
開發(fā)人員幫助我們實現(xiàn)設(shè)計方案紧显，如何與他們高效溝通非常重要讲衫。雖然不需要會寫代碼，但是了解一些開發(fā)術(shù)語孵班，知道前后臺涉兽、數(shù)據(jù)庫之間的關(guān)系是最基礎(chǔ)的。
我的經(jīng)歷是篙程，畢業(yè)初期一年多的時間交互設(shè)計和前端開發(fā)都要做枷畏，對HTML、CSS比較熟悉房午，JavaScript有些了解矿辽。再加上自動化專業(yè)也有一些C編程經(jīng)驗丹允，所以與開發(fā)同事溝通起來倒沒啥障礙郭厌。不過每個產(chǎn)品的業(yè)務(wù)特點不同，仍然需要實時更新對新技術(shù)的理解雕蔽。
六折柠、軟實力的提升
以下幾點是我個人認(rèn)為非常重要的幾個軟實力，早一點培養(yǎng)早一點受益批狐。
時間管理
交互設(shè)計方面需要學(xué)習(xí)的知識非常多扇售，如何評估優(yōu)先級、安排學(xué)習(xí)計劃非常關(guān)鍵嚣艇。
知識管理
這幾年我是evernote的深度用戶承冰，非常遺憾的是沒有更早使用它，所以推薦你選擇一款適合你的知識管理工具食零。關(guān)于知識管理困乒，我的一點心得是別讓搜集的知識分散在各個角落（各個網(wǎng)盤、電腦硬盤贰谣、存儲工具）娜搂，確保知識有統(tǒng)一存放入口迁霎，并有個統(tǒng)一的輸出存儲點。
如果沒有知識管理百宇、沒有evernote考廉，我可能也寫不出這篇文章。
善用搜索
你的很多疑問携御，前輩們可能已經(jīng)給出了很多經(jīng)典的回答昌粤，所以善用搜索。這里一并感謝在我入行初期啄刹，貢獻(xiàn)婚苹、分享知識的前輩們 @elya 、@heidixie 鸵膏、@雅秋膊升、@臭魚、@曉生語錄谭企、@00廓译、@王閱微、@朱晨 等等债查，非常感謝７乔！盹廷！
多總結(jié)征绸，形成自己的一套知識體系和工作方法
@張佳瑋 說“世上萬事，不過是一懶二拖三不讀書”俄占，如果要補(bǔ)充一條就是“四不總結(jié)” 管怠。很多時候我們對知識的理解都是零散的存在于腦海中。如果不去總結(jié)缸榄、不記錄下來渤弛，腦容量不夠時可能就遺忘了。
所以多總結(jié)甚带、形成自己的一套知識體系和工作方法她肯，對于任何一個職業(yè)都至關(guān)重要。
七鹰贵、寫在最后
這篇文章雖然是針對非設(shè)計專業(yè)的學(xué)生晴氨，但是很多方面同樣是對我自己說的。我也仍然在路上碉输，還有很多技能需要提升籽前，愿大家共同進(jìn)步~~~全篇完。
