正文

交互設(shè)計(jì)怎么做（產(chǎn)品交互設(shè)計(jì)）

發(fā)布時(shí)間：2023-04-28 13:19:24 稿源：創(chuàng)意嶺閱讀： 1254

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于交互設(shè)計(jì)怎么做的問題，以下是小編對(duì)此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀企業(yè)，服務(wù)客戶遍布全國，設(shè)計(jì)相關(guān)業(yè)務(wù)請(qǐng)撥打175-8598-2043，或微信：1454722008

本文目錄:

1、如何學(xué)會(huì)交互設(shè)計(jì)
2、交互產(chǎn)品設(shè)計(jì)開發(fā)流程那五步
3、交互設(shè)計(jì)基本知識(shí)整理
4、UI新手如何自學(xué)交互設(shè)計(jì)？

交互設(shè)計(jì)怎么做（產(chǎn)品交互設(shè)計(jì)）

一、如何學(xué)會(huì)交互設(shè)計(jì)

交互設(shè)計(jì)（英文Interaction Design, 縮寫IXD)，是定義、設(shè)計(jì)人造系統(tǒng)的行為的設(shè)計(jì)領(lǐng)域，它定義了兩個(gè)或多個(gè)互動(dòng)的個(gè)體之間交流的內(nèi)容和結(jié)構(gòu)，使之互相配合，共同達(dá)成某種目的。交互設(shè)計(jì)努力去創(chuàng)造和建立的是人與產(chǎn)品及服務(wù)之間有意義的關(guān)系，以“在充滿社會(huì)復(fù)雜性的物質(zhì)世界中嵌入信息技術(shù)”為中心。交互系統(tǒng)設(shè)計(jì)的目標(biāo)可以從“可用性”和”用戶體驗(yàn)“兩個(gè)層面上進(jìn)行分析，關(guān)注以人為本的用戶需求。

1. 看書?？磿词裁磿?？你可以先去看【破繭成碟—用戶體驗(yàn)設(shè)計(jì)師之路】了解整個(gè)交互的工作流程是怎么樣的（前面已經(jīng)說過）。然后看看【點(diǎn)石成金】【簡(jiǎn)約至上】【用戶體驗(yàn)要素】【設(shè)計(jì)師要懂的心理學(xué)】等等，先樹立起做交互基礎(chǔ)思維，千萬不要一開始去看【交互設(shè)計(jì)精髓】，里邊講的東西比較深?yuàn)W你會(huì)看不懂的，看了還傷學(xué)習(xí)的沖勁。至今我還在研究【交互設(shè)計(jì)精髓】上所說的東西。

2. 玩app 。手上應(yīng)當(dāng)準(zhǔn)備兩部不同平臺(tái)的手機(jī)，Android和ios，助你了解Android平臺(tái)和ios平臺(tái)設(shè)計(jì)規(guī)范的不同。你可以多下載一些蘋果商店推薦的app，各個(gè)類型的都下載幾個(gè)來玩玩，研究別人app上各個(gè)功能信息為什么要這樣構(gòu)架。比如知乎上添加回答頁面中，為什么鍵盤頂上的那條欄要放置那幾個(gè)小功能？比如淘寶購物流程，為什么點(diǎn)擊提交訂單按鈕直接彈出支付密碼輸入框？一定要帶著腦子去看和玩app 。而且新手要經(jīng)?？矗挥锌站涂淳脱芯?。主要研究：流程為什么這樣子設(shè)計(jì)、信息為什么這樣子架構(gòu)、各個(gè)控件的交互樣式。

還有我推薦可以動(dòng)手用ps臨摹電商的詳情頁，和列表頁布局，看看人家是怎么做的。臨摹的時(shí)候?qū)㈨撁媾珊诎椎?。讓你更加容易了解別人如何做層級(jí)結(jié)構(gòu)。

3. 學(xué)軟件。學(xué)習(xí)什么軟件？繪制原型的axure ；信息構(gòu)架的xmind；流程圖繪制的Visio 。這些都是比較主流的交互工作中使用到的軟件，也不給你推薦那么多其他的，給你個(gè)唯一的你就不糾結(jié)到底選什么了。還有附加軟件: Photoshop 。你起碼要學(xué)會(huì)這四個(gè)才能在工作中使用軟件得心應(yīng)手。

對(duì)了，你也可以用axure來畫流程圖，不過就是沒那么專業(yè)。

還有，學(xué)axure 一開始你可以不必那么深入，因?yàn)橐话阕灾餮邪l(fā)產(chǎn)品的公司不會(huì)讓出動(dòng)態(tài)的原型圖，只會(huì)做出靜態(tài)的。靜態(tài)的方便程序，UI，產(chǎn)品去查看。等你可以上手項(xiàng)目之后，你再慢慢研究axure的動(dòng)態(tài)使用吧（以防將來要出動(dòng)態(tài)圖）。

4. 記住并了解清楚可用性十大原則，熟讀ios設(shè)計(jì)規(guī)范、Android設(shè)計(jì)規(guī)范。做完這件事之后才去實(shí)踐項(xiàng)目吧！

5. 試著做項(xiàng)目。準(zhǔn)備得差不多了就要開始實(shí)踐了。實(shí)踐是檢驗(yàn)真理的唯一標(biāo)準(zhǔn)。你在書上學(xué)到了多少東西就在你做的項(xiàng)目中體驗(yàn)出來。你可以自己試著策劃一個(gè)小應(yīng)用，自己提點(diǎn)小需求，然后自己試著把交互弄出來。弄出來后怎么辦？當(dāng)然找大神指導(dǎo)啦，一定要厚著臉皮去，不要怕發(fā)打大神的傲氣高揚(yáng)?；蛘吣阋部梢栽囍倪M(jìn)某些產(chǎn)品中你發(fā)現(xiàn)的交互問題。反正就是要嘗試做項(xiàng)目，因?yàn)槟銓⒁眠@些項(xiàng)目來進(jìn)行接下來的交互實(shí)習(xí)面試。

5. 反復(fù)做項(xiàng)目并看書，總結(jié)自己的優(yōu)缺。做項(xiàng)目不能停。需要不斷地做項(xiàng)目，才能驗(yàn)證你學(xué)到哪些東西。邊做項(xiàng)目邊看書。然后總結(jié)自己在項(xiàng)目中的優(yōu)缺。最后將自己認(rèn)為做好的一個(gè)項(xiàng)目拿去面試。面試的項(xiàng)目不需要多，那一個(gè)精品就足夠了。

二、交互產(chǎn)品設(shè)計(jì)開發(fā)流程那五步

1、用戶研究

交互設(shè)計(jì)的初衷就是解決用戶的問題。不論設(shè)計(jì)什么產(chǎn)品，能夠被用戶認(rèn)可的途徑只有這個(gè)產(chǎn)品解決了他們生活中的一個(gè)問題。交互設(shè)計(jì)的第一步，不論是對(duì)成熟產(chǎn)品還是初創(chuàng)產(chǎn)品都一樣，就是定義這個(gè)設(shè)計(jì)到底要解決用戶的什么問題，這一步可以說至關(guān)重要。

2、確定人物角色（Persona）并建模

如果第一步的用戶研究有所成功，這時(shí)你應(yīng)該對(duì)你的用戶有所了解了。根據(jù)上面提到的五個(gè)方面，你需要挑揀出最典型的一個(gè)或幾個(gè)形象建模。例如逛知乎的人物角色可能有：比較普通的求知者、特定領(lǐng)域的專家、到處灌水的……

3、畫線框圖、制作原型

到了這里，你對(duì)你的交互方案已經(jīng)有了一個(gè)很抽象的想法了，只需要把它具象化就可以了。這時(shí)候需要做的就是把流程圖以及線框圖畫出來，它可以幫你把產(chǎn)品的邏輯理順，同時(shí)也是跟PM以及程序員溝（si）通（bi）的利器，特別是對(duì)于比較復(fù)雜的產(chǎn)品來說，流程圖、線框圖顯得尤為重要。

4、測(cè)試評(píng)估

丨專業(yè)人士測(cè)試評(píng)估

原型完成后召集兩三個(gè)設(shè)計(jì)師或者對(duì)交互比較了解的人，使用并評(píng)測(cè)原型。你可以將原型所關(guān)注的幾個(gè)任務(wù)列出來，以免專家不知道原型哪部分可交互哪部分不可交互。

丨用戶測(cè)試評(píng)估

原型通過專家評(píng)測(cè)后，你可以找一些典型用戶使用原型。你可以把任務(wù)列給他們，讓他們自己嘗試完成任務(wù)。中間遇到的問題可以記錄下來，設(shè)計(jì)師通過觀察來進(jìn)行評(píng)分。

5、改善設(shè)計(jì)，持續(xù)迭代

說到最后，交互設(shè)計(jì)的精髓不就是產(chǎn)品的迭代么，哪里沒做好改哪里。對(duì)于開發(fā)周期很長的產(chǎn)品，互聯(lián)網(wǎng)行業(yè)賦予設(shè)計(jì)師最大的自由度，就是隨時(shí)沒做好，咱就改唄~具體步驟就是酌情重復(fù)前面四步啦~

三、交互設(shè)計(jì)基本知識(shí)整理

交互設(shè)計(jì)：人與產(chǎn)品（系統(tǒng)/應(yīng)用/服務(wù)等）互動(dòng)交流溝通的過程設(shè)計(jì)；產(chǎn)品的輸入方式是否直觀、簡(jiǎn)單、清晰、安全；產(chǎn)品的輸出方式在不同環(huán)境中的適應(yīng)性、以人類和文化角度表述而易于被理解。

基本原則/標(biāo)準(zhǔn)

1、易用性易用性包括：易理解性、易學(xué)習(xí)性、易操作性。2、交互設(shè)計(jì)的目標(biāo)劃分·讓用戶容易理解：層次清晰；功能區(qū)塊的劃分明確；區(qū)分可交互元素與不可交互元素；入口要明確，區(qū)分優(yōu)先級(jí)；·讓用戶操作簡(jiǎn)單：符合常規(guī)的操作流程；符合平臺(tái)的交互特性；產(chǎn)品自身操作的一致性；及時(shí)反饋；更短的交互路徑；減少用戶記憶；減少輸入，幫助用戶做選擇；防錯(cuò)&容錯(cuò)（不可用置灰、格式限制、可撤銷）；

3、尼爾森十大可用性原則

1.狀態(tài)可見原則2.環(huán)境貼切原則3.撤銷重做原則4.一致性原則5.防錯(cuò)原則6.易取原則7.靈活高效原則8.易掃原則9.容錯(cuò)原則10.人性化幫助原則

4、諾曼的設(shè)計(jì)學(xué)三層次（《設(shè)計(jì)心理學(xué)》）與交互設(shè)計(jì)目標(biāo)體驗(yàn)?zāi)繕?biāo)/本能層次——想給用戶/用戶想要什么樣的感覺（激發(fā)情感、喚醒某種記憶、視覺/聽覺/嗅覺等的刺激帶來的情感最終目標(biāo)/行為層次——用戶想做什么（使用產(chǎn)品的目的）人生目標(biāo)/反思層次——用戶想要成為什么樣的人（品牌形象）

6、滿足不同的需求

用戶。產(chǎn)品，自我需求

7、用戶體驗(yàn)相關(guān)設(shè)計(jì)原則減少用戶輸入/避免重復(fù)、過多的操作（減少頁面跳轉(zhuǎn)；重要信息前置-不需要點(diǎn)擊就可以看到；先露出一部分，點(diǎn)擊后展開，讓跳轉(zhuǎn)過程更加自然、順滑；）交互設(shè)計(jì)元素與非交互設(shè)計(jì)元素區(qū)分明顯防錯(cuò)&容錯(cuò)幫助用戶記憶適當(dāng)引導(dǎo)、提供幫助交互路徑清晰、讓用戶知道自己所處的位置保持一致性文案清晰易懂直覺設(shè)計(jì)設(shè)計(jì)流程/方法

其它

1、反饋設(shè)計(jì)的重要性2、一些必要的關(guān)乎設(shè)計(jì)學(xué)的定律奧卡姆剃刀原則：如無必要，勿增實(shí)體。菲茲定律：到達(dá)目標(biāo)的時(shí)間與移動(dòng)距離成正比，與目標(biāo)大小成反比。?？硕桑哼x擇越多，選擇時(shí)間越長。對(duì)于設(shè)計(jì)而言，可以幫助用戶選擇（默認(rèn)選擇、不可選的情況置灰）、減少選項(xiàng)、或者將選項(xiàng)分類、區(qū)分權(quán)重、讓用戶分步選擇等。讓用戶一次面對(duì)的選項(xiàng)較少。特斯勒定律：復(fù)雜性守恒定律。產(chǎn)品的復(fù)雜性守恒不變，想要讓用戶在使用中變得簡(jiǎn)單，需要將復(fù)雜性轉(zhuǎn)移給程序來處理，減少用戶的操作，提高輸入效率，讓人來做一些決策等簡(jiǎn)單但是具有控制權(quán)的事情。美即好用效應(yīng)：當(dāng)產(chǎn)品足夠美觀、吸引人時(shí)，用戶可以容忍一些操作上的不方便。比較適合于文藝類、慢生活類的產(chǎn)品。不是故意做得難用，而是在設(shè)計(jì)決策時(shí)，可以為了美觀犧牲一些操作效率，如增大留白/顯示面積會(huì)讓瀏覽效率降低。多爾蒂門檻：系統(tǒng)/產(chǎn)品對(duì)于用戶的操作響應(yīng)時(shí)間<400ms，才能讓用戶保持專注，提高沉浸感與效率。一方面對(duì)于動(dòng)效設(shè)計(jì)而言，時(shí)間需要把控，不能過長。另一方面，對(duì)于網(wǎng)絡(luò)、設(shè)備性能等引起的等待時(shí)間過長，可以考慮使用過渡方式（過渡動(dòng)畫、占位符）來減緩用戶的焦慮情緒。雅各布定律：操作方式與主流產(chǎn)品或者同類型方式保持一致，可以讓用戶更快上手。沒有更好的交互方式時(shí)，采用通用的方式會(huì)讓人更容易接受。簡(jiǎn)潔法則：人的大腦會(huì)簡(jiǎn)化、歸納、過濾外在的信息，方便簡(jiǎn)單快速的理解外在的世界。鄰近原則&相似原則：距離接近/具有相似性特點(diǎn)的對(duì)象會(huì)被認(rèn)為是一組。模塊內(nèi)部、模塊之間的距離、樣式的一致/差異會(huì)區(qū)分不同的模塊。帕累托原則：二八定律。對(duì)于大多數(shù)事件，80%影響由20%的因素造成。帕金森定律：任何任務(wù)都會(huì)拖延，直到可用的時(shí)間都用完為止。同域原則：元素在一個(gè)具有明顯邊界的區(qū)域內(nèi)，會(huì)被認(rèn)為是一組的。類似卡片風(fēng)格，卡片內(nèi)的內(nèi)容被認(rèn)為是一組。米勒定律：短時(shí)記憶，人平均能記住7±2個(gè)項(xiàng)目。對(duì)于信息展示而言，一次展示的條目不宜過多。馮·雷斯托夫效應(yīng)：當(dāng)存在多個(gè)相似的對(duì)象時(shí)，與眾不同的那個(gè)容易被記住。對(duì)于設(shè)計(jì)而言，這也是“設(shè)計(jì)點(diǎn)”的所在。突出真正重要的內(nèi)容。蔡格尼克記憶效應(yīng)：人們對(duì)于未完成的任務(wù)的記憶比已完成的更深刻。對(duì)于任務(wù)的設(shè)計(jì)，需要同時(shí)關(guān)注已完成與未完成，促使、激勵(lì)人們?nèi)ネ瓿晌赐瓿傻娜蝿?wù)。3、交互設(shè)計(jì)五要素——

人、動(dòng)作、工具或媒介、目的和場(chǎng)景構(gòu)成交互設(shè)計(jì)的五要素

四、UI新手如何自學(xué)交互設(shè)計(jì)？

UI新手如何自學(xué)交互設(shè)計(jì)？經(jīng)常有人問我新手如何自學(xué)交互設(shè)計(jì)，我之前也錄過一個(gè)視頻給大家，沒想到放到網(wǎng)上后點(diǎn)擊率很高，看來對(duì)新人是的確有幫助的。所以今天再次針對(duì)這個(gè)問題做闡述，修正了第一版的一些內(nèi)容，也更具有針對(duì)性。

以下七點(diǎn)是我歸納的大家在學(xué)習(xí)和工作中經(jīng)常感到困惑的問題，下面就逐一解答。

順便在此給大家分享一個(gè)學(xué)平面設(shè)計(jì)的網(wǎng)站“兔課網(wǎng)”，大家可以百度搜一下：兔課網(wǎng)，兔課網(wǎng)是一個(gè)專門學(xué)設(shè)計(jì)的網(wǎng)站，上面有很多的設(shè)計(jì)教程，還有一個(gè)魔鬼特訓(xùn)班，魔鬼特訓(xùn)班大家可以挑戰(zhàn)一下，很多人的學(xué)習(xí)效果都非常不錯(cuò)！

一、令人眼花繚亂的專業(yè)術(shù)語

專業(yè)術(shù)語這個(gè)問題的確令人頭疼，來看看下面的對(duì)應(yīng)關(guān)系：

在這四對(duì)關(guān)系中，GUI對(duì)應(yīng)界面視覺（畫icon，畫視覺效果）、PM對(duì)應(yīng)產(chǎn)品經(jīng)理是比較準(zhǔn)確的，但是UI這個(gè)詞相對(duì)來說就比較混亂了。有人認(rèn)為UI是視覺設(shè)計(jì)，有人認(rèn)為UI是交互設(shè)計(jì)，這是有一定的歷史原因的。在很多的大公司里，我指的是諸如騰訊、阿里、百度、谷歌這樣的巨頭，它們的UI分工是很明確的，指的就是交互設(shè)計(jì)，交互設(shè)計(jì)師的主要任務(wù)就是發(fā)掘需求以及根據(jù)需求來進(jìn)行構(gòu)架。但是在一些小公司里是沒有專門的交互設(shè)計(jì)的崗位的，UI設(shè)計(jì)師通常既要做交互也要做視覺，這就造成了UI的指向不是很明確。所以有時(shí)候很多同學(xué)找我說要學(xué)UI，我其實(shí)不太清楚他們到底是想學(xué)視覺還是交互的。

UE這個(gè)詞常見于一些大公司，它其實(shí)只是為了跟UI有區(qū)分，指的真的就是交互設(shè)計(jì)師。但是UE在做交互的同時(shí)也多參與一些用戶研究的內(nèi)容，這樣的崗位一般只有規(guī)模比較大的公司才設(shè)置。在很多公司里，發(fā)展到后期你可能既是交互設(shè)計(jì)師也是產(chǎn)品經(jīng)理，因?yàn)榻换ピO(shè)計(jì)師和產(chǎn)品經(jīng)理在前期的工作任務(wù)中，特別是對(duì)需求的把控上，有很多是重合的。這就是四個(gè)名詞所代表的意思了。

二、交互和視覺如何分工

下面我們?cè)賮砜纯匆曈X設(shè)計(jì)師和交互設(shè)計(jì)師工作職責(zé)的差異，下圖形象的展示了兩者不同的任務(wù)：

視覺設(shè)計(jì)主要包括Logo、界面元素、圖標(biāo)（icon）、色彩與字體、形狀與尺寸以及視覺效果設(shè)計(jì)，它的關(guān)注點(diǎn)是“界面”，把界面更好地呈現(xiàn)出來。雖然我在視覺設(shè)計(jì)下方標(biāo)注了“關(guān)注美麗”，但這只是區(qū)別于交互設(shè)計(jì)來說的，光是“美麗”是不夠的，還要注意信息的可讀性和易讀性。視覺設(shè)計(jì)與平面設(shè)計(jì)不同，比如說給一個(gè)房地產(chǎn)公司做宣傳海報(bào)，雇主要求海報(bào)視覺上打動(dòng)人，文案也要有亮點(diǎn)吸引人，這是平面設(shè)計(jì)；但是GUI的話，不管是做手機(jī)的APP還是WEB也好TV也好，要考慮到每一條信息都是要給用戶讀取的，這就要求視覺要有穩(wěn)定性，不能有些易讀有些難讀。

作為交互設(shè)計(jì)師更關(guān)注的是“邏輯”，在做設(shè)計(jì)的時(shí)候?qū)嶋H上是在建立一種體系。也就是說在設(shè)計(jì)產(chǎn)品的時(shí)候要考慮出口入口、尋找需要元素、如何操作等等。所以說交互設(shè)計(jì)師前期需要進(jìn)行需求分析，要更好地區(qū)理解和分析用戶的需求，然后要進(jìn)行信息構(gòu)架，畢竟需求最終要反映在信息構(gòu)架上面。什么是信息構(gòu)架呢？你看我們使用的手機(jī)，圖片有自己的固定位置，導(dǎo)航有自己固定的位置，文字、說明也有固定的位置，這些東西就是由信息構(gòu)架來決定的。還要說明的是文案，這也是屬于交互設(shè)計(jì)范疇的，因?yàn)榻缑嫘枰O(shè)計(jì)一些信息被用戶讀取。

所以說基本上交互是帶著視覺前進(jìn)的，因?yàn)榻换ヒ獙?duì)最終的體驗(yàn)負(fù)責(zé)，而視覺也是體驗(yàn)的一部分。

三、工作的流程

下面來談?wù)劜煌娜藛T在具體工作中的分工：

先來看產(chǎn)品經(jīng)理，產(chǎn)品經(jīng)理要對(duì)項(xiàng)目的最終的結(jié)果負(fù)責(zé)。產(chǎn)品經(jīng)理一般來說要為項(xiàng)目背黑鍋，比如老板要求三個(gè)月做出產(chǎn)品并且目標(biāo)用戶達(dá)到十萬，那么這些任務(wù)就落到產(chǎn)品經(jīng)理的身上。

然后產(chǎn)品經(jīng)理對(duì)交互設(shè)計(jì)師的要求可能就是要保證產(chǎn)品的構(gòu)架清晰，有良好的體驗(yàn)。那么交互設(shè)計(jì)師要根據(jù)這些要求去挖掘其他的需求，然后根據(jù)用戶的反饋或者是迭代的一些東西做一個(gè)完美的信息構(gòu)架，把信息先設(shè)計(jì)出來。哪塊放導(dǎo)航，哪塊放圖片，哪塊放主體內(nèi)容，到底采用什么樣的結(jié)構(gòu)，這些都是要考慮的。

交互設(shè)計(jì)進(jìn)行到0.5版本時(shí)，即把產(chǎn)品的大體結(jié)構(gòu)設(shè)計(jì)出來后，這時(shí)視覺設(shè)計(jì)師和開發(fā)人員就可以加入進(jìn)來了。視覺設(shè)計(jì)師開始畫界面，根據(jù)信息把視覺呈現(xiàn)出來，比如重要的信息顏色可能更醒目一點(diǎn)，同時(shí)保證視覺流的平衡，總之為最終的“美麗”服務(wù)；開發(fā)人員的職責(zé)就是實(shí)現(xiàn)效果。進(jìn)入1.0版本，視覺效果做好后做高保真的迭代呈現(xiàn)給用戶或上級(jí)等。這時(shí)候測(cè)試人員也要跟進(jìn)了，做一些可用性測(cè)試、bug測(cè)試以及體驗(yàn)測(cè)試。

我講的比較籠統(tǒng)，只是把大致的流程梳理一下，讓大家看到各個(gè)角色是怎么分配的，因?yàn)榭紤]到新人講得太細(xì)的話也不一定能夠明白。

四、視覺類UI的自學(xué)

視覺類UI我們稱之為GUI，從軟件篇來看的話，有些培訓(xùn)機(jī)構(gòu)是有點(diǎn)坑人的（這里就不點(diǎn)名了），因?yàn)榇蟛糠止局灰肞S就可以了，即精確地把圖片畫出來然后切圖。交互設(shè)計(jì)師一般用PTT和AXUR來做原型，這三款軟件基本上就可以覆蓋你的職業(yè)生涯了。但是很多培訓(xùn)結(jié)構(gòu)卻讓學(xué)員花費(fèi)大量的金錢和時(shí)間學(xué)習(xí)軟件。剩下的一下軟件像AE/flash屬于錦上添花的技能：AE可以輸出高保真原型動(dòng)畫，便于展示你的想法；flash可以做高保真的交互動(dòng)畫。其實(shí)這些東西在企業(yè)里是有研發(fā)人員協(xié)助你完成的，所以會(huì)更好，不會(huì)也無大礙。IOS是有專門的軟件處理高保真原型的，可以現(xiàn)用現(xiàn)學(xué)，不太復(fù)雜。

所以總的來說還是要把PS練好。我特別想告誡新人的是：軟件和設(shè)計(jì)完全是兩回事，軟件用得熟練不代表設(shè)計(jì)做得好，它們只是實(shí)現(xiàn)設(shè)計(jì)的工具和手段。而設(shè)計(jì)的學(xué)習(xí)重在培養(yǎng)思維和視野。

下面簡(jiǎn)單介紹一下視覺流行的三種風(fēng)格：

這個(gè)是水晶風(fēng)格，由微軟首創(chuàng)，現(xiàn)在中國的rigo design也是做的不錯(cuò)的。水晶風(fēng)格的特點(diǎn)是晶瑩、有玻璃質(zhì)感和光感，rigo design已經(jīng)把水晶風(fēng)格做得很棒了，貼兩張圖看看：

下面來看擬物風(fēng)格：

新手如果想快速學(xué)習(xí)的話可以嘗試臨摹擬物風(fēng)格的作品，這個(gè)確實(shí)難度是比較大的。蘋果原來就是擬物風(fēng)格的代表。來欣賞一些作品，畫得的確精致：

還有扁平化風(fēng)格的設(shè)計(jì)：

以及中國風(fēng)的設(shè)計(jì)：

中國風(fēng)的東西盡量還是不要做了，這種風(fēng)格其實(shí)只適合比賽。真實(shí)的項(xiàng)目里對(duì)icon識(shí)別度的要求是很高的，中國風(fēng)的設(shè)計(jì)識(shí)別度太差了。對(duì)icon來說，美觀不是第一位的，識(shí)別度才是。

零基礎(chǔ)的新人我建議采用這樣的方法來提高自己的視覺設(shè)計(jì)能力：先臨摹一個(gè)icon，然后根據(jù)這個(gè)icon的風(fēng)格設(shè)計(jì)其他的icon。臨摹考驗(yàn)的是你對(duì)軟件的熟悉程度以及對(duì)細(xì)節(jié)捕捉的能力，而自己模仿設(shè)計(jì)才是真正提高設(shè)計(jì)能力的。這兩步認(rèn)真走下來基本上可以勝任初級(jí)的視覺設(shè)計(jì)師了。

icon臨摹完之后可以嘗試畫一些界面，找找界面的感覺。特別是一些跨專業(yè)的新人，通過臨摹找設(shè)計(jì)感覺是比較好的方法。

五、交互設(shè)計(jì)需要掌握的知識(shí)

交互設(shè)計(jì)的自學(xué)是非常困難的，最好有人帶，有人點(diǎn)撥。這也是我們集創(chuàng)堂現(xiàn)在主要做的事情，帶一些有經(jīng)驗(yàn)的設(shè)計(jì)師提高交互設(shè)計(jì)的能力。如果想自學(xué)的話，一般來講需要培養(yǎng)一下三種能力：

心理學(xué)的能力有助于了解、定位用戶，讓你能更好地在產(chǎn)品的博弈中找準(zhǔn)用戶的的需求，繼而發(fā)掘出更符合用戶內(nèi)心的一種設(shè)計(jì)模式，所以心理學(xué)的知識(shí)作用還是很大的。

邏輯學(xué)的知識(shí)幫助設(shè)計(jì)師將找到的用戶需求構(gòu)建出來，形成一種體系，讓產(chǎn)品更好用。做產(chǎn)品需求很強(qiáng)的邏輯性，哪些需求重要哪些不重要、點(diǎn)擊與功能如何對(duì)應(yīng)、信息的隸屬關(guān)系都需要厘清。所以邏輯學(xué)知識(shí)重在構(gòu)建，視覺設(shè)計(jì)的知識(shí)與最后產(chǎn)品能夠?qū)崿F(xiàn)的效果相關(guān)。

這是三大能力各自起到的作用，優(yōu)秀的設(shè)計(jì)師必須要掌握。當(dāng)然如果提出更高的要求的話，最好再關(guān)注一下商業(yè)的知識(shí)。

總的來說，交互設(shè)計(jì)的自學(xué)還是比較辛苦的，視覺設(shè)計(jì)通過臨摹等方法提高還是顯著的，但是交互設(shè)計(jì)還是需要人指點(diǎn)的。

六、今天設(shè)計(jì)什么

說句恐怖的話，目前90%的設(shè)計(jì)師是不合格的。我看到很多人在論壇、貼吧里討論的還是怎么設(shè)計(jì)界面之類的，這樣的關(guān)注點(diǎn)是不對(duì)的。關(guān)于UI的前途，我們可以看到今天的手機(jī)、PAD、電腦、智能手表等都是通過UI來控制的，UI成為人和今天的大數(shù)據(jù)信息的唯一接口，所以發(fā)展?jié)摿Ψ浅＞薮蟆?span style="display:none">zUH創(chuàng)意嶺 - 安心托付、值得信賴的品牌設(shè)計(jì)、營銷策劃公司

在未來，像無人拍攝飛機(jī)、家庭只能電器、大型工作輔助設(shè)備等都是通過UI控制的，UI依舊是人和數(shù)據(jù)的接口，UI設(shè)計(jì)的需求量巨大。我們之前的社會(huì)是人和人交往的社會(huì)，慢慢將過渡到人和數(shù)據(jù)的社會(huì)，實(shí)際上人和數(shù)據(jù)的接口就是UI。

很遺憾，我說過90%的設(shè)計(jì)師都不合格，他們的關(guān)注點(diǎn)依然是界面好不好看，即“美”的問題。今天來說，“信息”才是首位的，來看幾個(gè)例子：

來看今天我們用得很多的三款A(yù)PP：微信、淘寶、58同城，如果單純從審美的角度來看，它們的設(shè)計(jì)并不完美，但實(shí)際上幾乎每個(gè)人都在使用它們。根本原因這些APP能夠提供我們需要的信息。

七、設(shè)計(jì)師的薪資

相信這個(gè)問題是大家比較感興趣的，我大致梳理一下不同薪資水平對(duì)設(shè)計(jì)師能力的要求。年6萬以下的設(shè)計(jì)師其實(shí)就是美工，工作多是畫畫cicon、改改圖片，基本只對(duì)視覺效果負(fù)責(zé)，這種類型的員工完全還沒有走進(jìn)交互設(shè)計(jì)和信息設(shè)計(jì)的門檻；6萬-12萬年薪的我們稱之為初級(jí)交互設(shè)計(jì)師，初步具備了根據(jù)需求來進(jìn)行構(gòu)架的能力，參與分析競(jìng)品、定位人群，同時(shí)也參與一些GUI的工作；12萬-24萬年薪的算是中級(jí)的UI設(shè)計(jì)師了，需要懂得在前期的時(shí)候挖掘用戶的需求，根據(jù)需求進(jìn)行構(gòu)架，有能力精細(xì)地把控產(chǎn)品（包括文案、顏色等）；20萬-40萬的屬于資深設(shè)計(jì)師，需要了解相關(guān)類型的競(jìng)品，知道自己產(chǎn)品的特點(diǎn)和命門，能夠協(xié)調(diào)運(yùn)營和研發(fā)資源，了解產(chǎn)品的商業(yè)目的，能夠很好地完成交互設(shè)計(jì)的布局等?？紤]的層次越多，完成產(chǎn)品的維度越高，薪資越高。再往上走的話，基本上就是管理崗位了，要全權(quán)負(fù)責(zé)一款產(chǎn)品，主要職責(zé)可能就是招聘人員、提升效率、制定規(guī)范之類的了，這個(gè)就不適合給新人講了。

以上就是關(guān)于交互設(shè)計(jì)怎么做相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。