|
【JJ Ying的回答(43票)】: 我個(gè)人的理解是「交互設(shè)計(jì)」負(fù)責(zé)把東西做得「好用」,，「視覺(jué)設(shè)計(jì)」負(fù)責(zé)在好用的基礎(chǔ)上把東西做得「好看」，兩者合起來(lái)就是界面設(shè)計(jì),。當(dāng)然有時(shí)候交互和視覺(jué)的職責(zé)不只單純地在軟件界面上,。 【JimSoup的回答(54票)】: . 怒答。 我回答前大概知道很多人會(huì)把交互設(shè)計(jì)定義為使產(chǎn)品更好用,，而視覺(jué)設(shè)計(jì)則是美化產(chǎn)品,。 說(shuō)實(shí)話,，我并不完全接受這種說(shuō)法。 如果交互定義是如此廣泛,，那么交互就顯得沒(méi)有深度,。畢竟絕大多數(shù)互聯(lián)網(wǎng)崗位都是為了讓產(chǎn)品更加好用。而且視覺(jué)設(shè)計(jì)也并不等于美工,。 . 這正是因?yàn)檫@種想法,，在設(shè)計(jì)流程中，導(dǎo)致工作定義模糊,，交互設(shè)計(jì)和產(chǎn)品經(jīng)常糾結(jié)在一起,，進(jìn)行一輪輪的PK，而視覺(jué)設(shè)計(jì)最后也被當(dāng)成美工來(lái)輸出使用,。 我之前在知乎提出了一個(gè)問(wèn)題：交互設(shè)計(jì)師和視覺(jué)設(shè)計(jì)師是否應(yīng)該是同一個(gè)職位,？ 實(shí)際上答案的“是”或“否”并不重要。重要的是作為交互或視覺(jué)的其中一員,，如何看待彼此的工作,。有趣的是，你會(huì)看到屁股決定腦袋的回答,。 題外話是,，這種不理解其他同事的工作性質(zhì)的想法，在很多設(shè)計(jì)師中也有,。設(shè)計(jì)師也會(huì)說(shuō)開發(fā)只是一個(gè)程序員罷了,，他不懂用戶體驗(yàn)。但是載入速度快,，緩沖時(shí)間短,，沒(méi)有卡頓，這些會(huì)不會(huì)為用戶體驗(yàn)加分,？ 簡(jiǎn)單思考一下,，易用性和美觀難道可以分開么？難道一個(gè)應(yīng)用操作流程非常順暢,，這個(gè)不會(huì)讓這個(gè)應(yīng)用變得更加楚楚動(dòng)人,？難道一個(gè)各種控件視覺(jué)效果出眾，位置排版整齊的軟件,，不會(huì)顯得更好用,？ 不論是產(chǎn)品，設(shè)計(jì)還是開發(fā)（開發(fā)許多地方也是為了用戶體驗(yàn),，不然前端不用那么累）都是殊途同歸——為了更好的用戶體驗(yàn),。我們很難說(shuō)一個(gè)好的交互,，差的視覺(jué)可以出來(lái)一個(gè)產(chǎn)品,，結(jié)果用戶說(shuō)交互是非常棒的,。同理，一個(gè)差的交互,，好的視覺(jué),，出來(lái)的產(chǎn)品視覺(jué)效果也不會(huì)太好。 所以,，不用把交互和視覺(jué)的職責(zé)目的分得太開,，他們只是使用的工具不同而已。 交互設(shè)計(jì)師需要用非常清晰和流暢的操作和邏輯框架來(lái)提高用戶體驗(yàn),，這些交互流程更多是隱藏在操作過(guò)程中,，有各種邏輯關(guān)系的層次。而視覺(jué)設(shè)計(jì)師使用讓我們眼睛直接感受到的視覺(jué)效果來(lái)傳達(dá)一個(gè)產(chǎn)品的意圖,，更加浮在表層上,。 可能這些說(shuō)法并不是非常具象。我一直以來(lái)比較贊同的是建筑設(shè)計(jì)行業(yè)的一套說(shuō)法——建筑設(shè)計(jì)（界面設(shè)計(jì)）,、交互設(shè)計(jì)師（結(jié)構(gòu)師）,、視覺(jué)設(shè)計(jì)師（建筑/外觀設(shè)計(jì)師）。 首先接到建筑需求后,，經(jīng)理（產(chǎn)品）會(huì)評(píng)估整個(gè)建造過(guò)程并統(tǒng)籌安排,，他應(yīng)該是最了解整個(gè)工程項(xiàng)目的進(jìn)度和細(xì)節(jié)的，最具有大局觀的人,。 在建筑設(shè)計(jì)的過(guò)程中,，結(jié)構(gòu)師（交互設(shè)計(jì)師）會(huì)設(shè)計(jì)整座建筑的結(jié)構(gòu)——樓層得有多少層，占地面積多少,，每層多少戶,，什么結(jié)構(gòu)更加穩(wěn)妥，樓梯和各種管道如何鋪設(shè),。居客很難看到結(jié)構(gòu)師做了什么,，但他們的確很重要。 而建筑/外觀設(shè)計(jì)師（視覺(jué)設(shè)計(jì)師）則會(huì)設(shè)計(jì)整座建筑的外觀,，甚至細(xì)節(jié)到每戶中房間和大廳的布局和裝修,。 這些都是為了讓居住這里的人住得更舒服。你并沒(méi)辦法說(shuō)哪個(gè)更重要,，只能說(shuō)缺誰(shuí)都不行,。 如果說(shuō)一個(gè)產(chǎn)品就好像一個(gè)人一樣，那么交互為其骨骼,，視覺(jué)則是其肌膚,。開發(fā)為其肌肉和器官，產(chǎn)品為其大腦,，而運(yùn)營(yíng)為其血液,。 所以,，設(shè)計(jì)師的同行，不要只是認(rèn)為交互只是把操作流程做得流暢,，視覺(jué)也肯定不是為了把界面做得更漂亮,。這些都不是目的。 相比開發(fā)來(lái)說(shuō),，設(shè)計(jì)能為產(chǎn)品解決的問(wèn)題的確不多,。但是，設(shè)計(jì)可以做到——讓用戶享受問(wèn)題,。 【張書泓的回答(17票)】: 先區(qū)分一下“界面”,、“視覺(jué)”、“交互”這三個(gè)詞,。 “界面”是機(jī)器中的一部分——通過(guò)這個(gè)部分,，用戶可以了解機(jī)器的狀態(tài)、對(duì)機(jī)器進(jìn)行控制,、并獲取反饋,。“界面”不僅包括圖形界面,，也包括實(shí)體界面,。 “視覺(jué)”是一種人的感官類型——通過(guò)這一個(gè)感官，用戶可以了解信息,，感知物體,，被激發(fā)情緒?！耙曈X(jué)”不僅包括美觀,，更包括引導(dǎo)。 “交互”是一種行為類別——在這種行為類別中,，用戶會(huì)發(fā)出自己的行為請(qǐng)求,，接受者隨之給予用戶反饋和后續(xù)行為的引導(dǎo)。 本質(zhì)上來(lái)講這三者沒(méi)有比較的意義,，因?yàn)樗鼈兪遣煌暯窍碌母拍睢?/p> 如果非要畫個(gè)范圍,，大致會(huì)是這樣：  它們有大量不重疊部分,。界面設(shè)計(jì)還包括很多技術(shù)層面的東西，視覺(jué)設(shè)計(jì)包括大量感官傳達(dá)的東西,，交互設(shè)計(jì)也有一些其他的純行為流程類的東西,。  它們有大量不重疊部分,。界面設(shè)計(jì)還包括很多技術(shù)層面的東西,，視覺(jué)設(shè)計(jì)包括大量感官傳達(dá)的東西，交互設(shè)計(jì)也有一些其他的純行為流程類的東西,。 -------------------------以上只是廣義上的看法------------------------------------------------------------ 現(xiàn)實(shí)工作中一般不會(huì)牽涉這么廣的看法，互聯(lián)網(wǎng)業(yè)界對(duì)著三者的理解是窄化了的概念,。 如果你到互聯(lián)網(wǎng)公司求職,，職能上可能會(huì)這樣劃分：  千萬(wàn)注意,，這只是職能上這么劃分,。 部分職能所做的事也并不是和廣義上一致的。 例如一般不存在界面設(shè)計(jì)這個(gè)層面的職位,。 例如界面布局也可能劃到交互設(shè)計(jì)范疇,。 例如界面的跳轉(zhuǎn)引導(dǎo)也可能歸到視覺(jué)設(shè)計(jì)。 總之,，這只是職能上這么劃分,。 如果你希望成為一個(gè)合格的設(shè)計(jì)師，對(duì)設(shè)計(jì)的理解和能力的千萬(wàn)別受這個(gè)邊界限制,。 一個(gè)合格的設(shè)計(jì)師“最起碼”應(yīng)該這樣理解：  要做出好東西,，理念和能力都應(yīng)盡量融通,，走得遠(yuǎn)一點(diǎn)，了解得廣一點(diǎn)更好,。 要做出好東西,，理念和能力都應(yīng)盡量融通,，走得遠(yuǎn)一點(diǎn)，了解得廣一點(diǎn)更好,。 【Tori Chao的回答(10票)】: 本人是在北美某藝術(shù)大學(xué)準(zhǔn)備進(jìn)入大二的設(shè)計(jì)系學(xué)生.對(duì)于這個(gè)問(wèn)題我本人也有疑惑.在此,我就以我們學(xué)校設(shè)計(jì)系的課程為例來(lái)探討一下.(先強(qiáng)調(diào),我自己也還未有準(zhǔn)確的答案.) 我們學(xué)校的設(shè)計(jì)系一共分為3個(gè)分支,以下是這三個(gè)分支的詳細(xì)課表.    仔細(xì)對(duì)比課表會(huì)發(fā)現(xiàn)什么呢? Interaciton design的課程,基本上可以說(shuō)是前兩者的結(jié)合,工設(shè)占的比例大一些. communication這個(gè)分支在我們學(xué)?；旧鲜悄J(rèn)為graphic design,但據(jù)說(shuō)也需要學(xué)一些coding.工設(shè)就是傳統(tǒng)的工設(shè). 因此我可以得出的結(jié)論是:交互屬于一個(gè)新的設(shè)計(jì)分支,現(xiàn)在來(lái)看,交互需要綜合工設(shè)和平面兩方面的基礎(chǔ)知識(shí),外加適應(yīng)發(fā)展越來(lái)越快的互聯(lián)網(wǎng)和移動(dòng)端設(shè)計(jì)需求. 回到問(wèn)題上來(lái)說(shuō),界面設(shè)計(jì)要看怎么理解.這個(gè)詞組,我看到的第一反應(yīng)是視覺(jué)性的設(shè)計(jì),因此可以歸入視覺(jué)設(shè)計(jì)的分類.但轉(zhuǎn)念一向,界面的易用性又要?dú)w于交互設(shè)計(jì)的范疇.所以我認(rèn)為答案有兩個(gè). 我記得上學(xué)期final project做的那個(gè)app,我基本上就是構(gòu)思界面,流程,同組法國(guó)妹子ps技術(shù)杠杠的,她負(fù)責(zé)搞圖標(biāo)和效果,然后時(shí)不時(shí)對(duì)我的流程提出一點(diǎn)意見(jiàn),那合作真是水乳交融..(大霧 總之我個(gè)人的期望,以后和一個(gè)美術(shù)功底扎實(shí)的做視覺(jué)的妹子合作,一定很不錯(cuò). 【林朝輝的回答(13票)】: 這樣的問(wèn)題,，我認(rèn)為還是用崗位職責(zé)來(lái)回答你比較容易理解： 1、界面設(shè)計(jì)和視覺(jué)設(shè)計(jì)都是美術(shù)類的崗位,，但工作分工不同： 界面設(shè)計(jì)：UI（User-Interface Design）,，用戶界面設(shè)計(jì)，例如軟件,、網(wǎng)站,、APP等； 視覺(jué)設(shè)計(jì)：Visual Design,，更多偏向品牌,、形象設(shè)計(jì)，例如廣告,、海報(bào),、周邊等； 2,、交互設(shè)計(jì)（Interaction Design）則是對(duì)人機(jī)交互界面,、反饋、流程的設(shè)計(jì),，與界面設(shè)計(jì)配合,； 3、如果以一個(gè)手機(jī)APP項(xiàng)目為例,， 交互設(shè)計(jì)讓產(chǎn)品更好用,， 界面設(shè)計(jì)讓產(chǎn)品更好看， 視覺(jué)設(shè)計(jì)讓產(chǎn)品更好賣（用戶更想用或買）,。 【楊顏的回答(2票)】: 交互設(shè)計(jì) + 視覺(jué)設(shè)計(jì) = 界面設(shè)計(jì) 交互設(shè)計(jì)內(nèi)容：1. 功能,，2. 流程，3. 邏輯 視覺(jué)設(shè)計(jì)內(nèi)容：1. 形狀,，2. 色彩,，3. 質(zhì)感 兩者重疊的內(nèi)容：布局（元素排版） 這點(diǎn)是我和 JJ Ying 理解不太一樣的地方，因?yàn)橐曈X(jué)設(shè)計(jì)也會(huì)定義布局,，所以也要對(duì)易用性負(fù)責(zé) 【鄧毅的回答(1票)】: 你可以問(wèn)別人貝克漢姆是踢中場(chǎng)的還是踢前鋒的,，但你不可能問(wèn)他是踢中場(chǎng)的還是踢足球的---足球里包含了中場(chǎng)和前鋒,。一樣的道理，界面設(shè)計(jì)是個(gè)籠統(tǒng)的說(shuō)法,，它包含了視覺(jué)和交互,。 關(guān)于它們之間的關(guān)系，看到很多知友都有精彩解答,，我不重復(fù)了,。 雖不談國(guó)事，但卻想聊聊風(fēng)月,，主要是因?yàn)榭吹搅四承┲训挠^點(diǎn)吧,。 有的朋友崇尚不區(qū)分視覺(jué)與交互，好像白鴉前輩也是這么提的,，在這里鄙人真不是有意想挑戰(zhàn)他們的思想,，只是我有一些自己的理解想說(shuō)說(shuō),。 的確有的工作相互之間交集很大,，大到在外人看來(lái)（尤其是外行）甚至可以互相搞定。就好比踢足球,，在我這個(gè)門外漢看來(lái)下底傳中都是那一腳,，按理來(lái)說(shuō)場(chǎng)上除了守門員大家都是用腳踢球的，都應(yīng)該能傳好,，但現(xiàn)實(shí)情況就是中場(chǎng),、后衛(wèi)、前鋒傳出來(lái)的效果不一樣,。 為什么效果不一樣,？為什么球場(chǎng)上要分前鋒、中場(chǎng),、后衛(wèi),、守門員？我們是不是要好好想想,？ 說(shuō)到底還是因?yàn)樾g(shù)業(yè)有專攻,，這是現(xiàn)實(shí)，也是需要,。每一種不同的崗位都有其差異,，差異或大或小，但是只要有差異就一定會(huì)造就出不同的專攻,，而且這種專攻會(huì)隨著時(shí)間的推移慢慢深化,，慢慢強(qiáng)化。 一款產(chǎn)品需要的是美與舒適,。讓產(chǎn)品美,，讓產(chǎn)品舒適的方法在根上都是源自于心理學(xué)，但是向下分支不同側(cè)重點(diǎn)有變化。 圖有抽具,，色分冷暖,，情在喜厭，層帶深淺,。如何讓產(chǎn)品看起來(lái)很美這絕對(duì)是一門很深?yuàn)W的學(xué)問(wèn),，而且這門技藝就算是你完全掌握了，如果不能保證持續(xù)不斷的強(qiáng)化它,，它仍然會(huì)在某一天離你而去,。你花10年時(shí)間成了一位視覺(jué)設(shè)計(jì)大師，但從此放下,，再花10年時(shí)間去研究交互,，其結(jié)果是你成了交互大師，但視覺(jué)設(shè)計(jì)能力也被遠(yuǎn)遠(yuǎn)的甩在了后面,。 同樣的道理,，交互設(shè)計(jì)也是一樣，猶抱琵琶半掩面才會(huì)更讓人想去一窺桃花真容顏,，這種對(duì)人性的理解源需要的是不斷地修行,，而讓產(chǎn)品使用起來(lái)行云流水所需要的功力又豈在一朝一夕？你敢分心它用嗎,？ 中場(chǎng)能傳出準(zhǔn)確的落點(diǎn)就是好中場(chǎng),，前鋒能把皮球射到門框以內(nèi)就是好前鋒，視覺(jué)搞的好看就是好視覺(jué),，交互搞的好用就是好交互,，這都需要在自己的業(yè)務(wù)內(nèi)持續(xù)不斷地修行與強(qiáng)化。 這世界不需要“差不多”先生,，也很難造就“萬(wàn)金油”先生,，物競(jìng)天擇適者生存，自然法則很殘酷,。 【梁柱華的回答(1票)】: 界面設(shè)計(jì)=視覺(jué)設(shè)計(jì)（好看嗎,？看得懂嗎？）+交互設(shè)計(jì)（怎么用,？好用嗎,？） 看了樓上某同學(xué)的怒答，補(bǔ)充一點(diǎn)注意視覺(jué)和交互是整體性工作,，只是拆分給兩個(gè)職能來(lái)做而已,，分工后要注意兩者的交叉協(xié)作。 【diecxters的回答(0票)】: 交互和視覺(jué)是一個(gè)體系下的,，界面設(shè)計(jì)是另一個(gè)層面,，其中可以包括視覺(jué)于交互,。 在流程中交互是前置于視覺(jué)設(shè)計(jì)的，因?yàn)殡x產(chǎn)品核心比較近,，這也是總在說(shuō)交互和產(chǎn)品既生于何生亮,。 在交互完成了架構(gòu)、流程,、細(xì)節(jié)等設(shè)計(jì)工作后,，就可以移交視覺(jué)設(shè)計(jì)開始著手渲染了，這個(gè)時(shí)候容易出問(wèn)題,，理念沒(méi)有傳達(dá)清楚時(shí)視覺(jué)會(huì)找不到方向和重點(diǎn),，產(chǎn)出的效果會(huì)發(fā)現(xiàn)跟交互想體現(xiàn)出的各項(xiàng)用戶感知級(jí)別不一樣 我覺(jué)得交互和視覺(jué)是情侶一樣的關(guān)系，一定要多溝通,，讓對(duì)方清楚表自己的想法,，不然會(huì)喧賓奪主、自相殘殺 【小九的回答(0票)】: 給你拓展一下,，把一個(gè)產(chǎn)品當(dāng)一個(gè)人來(lái)說(shuō)的話： 產(chǎn)品需求——這個(gè)人的性格,； 界面設(shè)計(jì)——這個(gè)人的臉是方是圓，身材是胖是瘦,，穿的是褲子還是裙子,； 視覺(jué)設(shè)計(jì)——這個(gè)人的膚色,、發(fā)色,、眼睛顏色，衣服的顏色,、樣式,； 交互設(shè)計(jì)——這個(gè)人的言行舉止； 開發(fā)——這個(gè)人的骨架和血肉,。 【饒東的回答(0票)】: 個(gè)人理解：界面設(shè)計(jì)要表現(xiàn)出產(chǎn)品的功能,，而視覺(jué)設(shè)計(jì)應(yīng)該好看且用戶能看得懂，交互設(shè)計(jì)則使用戶的體驗(yàn)統(tǒng)一,、流暢,。 【安永生的回答(0票)】: 如果要一個(gè)順序的話，我覺(jué)得是交互設(shè)計(jì)—>界面設(shè)計(jì)---->視覺(jué)設(shè)計(jì),，產(chǎn)品有了功能架構(gòu)之后,，交互設(shè)計(jì)師需要把他們串起來(lái)，什么功能放哪里,，怎么樣的流程,，之后做界面設(shè)計(jì)，每個(gè)頁(yè)面,，每個(gè)元素怎么排布,，放在哪里比較合適,，他們的大小，位置等,，然后就是視覺(jué)設(shè)計(jì),，給所有界面上色，美化,。當(dāng)然這是理想狀態(tài)下的流程,，人手不夠的小公司可能是一個(gè)人全干完了。 【ABEL蘇的回答(0票)】: 嘗試一下,，舉例描述,，肯定有不準(zhǔn)確的地方，請(qǐng)不吝拍磚： 一輛車,。 視覺(jué)設(shè)計(jì),，就是你看到的所有外觀上的設(shè)計(jì)。 界面設(shè)計(jì),，是車內(nèi)操作面板的設(shè)計(jì),。 交互設(shè)計(jì)，是車內(nèi)所有操作按鈕的分布擺放和觸發(fā)方式等設(shè)計(jì),。 【千秋的回答(0票)】: 用戶界面設(shè)計(jì)在工作流程上分為結(jié)構(gòu)設(shè)計(jì),、交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)三個(gè)部分,。 【廖兆龍的回答(0票)】: 我的理解是： 什么是交互設(shè)計(jì),？ 交互設(shè)計(jì)的對(duì)象是行為，目的是引導(dǎo)協(xié)助用戶完成一個(gè)事件或任務(wù),。在特定的環(huán)境下,，設(shè)計(jì)師通過(guò)對(duì)用戶進(jìn)行研究，綜合考慮實(shí)現(xiàn)的方式和途徑,，完成對(duì)用戶行為有邏輯的設(shè)計(jì),。 什么是視覺(jué)設(shè)計(jì)？ 視覺(jué)設(shè)計(jì)的對(duì)象是產(chǎn)品的表現(xiàn)形式,，目的是提供愉悅的視覺(jué)感受,，吸引用戶關(guān)注。設(shè)計(jì)師通過(guò)視覺(jué)元素的運(yùn)用,，打造出一套視覺(jué)語(yǔ)言,，讓用戶獲得更加愉悅的使用體驗(yàn)。 什么是界面設(shè)計(jì),？ 界面設(shè)計(jì)是一個(gè)交叉領(lǐng)域的產(chǎn)物,。它背后需要交互設(shè)計(jì)的支持，來(lái)構(gòu)建完善的邏輯架構(gòu)和信息架構(gòu),，保證產(chǎn)品的可用性,。在前端,，它需要視覺(jué)設(shè)計(jì)的支持，為用戶提供愉悅的和一致的視覺(jué)感受,?？梢哉f(shuō)界面設(shè)計(jì)是交互設(shè)計(jì)和視覺(jué)設(shè)計(jì)最終落地的成果。 在實(shí)際工作中,，一個(gè)界面的設(shè)計(jì)一般是先由交互設(shè)計(jì)完成原型的設(shè)計(jì),，再交由視覺(jué)設(shè)計(jì)師完成高保真設(shè)計(jì)。 【謝金福的回答(0票)】: 怒答,！理由是看到那個(gè)晦澀難懂的比喻回答盡然跑到了一樓,！@Na Wong 我用通俗的比喻來(lái)。請(qǐng)看圖： 我就不說(shuō)是什么菜什么雕了,。你知道這是一道菜就行。 做產(chǎn)品就像做一道菜,。 交互設(shè)計(jì)是構(gòu)思一個(gè)菜譜,，選什么顏色、材質(zhì)的主料,，搭配什么樣的佐料啊,，打扮成什么形狀樣子啊，希望發(fā)出什么香味啊等等這些是交互設(shè)計(jì)師想的,； 視覺(jué)設(shè)計(jì)師呢,，就是大致遵守交互設(shè)計(jì)師的意愿來(lái)擺放,、雕刻菜的形狀，可以根據(jù)自己的想法進(jìn)行最理想的美化，讓菜更美觀,； 程序員呢,，就是下鍋煮菜的啦，負(fù)責(zé)把菜能成能吃的,。 至于題主說(shuō)的界面設(shè)計(jì),，相對(duì)來(lái)說(shuō)，他應(yīng)該是個(gè)行為詞,，而不是一個(gè)職位名詞,，很少有叫做界面設(shè)計(jì)師的，一般都是交互設(shè)計(jì)師和視覺(jué)設(shè)計(jì)師共同完成,，很多情況下,，他們的產(chǎn)出物就是若干個(gè)界面,。當(dāng)然，這并非說(shuō)交互或者視覺(jué)僅僅是做軟件界面的哈,，國(guó)外的交互設(shè)計(jì)師在工業(yè)設(shè)計(jì)上也很流行,。 【W(wǎng)ilson Xu的回答(0票)】: 用戶體驗(yàn)的要素 (豆瓣) by Jesse James Garrett 【楊迪的回答(0票)】: 「界面設(shè)計(jì)」就是你的人機(jī)界面由哪些元素構(gòu)成,。即「設(shè)計(jì)用戶能做哪些操作及獲得怎樣的反饋」,。舉例，洗衣機(jī)的面板上要安裝哪些元件,。 「交互設(shè)計(jì)」是設(shè)計(jì)系統(tǒng)如何響應(yīng)用戶的任意可能的輸入,。通常可以由一系列的「狀態(tài)轉(zhuǎn)移圖」來(lái)描述,。一般界面設(shè)計(jì)和交互設(shè)計(jì)同時(shí)進(jìn)行,，并不會(huì)嚴(yán)格分離。舉例,，洗衣機(jī)的操作說(shuō)明書,。 「視覺(jué)設(shè)計(jì)」指具體的系統(tǒng)畫面的設(shè)計(jì)，必須以指定的軟件和硬件環(huán)境為基礎(chǔ),。范圍小的,，只需指定字體、字號(hào),、配色方案等等,。范圍大的，比如游戲,，那就可能要決定到每個(gè)像素,。舉例，不同牌子的洗衣機(jī),，哪怕功能完全一樣,，面板也不同。 【柳三的回答(0票)】: 每個(gè)角色的定義其實(shí)是很清楚的,，這里不再贅述,。但是在實(shí)際工作中，不同角色之前會(huì)有重疊,、甚至沖突,。以下是我理解的。 1. 交互設(shè)計(jì) Interactive Design （IxD）,。IxD在產(chǎn)品經(jīng)理的設(shè)計(jì)原型基礎(chǔ)上設(shè)計(jì)交互細(xì)節(jié)（一般和產(chǎn)品經(jīng)理一起完成,，但小的團(tuán)隊(duì)中,，一般就有產(chǎn)品經(jīng)理代勞了），完成交互原型,。 2. 視覺(jué)設(shè)計(jì) Visual Communication Design,。視覺(jué)設(shè)計(jì)更多偏向品牌、形象設(shè)計(jì),。對(duì)于大的團(tuán)隊(duì),，除視覺(jué)設(shè)計(jì)外，還會(huì)有User Interface Design（界面美工設(shè)計(jì),，俗稱美工,、UI），其實(shí)都可以成為Graphic Design,。在小的團(tuán)隊(duì)中,，并不區(qū)分視覺(jué)設(shè)計(jì)和美工設(shè)計(jì)。視覺(jué)設(shè)計(jì)完成整個(gè)界面設(shè)計(jì)風(fēng)格定型,、并提供主要幾個(gè)界面的視覺(jué)效果圖,。繼續(xù)細(xì)化下去，由UI（美工）在視覺(jué)效果圖,、交互原型基礎(chǔ)上,，完成剩余界面的效果圖。 3. 前端開發(fā) 通常指在互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)中,，在UI輸出的效果圖基礎(chǔ)上,，輸出HTML+CSS界面。這部分工作不涉及業(yè)務(wù)處理,、不用寫js,，有的團(tuán)隊(duì)就是由UI兼做，也有的由開發(fā)完成歸屬開發(fā)部,。 界面設(shè)計(jì)： 以上的視覺(jué)設(shè)計(jì)（含UI）+交互設(shè)計(jì)+前端開發(fā)統(tǒng)稱為界面設(shè)計(jì),，在言必稱用戶體驗(yàn)、人人都是產(chǎn)品經(jīng)理時(shí)代,，大家更多用 User Experience Design（UED 用戶體驗(yàn)設(shè)計(jì)）來(lái)稱呼,。 【李寧的回答(0票)】: 個(gè)人覺(jué)得這3個(gè)概念還是有區(qū)別的：） 交互設(shè)計(jì)，主要指創(chuàng)造,，人與產(chǎn)品、系統(tǒng)或者服務(wù)之間的會(huì)話方式,。 界面設(shè)計(jì),，主要關(guān)注在對(duì)于一個(gè)界面用什么顏色，控件怎么擺放,，一些比較具體和細(xì)節(jié)的東西,。通常在交互設(shè)計(jì)方式確定后,，才需要考慮界面設(shè)計(jì) 視覺(jué)設(shè)計(jì)，更專指針對(duì)視覺(jué)感官上的設(shè)計(jì),。（所以,，如果是針對(duì)盲人的交互設(shè)計(jì)，就不存在視覺(jué)設(shè)計(jì)） 【王瑩的回答(0票)】: 寫回答…界面設(shè)計(jì)：界面設(shè)計(jì)從整體布局和視覺(jué)效果,、文字使用,、圖像使用、色彩使用,、操作方便性和超鏈接等六方面著手,。 視覺(jué)設(shè)計(jì)：視覺(jué)設(shè)計(jì)的趨勢(shì)是以人為本,關(guān)注人的感受和情感。 交互設(shè)計(jì)：交互設(shè)計(jì)在使用網(wǎng)站,、軟件,、消費(fèi)產(chǎn)品等各種服務(wù)的時(shí)候,使用過(guò)程中的感覺(jué)就是一種交互體驗(yàn)。 【簡(jiǎn)生的回答(0票)】: 關(guān)于題目中的疑問(wèn),，我覺(jué)得@張書泓 已經(jīng)回答得很系統(tǒng)很規(guī)范了,。 所以我就純粹東扯西扯一下吧。 要理解「視覺(jué)」和「交互」,，實(shí)體產(chǎn)品會(huì)更加直觀,。 如下圖： 第一眼看過(guò)去，眼睛充分感受到真皮坐墊的高雅氣質(zhì),！ 坐下之后,，屁股也完全體會(huì)到真皮坐墊的舒適感！ 對(duì)于PC端的互聯(lián)網(wǎng)產(chǎn)品,，一般情況下很難劃分「視覺(jué)」和「交互」這兩樣?xùn)|西。 大多數(shù)互聯(lián)網(wǎng)產(chǎn)品的操作,，都是通過(guò)鼠標(biāo)來(lái)完成,。 而鼠標(biāo)操作中，絕大部分都是「點(diǎn)擊」操作,，當(dāng)然還有一些類似「拖放」的操作,，但比例遠(yuǎn)低于「點(diǎn)擊」。 所以,，對(duì)于「觸感交互」來(lái)說(shuō),，鼠標(biāo)的質(zhì)量已經(jīng)決定了絕大部分的「觸感交互」體驗(yàn)。 回到互聯(lián)網(wǎng)產(chǎn)品，它帶給用戶的交互,，無(wú)非就是腦補(bǔ),！ 為什么是腦補(bǔ)？ 因?yàn)榛ヂ?lián)網(wǎng)產(chǎn)品里面,，絕大多數(shù)的「交互反饋」都是「視覺(jué)反饋」,，偶爾也會(huì)用到「音頻反饋」。但毫無(wú)疑問(wèn),，視覺(jué)所占的比重是最大的,。 例如：點(diǎn)擊一個(gè)按鈕，按鈕的陰影(視覺(jué))有沒(méi)有及時(shí)出現(xiàn)(交互),。如果超出了有效腦補(bǔ)時(shí)間才呈現(xiàn),，那體驗(yàn)就十分糟糕了。 上面的設(shè)計(jì),，你們說(shuō)怎么劃分功勞,？ 陰影(視覺(jué))做得不好，交互就差了,。 響應(yīng)(開發(fā))不夠快,，交互就差了。 額,，這樣一看,，貌似交互設(shè)計(jì)師什么都沒(méi)做。好吧,，先把發(fā)現(xiàn)問(wèn)題的功勞歸他,。 當(dāng)然，這個(gè)例子屬于操作細(xì)節(jié)上的交互,。假如電腦內(nèi)存吃緊導(dǎo)致卡機(jī),，這時(shí)用戶體驗(yàn)就會(huì)很差，也就是指操作細(xì)節(jié)的交互很糟糕,。 對(duì)于智能手機(jī)的產(chǎn)品,，交互點(diǎn)就豐富多了。 看看下面這個(gè)經(jīng)典的例子——下拉刷新： 如果單看這張圖，交互重點(diǎn)依然是視覺(jué),。 如果單看這張圖,，交互重點(diǎn)依然是視覺(jué),。 但這是一個(gè)愛(ài)瘋上的App,，可以加上震動(dòng)來(lái)分擔(dān)視覺(jué)交互上的壓力,，讓用戶的觸覺(jué)是多維度的,。 而整個(gè)操作中，手指的擺放和滑動(dòng)方向是否舒適,，也占了交互體驗(yàn)的很大比例,。 我覺(jué)得，交互設(shè)計(jì)師更大的價(jià)值是在于業(yè)務(wù)流程的打磨和剖析,。 把一個(gè)需要10步完成的操作,，壓縮到5步去完成。又或者是,，減少每一步操作的消耗時(shí)間,。 毫無(wú)疑問(wèn)，這些也是腦補(bǔ)行為,。假如你沒(méi)有試過(guò)10步才能完成的操作,，你就不會(huì)覺(jué)得5步的操作是多么的美好。 然而這些,，往往才是一個(gè)產(chǎn)品的競(jìng)爭(zhēng)力,。 對(duì)于一批核心功能相同的產(chǎn)品。 精美的視覺(jué)設(shè)計(jì),，決定了嘗鮮用戶的數(shù)量,。 暢快的視覺(jué)交互，決定了活躍用戶的數(shù)量,。 良好的業(yè)務(wù)流程,，才能讓用戶形成依賴，增加了用戶的更換產(chǎn)品的成本,，形成一定的競(jìng)爭(zhēng)力,。 是不是想知道，什么才是最核心的競(jìng)爭(zhēng)力呢,？ 答案在本文最后放出,。XD 說(shuō)到這里，你是不是覺(jué)得交互設(shè)計(jì)師牛逼哄哄的,，立馬想卷起袖子找這樣的工作,。 哎，孩子,！還是洗洗睡吧,。 業(yè)務(wù)流程的最大瓶頸，幾乎都是技術(shù)瓶頸,。 在沒(méi)有Flash插件的年代,，靠瀏覽器提供的API想一次上傳多張圖片,？工程師只會(huì)對(duì)你：呵呵... 所以，那些真正具有顛覆性的交互操作,，往往都是工程師驅(qū)動(dòng)的,。 看看Google X的那些項(xiàng)目就知道。當(dāng)中的自動(dòng)駕車系統(tǒng),，對(duì)于有視覺(jué)障礙的用戶,，就是一級(jí)棒的交互體驗(yàn)。 并沒(méi)有黑交互設(shè)計(jì)師的意思,。 但說(shuō)句老實(shí)話,，絕大多數(shù)公司，哪有分工分得那么仔細(xì)的,。 哪怕真的分開了視覺(jué)和交互的崗位,，保不準(zhǔn)哪天缺人手，交互也要做UI,。 而且交互設(shè)計(jì)師這類工種,，顯然就是需要依賴在分工極度明細(xì)的公司之下。 一個(gè)理論化的產(chǎn)品開發(fā)流程： > 上廁所閃過(guò)一個(gè)點(diǎn)子 > 分析調(diào)研后寫需求分析 > 跟上級(jí)匯報(bào)獲得資源 > 確定主業(yè)務(wù)邏輯 > 產(chǎn)品原型 > 操作流程優(yōu)化 > 技術(shù)可行性分析 > 視覺(jué)設(shè)計(jì) > 開發(fā) > 測(cè)試 > 發(fā)布 > 維護(hù)(更新) 最后,， 什么才是最核心的競(jìng)爭(zhēng)力,？ 免費(fèi)！ |
|
|
