如果你看了很多優(yōu)秀的設(shè)計(jì)，但是自己卻仍然還覺得有所欠缺。來看看作者梳理的掌握交互設(shè)計(jì)的方法吧。

最近兩個(gè)月給公司的伙伴們做交互設(shè)計(jì)的分享，這是第一期分享的內(nèi)容。在這次分享中，我認(rèn)真梳理了交互設(shè)計(jì)師掌握和精通這門技藝的方法。我認(rèn)為，如果想成為拔尖的設(shè)計(jì)師，只有這條路可走。

什么是交互設(shè)計(jì)

用戶界面有兩部分的設(shè)計(jì)：交互設(shè)計(jì)和視覺設(shè)計(jì)。在下圖中，左邊和右邊分別是微信的交互設(shè)計(jì)和視覺設(shè)計(jì)。

交互設(shè)計(jì) vs. 視覺設(shè)計(jì)

做交互設(shè)計(jì)也有好幾個(gè)年頭了，最近一直在思考一個(gè)問題，我們這些俗稱線框仔的交互設(shè)計(jì)師，如何保持自己的競爭力，我們的未來會(huì)是怎樣的？

從醒來的那一刻，我們就被廣告包圍了：它出現(xiàn)在我們的咖啡杯上、電視上，回家路上也充斥我們眼前。但我們總能關(guān)掉它，將它逐出視線。

增強(qiáng)現(xiàn)實(shí)（AR）是一種新方式，將數(shù)字化的體驗(yàn)呈現(xiàn)在我們的虛擬世界。

編者按：今天這篇文章是華為總監(jiān)@EDC尤原慶 讀完《設(shè)計(jì)師要懂心理學(xué)》后寫的讀書筆記，總18條，每一條都有讀者注解，不管之前是否讀過。都建議來看看總監(jiān)的讀書視角 >>>

本文全系列滿滿干貨，是從眾多交互設(shè)計(jì)前輩們分享的寶貴經(jīng)驗(yàn)里挑選出的最實(shí)用的方法，不僅能讓你徹底了解交互設(shè)計(jì)，還能幫有志在這個(gè)領(lǐng)域發(fā)展，卻苦于沒有老師的童鞋，從零開始學(xué)習(xí)成為一名優(yōu)秀的交互設(shè)計(jì)師。

在校大學(xué)生、想轉(zhuǎn)行的設(shè)計(jì)師還能在這兒得到前輩的實(shí)用建議，想進(jìn)階的交互也有職場系列經(jīng)驗(yàn)分享，文末還有超贊的資源奉獻(xiàn)，干貨量大，推薦童鞋們收藏 ：）

隨著公司企業(yè)對設(shè)計(jì)的重視越來越高。很多視覺設(shè)計(jì)師和交互設(shè)計(jì)師都有這非常明確的定位。不管是設(shè)計(jì)網(wǎng)站頁面還是應(yīng)用界面的風(fēng)格定位或者是移動(dòng)App的應(yīng)用交互等等。在設(shè)計(jì)過程中設(shè)計(jì)師都需要一個(gè)構(gòu)思的過程。有一部分設(shè)計(jì)師會(huì)通過一些交互軟件來做最前期的架構(gòu)和構(gòu)思。但是更多的設(shè)計(jì)師還是喜歡用最原生的方法來構(gòu)思——草圖！我想這應(yīng)該也是最原始的前期構(gòu)思了。把好的靈光一現(xiàn)瞬間畫在稿紙上，做好標(biāo)記。我們在使用的很多經(jīng)典的工具界面都有著最初的線框草圖。今天我們要分享的就是一些優(yōu)秀的線框示意草圖。你可以看到這些最初的設(shè)計(jì)雛形。相信你可以從中得到創(chuàng)意的靈感。

1. 交互設(shè)計(jì)師應(yīng)當(dāng)具備的能力

如果我們簡單的將用戶體驗(yàn)領(lǐng)域涉及到的技能分為：用戶研究、產(chǎn)品（概念/功能）設(shè)計(jì)、交互設(shè)計(jì)、視覺設(shè)計(jì)、工程技術(shù)，我認(rèn)為任何一個(gè)交互設(shè)計(jì)師和視覺設(shè)計(jì)師等等，都應(yīng)該具有整體的復(fù)合技能，只是哪部分更多哪部分更少的問題。

1) 用戶研究：對于交互設(shè)計(jì)師，不具備基本的用戶研究能力，無法吸收來自用戶的「信息營養(yǎng)」，如何做出真正以用戶為重心的設(shè)計(jì)呢？觀察法、訪談法、問卷法、可用性測試、行為數(shù)據(jù)分析等等，這些基本的方法應(yīng)該要有所掌握。

2) 產(chǎn)品（概念/功能）設(shè)計(jì)和交互設(shè)計(jì)：這方面不必多說，交互設(shè)計(jì)師必須有大局觀，能夠真正的理解產(chǎn)品的思路和方向，從交互的角度實(shí)現(xiàn)產(chǎn)品層面的意圖。這也是很多交互設(shè)計(jì)師轉(zhuǎn)向產(chǎn)品設(shè)計(jì)師、產(chǎn)品經(jīng)理的原因，在很多方面有交叉。

3) 視覺設(shè)計(jì)：視覺設(shè)計(jì)是很多交互設(shè)計(jì)師的軟肋，常常無法忍受一些交互設(shè)計(jì)師做出的沒有美感的文檔?，F(xiàn)在，特別是在移動(dòng)互聯(lián)網(wǎng)的設(shè)計(jì)領(lǐng)域，交互和視覺往往是高度交叉的。交互會(huì)影響視覺，視覺反過來也會(huì)影響交互。對于一個(gè)交互設(shè)計(jì)師，在做交互設(shè)計(jì)師，腦海中就應(yīng)該浮現(xiàn)出視覺的輪廓，為視覺設(shè)計(jì)留下能夠發(fā)揮的空間。另外，交互設(shè)計(jì)師一定要有很好的視覺設(shè)計(jì)的感覺，知道如何判斷好的和不好的視覺設(shè)計(jì)。像素眼（能夠通過肉眼分辨出一像素的差別）至少要具備吧？

　　交互設(shè)計(jì)師之所以要懂得視覺語言，主要體現(xiàn)在原型制作的工作部分，

　　因?yàn)檩敵龅碾m然是低保真原型，但低保真原型的設(shè)計(jì)過程其實(shí)也是一個(gè)視覺化過程。

　　廢話少說，直接解釋吧(大致按照動(dòng)手的時(shí)間順序，以數(shù)字媒體界面為例)。