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

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

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

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

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

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

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

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

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

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



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

　　如果你也是一枚剛?cè)腴T(mén)的交互設(shè)計(jì)師，是不是常有這樣一種感覺(jué)：不知從何下手，悶頭讀了一大堆書(shū)、學(xué)了一大堆軟件、畫(huà)了一大堆圖之后還是感覺(jué)心里不踏實(shí)，總害怕自己還缺點(diǎn)什么，恨不得要有本《交互設(shè)計(jì)學(xué)習(xí)大綱》就好了。出現(xiàn)這個(gè)問(wèn)題有兩個(gè)原因，一是交互設(shè)計(jì)師沒(méi)有可視性強(qiáng)的產(chǎn)物，交互設(shè)計(jì)師的產(chǎn)物一般是線框圖、流程圖、信息架構(gòu)圖、說(shuō)明文檔等等，但這些東西既不如視覺(jué)設(shè)計(jì)稿華麗精美，也不如程序代碼高貴冷艷，在外行人看來(lái)初級(jí)交互設(shè)計(jì)師和高級(jí)交互設(shè)計(jì)師畫(huà)的好像都差不多，輕易看不出你修煉到了幾層功力;第二個(gè)原因是交互設(shè)計(jì)是跨學(xué)科的專業(yè)，需要學(xué)的太多太雜，今天這位大神說(shuō)要學(xué)好PS，明天那位大神又說(shuō)要學(xué)程序，后天又有大神說(shuō)要學(xué)心理學(xué)，blablabla…信息量太大、太亂就會(huì)導(dǎo)致這種不知所措的局面。

怎樣做好交互設(shè)計(jì)？

一 、瀏覽客戶給的需求文檔，不懂就問(wèn)。
二 、瀏覽客戶行業(yè)內(nèi)競(jìng)品，行業(yè)外的優(yōu)秀案例，盡可能的多看多收集，擴(kuò)大視野。永遠(yuǎn)不要被動(dòng)，了解的越多，越有底氣。也更清晰自己做的東西在行業(yè)內(nèi)所處的位置。
三、 了解客戶的軟件誰(shuí)在使用？用它做什么？文化程度？經(jīng)驗(yàn)水準(zhǔn)？核心任務(wù)是什么？客戶方不同角色的關(guān)注點(diǎn)？使用環(huán)境？
四 、形象思考，直觀表達(dá)。
縱觀全局，一個(gè)軟件可能有不同的子系統(tǒng)，不同的功能點(diǎn)，哪種布局在綜合情況下最合理？最具有拓展性？兼容性？最佳？嘗試手繪不同的布局。開(kāi)始進(jìn)行交互設(shè)計(jì)時(shí)一定不要先掉到的細(xì)節(jié)中，先進(jìn)行大的宏觀思考。

在談響應(yīng)式布局前，我們先梳理下網(wǎng)頁(yè)設(shè)計(jì)中整體頁(yè)面排版布局，常見(jiàn)的主要有如下幾種類型：
布局類型
布局實(shí)現(xiàn)
采用何種方式實(shí)現(xiàn)布局設(shè)計(jì)，也有不同的方式，這里基于頁(yè)面的實(shí)現(xiàn)單位而言，分為四種類型：固定布局、可切換的固定布局、彈性布局、混合布局。

固定布局：以像素作為頁(yè)面的基本單位，不管設(shè)備屏幕及瀏覽器寬度，只設(shè)計(jì)一套尺寸；
可切換的固定布局：同樣以像素作為頁(yè)面單 ...

對(duì)于設(shè)計(jì)師來(lái)說(shuō)，心情之所以有趣、重要，是因?yàn)檠芯勘砻?，心情影響人們?duì)廣告和品牌的態(tài)度。一個(gè)很普遍的發(fā)現(xiàn)是，幾乎所有被調(diào)查的人，無(wú)論男女，無(wú)論他們當(dāng)下心情如何，都更傾向接受以一種歡樂(lè)的方式所呈現(xiàn)出的信息

么心情是怎么影響設(shè)計(jì)的呢？心情能決定用戶與設(shè)計(jì)之間的關(guān)系。用戶會(huì)以正面的態(tài)度還是以負(fù)面的態(tài)度來(lái)審視你的設(shè)計(jì)？他們?nèi)绾翁幚砟銈鬟f的信息？設(shè)計(jì)中表現(xiàn)的心情能否與受眾的心情搭建起相通的紐帶，從而讓彼此心心相映？

讓我們來(lái)一起看看這篇文章吧！

今天的文章，讓小編想起小時(shí)候大街小巷放的一首歌“……夢(mèng)中的夢(mèng)中夢(mèng)中人的夢(mèng)中……”（跟著唱出來(lái)的人請(qǐng)點(diǎn)個(gè)贊，沒(méi)錯(cuò)，你暴露年齡了?。?dāng)你每天研究“別人家的孩子”、“別人家的狗”、“別人家的老公（婆）”的時(shí)候，你就不是你自己了，你只是一個(gè)“別人眼里的別人”。

交互設(shè)計(jì)是個(gè)跨學(xué)科專業(yè)，其中，心理學(xué)便是其中很重要的一個(gè)部分。所以，如果你不想繼續(xù)僅憑直覺(jué)和死記硬背高大上的理論原則來(lái)從事交互設(shè)計(jì)，如果你想成為優(yōu)秀的交互設(shè)計(jì)師，學(xué)習(xí)一定的心理學(xué)將是很有幫助也是很有必要的。這篇文章的主要目的就是初步地向大家介紹交互設(shè)計(jì)師至少應(yīng)該了解哪些基本的心理學(xué)理論。