最近常常收到一些童鞋們的來信，經(jīng)常詢問的問題集中在：如何成為一位交互設(shè)計(jì)師？應(yīng)該學(xué)習(xí)那些軟件？

我有時(shí)候不知道如何開始回答，大約在心中覺得交互設(shè)計(jì)師是一個(gè)對(duì)綜合能力要求很多的職業(yè)，無法“說一不二”。工具固然很重要，現(xiàn)在很多大企業(yè)的設(shè)計(jì)部門都在制定設(shè)計(jì)標(biāo)準(zhǔn)，規(guī)范性的軟件工具掌握越來越受到關(guān)注。 不過，我以為然設(shè)計(jì)師要少些“匠氣”，多思考“為什么”，“怎么做”，也就是從“術(shù)”逐步轉(zhuǎn)化為“道”的層面。這么說起來似乎太玄。

這段時(shí)間我一直在想一個(gè)問題——設(shè)計(jì)，尤其是交互設(shè)計(jì)是否可以歸結(jié)為思維過程。

思維方式一：從“平面”到“舞臺(tái)”的設(shè)計(jì)

一位交互設(shè)計(jì)前輩曾說設(shè)計(jì)思維的局限有時(shí)在于太拘泥于面前的那個(gè)“方塊”，如果你把面前的二維方形界面轉(zhuǎn)化一個(gè)思維，將它翻轉(zhuǎn)一下，看成一個(gè)舞臺(tái)，你需要的元素都是你的演員，什么時(shí)候轉(zhuǎn)場，什么時(shí)候出現(xiàn)那位角色，如何出現(xiàn)……很多事情都會(huì)豁然開朗。

其實(shí)這種思維方法，就把平時(shí)面對(duì)的二維交互界面更佳貼合用戶接觸的三維、四維空間，達(dá)到模擬現(xiàn)實(shí)，增加用戶操作的感知和理解。

或許剛這樣說，可能還無法hold。舉個(gè)例子，在實(shí)際工作中，我們可能會(huì)和團(tuán)隊(duì)一起討論這個(gè)頁面是否應(yīng)該出現(xiàn)某功能，出現(xiàn)在哪里？以及這個(gè)功能元素如何出現(xiàn)�？赡艽蠹覡幷摬恍�，誰也沒有特別能服眾的理由。其實(shí)這個(gè)時(shí)候就可以使用這種思維方法，把這個(gè)功能元素當(dāng)作演員，如果你是導(dǎo)演，那么這個(gè)演員應(yīng)該在：

• 何時(shí)出現(xiàn)：用戶什么時(shí)候需要它？
• 演員在合適的時(shí)間來到合適的位置上，出現(xiàn)在哪里才不會(huì)影響主角的風(fēng)采，也足夠醒目呢：它的出現(xiàn)會(huì)影響我主要功能嗎？它的出現(xiàn)用戶可以感知到嗎？
• 它的出場是該漸漸顯露還是突然出現(xiàn)呢：轉(zhuǎn)場、 跳轉(zhuǎn)、 浮出還是彈出合適？

思維方式二：交互設(shè)計(jì)是關(guān)于“時(shí)間”的

上述的思維方式還幫助我們思考“何時(shí)出現(xiàn)”，這就是交互設(shè)計(jì)中非常重要的“時(shí)間線”的設(shè)計(jì)。設(shè)計(jì)都是有時(shí)間的，可能很多設(shè)計(jì)師包括我自己都經(jīng)常忽略到這點(diǎn)。用戶是從開始到最后有時(shí)間流逝活動(dòng)的對(duì)象，隨著時(shí)間的推移，交互介質(zhì)和交互場景都會(huì)發(fā)生轉(zhuǎn)化。 即使同一個(gè)元素，不同時(shí)間狀態(tài)上展示的方式都應(yīng)該有所不同。關(guān)于這一點(diǎn)舉個(gè)簡單的例子你就會(huì)馬上明白。

app store 對(duì)于軟件的安裝中，你會(huì)發(fā)現(xiàn)，當(dāng)你第一次安裝的時(shí)候，狀態(tài)顯示的是“免費(fèi)”，即向用戶表明這是一款什么性質(zhì)的app。當(dāng)已經(jīng)安裝但是有新的更新，則顯示“更新”，表示當(dāng)前app有更新，可以點(diǎn)擊更新。當(dāng)用戶已經(jīng)安裝最新版本后，則顯示置灰的“已安裝”，告訴用戶你已經(jīng)安裝過了，不用再操作了。置灰是防止用戶誤操作的好方法，這個(gè)在《容錯(cuò)性設(shè)計(jì)》中有描述這里就不多說啦。

思維方式三：“術(shù)”的過程

這里的說的“術(shù)”，不僅包含交互設(shè)計(jì)的初期需要掌握快速原型的方法（紙上快速表現(xiàn)也不錯(cuò)哦），更多的是對(duì)常見交互模式的熟知。

如果你認(rèn)可：設(shè)計(jì)是用來解決問題的。交互設(shè)計(jì)往往為問題提供解決方案。那么，熟知已有的ui模式對(duì)于你用來解決常見問題非常有用。

例如，平行面板模式（手風(fēng)琴模式）可以收起（一次只顯示一個(gè)），也可以展開（同時(shí)顯示全部）。這種模式適合組織大量類似或相互影響的信息，讓用戶在同一頁面更高效的獲得信息。最佳應(yīng)用在：需要申請(qǐng)者需要填寫各種沒有順序的類別目錄。

更多關(guān)于設(shè)計(jì)模式的可以參考《常見UI設(shè)計(jì)模式》。除了這些平時(shí)需要多看不同的產(chǎn)品界面，接觸越多拿出手的才能越多。

思維方式四：創(chuàng)新

記得讀研的時(shí)候，做裝置藝術(shù)的一位導(dǎo)師說：“所謂設(shè)計(jì)的創(chuàng)新就是把本應(yīng)該大的東西做小，本應(yīng)該小的東西放大。”現(xiàn)在想來，其實(shí)可以擴(kuò)散開來，把一些常規(guī)的組合打散，把一些元素重新組合。擺脫常規(guī)就是一種創(chuàng)新。

比如之前看到的一個(gè)按鈕，把loading狀態(tài)和取消組合在一起了，這就不同于我們常見的長條狀進(jìn)度條，右側(cè)取消按鈕的模式。這種把不同元素重新組合一起就是一種創(chuàng)新啊。

這些都是我之前的一點(diǎn)理解，不敢說絕對(duì)正確，有些甚至是幾種不同的思維過程的集合。

感謝彪叔對(duì)我交互設(shè)計(jì)思維的啟發(fā)。

文章來源：張雅秋博客

標(biāo)簽： 交互設(shè)計(jì) 平面設(shè)計(jì) 二維交互 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。