如果說(shuō)一位交互設(shè)計(jì)師和一位前端開(kāi)發(fā)工程師，他們是情侶，我們肯定會(huì)相信，但是今天我們要討論的交互設(shè)計(jì)和web前端的關(guān)系到底如何？ 交互設(shè)計(jì)師需不需要懂?web前端開(kāi)知識(shí)呢？又那么web前端工程師需不需要懂交互呢？

有這樣的一個(gè)比喻：

一個(gè)好的畫(huà)家需要了解他的畫(huà)筆、顏料、調(diào)色板、和畫(huà)布；

一個(gè)好的建筑設(shè)計(jì)師需要了解他使用的建材、所采用的結(jié)構(gòu)類型、建筑選址；

一個(gè)好的服裝設(shè)計(jì)師需要了解他使用的布料、人體結(jié)構(gòu)、布料剪裁技術(shù)；

這并不代表畫(huà)家需要成為顏料工匠，建筑設(shè)計(jì)師需要成為結(jié)構(gòu)設(shè)計(jì)師，服裝設(shè)計(jì)師需要成為布料材質(zhì)專家，因?yàn)樾g(shù)業(yè)有專攻。但是，了解你所使用的工具，了解你設(shè)計(jì)的物件所存在的形式，了解它在使用者面前運(yùn)轉(zhuǎn)的狀態(tài)，會(huì)讓你做出更好的設(shè)計(jì)。

我認(rèn)為是交互設(shè)計(jì)和web前端開(kāi)發(fā)是情侶關(guān)系，不是夫妻關(guān)系。

可以懂，但是不必要的 呵呵，你們認(rèn)為呢？

1、懂得前端，在完成前期需求分析/交互/界面設(shè)計(jì)后，你可以在暫時(shí)沒(méi)有工程師協(xié)助的情況下，通過(guò)自己獨(dú)立勞作，看到自己設(shè)計(jì)的效果——一個(gè)即使不是最終產(chǎn)品但也可以完整呈現(xiàn)個(gè)人設(shè)計(jì)意圖的原型。在這樣接近真實(shí)的交互體驗(yàn)中也便于設(shè)計(jì)師更快在迭代中完善設(shè)計(jì)。

2、能夠從技術(shù)實(shí)現(xiàn)的角度來(lái)綜合評(píng)估自己的設(shè)計(jì)是否完善是否合理，雖說(shuō)理想的交互設(shè)計(jì)狀態(tài)下，用戶目標(biāo)為主，技術(shù)不應(yīng)該是個(gè)問(wèn)題。

比如，如果交互設(shè)計(jì)師懂得前端，在設(shè)計(jì)過(guò)程中，在按鈕或者圖層尺寸、布局上就可以從css實(shí)現(xiàn)的角度來(lái)考慮，而非僅僅是畫(huà)二維平面圖的感覺(jué)。 這樣前端工程師真正實(shí)現(xiàn)起來(lái)工作效率也會(huì)更高。（這一點(diǎn)我和一位不懂前端的設(shè)計(jì)同學(xué)工作時(shí)深有體會(huì)）

3、懂點(diǎn)前端甚至多懂點(diǎn)技術(shù)，不僅是對(duì)設(shè)計(jì)師我認(rèn)為對(duì)IT行業(yè)從業(yè)者都是有好處有必要的。

便于與工程師溝通，減少誤會(huì)，對(duì)彼此工作性質(zhì)多點(diǎn)理解（這也是交互設(shè)計(jì)很重視的一點(diǎn)嘛——同理心），項(xiàng)目合作愉快，交到更多geek朋友，皆大歡喜；

也便于向外行或同行從技術(shù)本質(zhì)到設(shè)計(jì)理念由內(nèi)而外全面透徹的傳達(dá)個(gè)人所設(shè)計(jì)的產(chǎn)品所承載的理念和實(shí)現(xiàn)的流程。（自己的設(shè)計(jì)就像自己的寶貝，不能吃透他的個(gè)性和后期成長(zhǎng)多可惜啊~）

4、而且好的交互設(shè)計(jì)師不但可以懂前端，還可以懂產(chǎn)品，懂視覺(jué)。任何一個(gè)好的專業(yè)人員，在對(duì)本專業(yè)有扎實(shí)能力的基礎(chǔ)上，對(duì)上下游知識(shí)的了解和學(xué)習(xí)都是多多益善的事情。

當(dāng)然，不可粉末倒置。不能因?yàn)槊詰偾岸舜a而變成了追求代碼效率的人，不能因?yàn)槊詰賃I的美觀而變成追求視覺(jué)效果的人。交互還是交互，關(guān)鍵是理解用戶并做出符合他們的產(chǎn)品交互形式，懂得上下游的知識(shí)只是為了更好的幫助自己推進(jìn)并與他人溝通的手段。

所以，我還是覺(jué)得需要不需要看交互設(shè)計(jì)師和web前端開(kāi)發(fā)工程師各自的個(gè)人的想法，并不是所有人都要遵循同一個(gè)套路。那么這樣的移動(dòng)互聯(lián)網(wǎng)才會(huì)更加的生動(dòng)而有意義。