By Nils Sk?ld UX designer
這是一個(gè)非常廣泛的定義界斜，并不是嚴(yán)格意義上的完全正確仿耽，但是也足以解釋說明這樣一個(gè)概念了。用戶體驗(yàn)由三部分組成：交互設(shè)計(jì)各薇、圖形設(shè)計(jì)和前端開發(fā)项贺。
一般來說，前端開發(fā)者編寫代碼峭判，圖形設(shè)計(jì)師設(shè)計(jì)外觀开缎，交互設(shè)計(jì)師決定如何放置內(nèi)容。對于完全不理解網(wǎng)頁設(shè)計(jì)的的用戶林螃，我通常告訴他們我決定按鈕放置在哪兒以及設(shè)計(jì)師如何決定按鈕的外觀奕删。
從交付的結(jié)果來看，圖形設(shè)計(jì)師通常在PS或AI里做設(shè)計(jì)疗认。交互設(shè)計(jì)師做線框和原型（為在設(shè)計(jì)之前感受網(wǎng)頁大致的感覺完残，而做的低保真的草圖，用方塊代替圖形横漏，文字也是假的）谨设。
幾年前，用戶體驗(yàn)設(shè)計(jì)是以流水線的方式在做绊茧。首先铝宵，交互設(shè)計(jì)師將線框列出。然后华畏，視覺設(shè)計(jì)師基于線框圖做出PS文件鹏秋。最后，前端開發(fā)者基于設(shè)計(jì)將代碼編寫出來亡笑。
現(xiàn)如今侣夷，這三者一起開始工作。交互設(shè)計(jì)師做最初的草圖和線框仑乌，視覺設(shè)計(jì)師做風(fēng)格指南百拓。前端開發(fā)開始做不同的框架和javascript功能包琴锭。然后我們再見面討論。
交互設(shè)計(jì)師做原型衙传，視覺設(shè)計(jì)師開始做其中一個(gè)設(shè)計(jì)并且前端開發(fā)開始做不同頁面的基礎(chǔ)代碼决帖。
項(xiàng)目進(jìn)行得越深入，不同角色之間的界限就越模糊蓖捶。在最后階段三個(gè)差不多工作為一體的實(shí)體地回，只做代碼、 設(shè)計(jì)智慧和明智的功能調(diào)整俊鱼。
為了回答你的問題刻像，他們之間的不同是交互設(shè)計(jì)師要為網(wǎng)站或系統(tǒng)的互動負(fù)責(zé)，而視覺設(shè)計(jì)師則需要關(guān)注圖形展示并闲。
／／譯者：qianwen6606
譯者內(nèi)心OS: 翻譯到一半發(fā)現(xiàn)作者所講的內(nèi)容現(xiàn)在已經(jīng)是普遍的認(rèn)識了细睡，并沒有更深層次的發(fā)現(xiàn)〉刍穑回頭發(fā)現(xiàn)竟然是2013年的答案溜徙！tm是不是在逗我。譯者決定以后在翻譯之前幫大家看看日期购公。萌京。。
不過宏浩，這個(gè)也依然有可取之處知残。首先，它是從業(yè)界發(fā)出的聲音比庄，對我來說終于知道了用戶體驗(yàn)在工作中的三個(gè)環(huán)節(jié)求妹，這樣有助于理解和關(guān)注自己更加感興趣的領(lǐng)域，給自己在今后的學(xué)習(xí)定位中提供了參考佳窑。但是制恍，這也只是提供了基本的說明，以后的分享中我將重點(diǎn)深入三個(gè)方面神凑，搜羅更多的設(shè)計(jì)細(xì)節(jié)及原則給大家看净神！
歡迎關(guān)注我呦～
