2018-7-10 藍藍設計的小編
如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里
版權申明：本文原創作者UI設計七緊，感謝UI設計七緊的原創經驗分享！致敬哈
本文重點梳理以下七大問題：一、令人眼花繚亂的專業術語；二、交互和視覺如何分工；三、工作的流程；四、視覺類UI的自學；五、交互設計需要掌握的知識；六、今天設計什么；七、設計師的薪資
經常有人問我新手如何自學交互設計，我之前也錄過一個視頻給大家，沒想到放到網上后點擊率很高，看來對新人是的確有幫助的。所以今天再次針對這個問題做闡述，修正了第一版的一些內容，也更具有針對性。
以上七點是我歸納的大家在學習和工作中經常感到困惑的問題，下面就逐一解答。
一、令人眼花繚亂的專業術語
專業術語這個問題的確令人頭疼，來看看下面的對應關系：
在這四對關系中，GUI對應界面視覺（畫icon，畫視覺效果）、PM對應產品經理是比較準確的，但是UI這個詞相對來說就比較混亂了。有人認為UI是視覺設計，有人認為UI是交互設計，這是有一定的歷史原因的。在很多的大公司里，我指的是諸如騰訊、阿里、百度、谷歌這樣的巨頭，它們的UI分工是很明確的，指的就是交互設計，交互設計師的主要任務就是發掘需求以及根據需求來進行構架。但是在一些小公司里是沒有專門的交互設計的崗位的，UI設計師通常既要做交互也要做視覺，這就造成了UI的指向不是很明確。所以有時候很多同學找我說要學UI，我其實不太清楚他們到底是想學視覺還是交互的。
UE這個詞常見于一些大公司，它其實只是為了跟UI有區分，指的真的就是交互設計師。但是UE在做交互的同時也多參與一些用戶研究的內容，這樣的崗位一般只有規模比較大的公司才設置。在很多公司里，發展到后期你可能既是交互設計師也是產品經理，因為交互設計師和產品經理在前期的工作任務中，特別是對需求的把控上，有很多是重合的。這就是四個名詞所代表的意思了。
二、交互和視覺如何分工
下面我們再來看看視覺設計師和交互設計師工作職責的差異，下圖形象的展示了兩者不同的任務：
視覺設計主要包括Logo、界面元素、圖標（icon）、色彩與字體、形狀與尺寸以及視覺效果設計，它的關注點是“界面”，把界面更好地呈現出來。雖然我在視覺設計下方標注了“關注美麗”，但這只是區別于交互設計來說的，光是“美麗”是不夠的，還要注意信息的可讀性和易讀性。視覺設計與平面設計不同，比如說給一個房地產公司做宣傳海報，雇主要求海報視覺上打動人，文案也要有亮點吸引人，這是平面設計；但是GUI的話，不管是做手機的APP還是WEB也好TV也好，要考慮到每一條信息都是要給用戶讀取的，這就要求視覺要有穩定性，不能有些易讀有些難讀。
作為交互設計師更關注的是“邏輯”，在做設計的時候實際上是在建立一種體系。也就是說在設計產品的時候要考慮出口入口、尋找需要元素、如何操作等等。所以說交互設計師前期需要進行需求分析，要更好地區理解和分析用戶的需求，然后要進行信息構架，畢竟需求最終要反映在信息構架上面。什么是信息構架呢？你看我們使用的手機，圖片有自己的固定位置，導航有自己固定的位置，文字、說明也有固定的位置，這些東西就是由信息構架來決定的。還要說明的是文案，這也是屬于交互設計范疇的，因為界面需要設計一些信息被用戶讀取。
所以說基本上交互是帶著視覺前進的，因為交互要對最終的體驗負責，而視覺也是體驗的一部分。
三、工作的流程
下面來談談不同的人員在具體工作中的分工：
先來看產品經理，產品經理要對項目的最終的結果負責。產品經理一般來說要為項目背黑鍋，比如老板要求三個月做出產品并且目標用戶達到十萬，那么這些任務就落到產品經理的身上。
然后產品經理對交互設計師的要求可能就是要保證產品的構架清晰，有良好的體驗。那么交互設計師要根據這些要求去挖掘其他的需求，然后根據用戶的反饋或者是迭代的一些東西做一個完美的信息構架，把信息先設計出來。哪塊放導航，哪塊放圖片，哪塊放主體內容，到底采用什么樣的結構，這些都是要考慮的。
交互設計進行到0.5版本時，即把產品的大體結構設計出來后，這時視覺設計師和開發人員就可以加入進來了。視覺設計師開始畫界面，根據信息把視覺呈現出來，比如重要的信息顏色可能更醒目一點，同時保證視覺流的平衡，總之為最終的“美麗”服務；開發人員的職責就是實現效果。進入1.0版本，視覺效果做好后做高保真的迭代呈現給用戶或上級等。這時候測試人員也要跟進了，做一些可用性測試、bug測試以及體驗測試。
我講的比較籠統，只是把大致的流程梳理一下，讓大家看到各個角色是怎么分配的，因為考慮到新人講得太細的話也不一定能夠明白。
四、視覺類UI的自學
視覺類UI我們稱之為GUI，從軟件篇來看的話，有些培訓機構是有點坑人的（這里就不點名了），因為大部分公司只要用PS就可以了，即地把圖片畫出來然后切圖。交互設計師一般用PTT和AXUR來做原型，這三款軟件基本上就可以覆蓋你的職業生涯了。但是很多培訓結構卻讓學員花費大量的金錢和時間學習軟件。剩下的一下軟件像AE/flash屬于錦上添花的技能：AE可以輸出高保真原型動畫，便于展示你的想法；flash可以做高保真的交互動畫。其實這些東西在企業里是有研發人員協助你完成的，所以會更好，不會也無大礙。IOS是有專門的軟件處理高保真原型的，可以現用現學，不太復雜。
所以總的來說還是要把PS練好。我特別想告誡新人的是：軟件和設計完全是兩回事，軟件用得熟練不代表設計做得好，它們只是實現設計的工具和手段。而設計的學習重在培養思維和視野。
下面簡單介紹一下視覺流行的三種風格：
這個是水晶風格，由微軟首創，現在中國的rigo design也是做的不錯的。水晶風格的特點是晶瑩、有玻璃質感和光感，rigo design已經把水晶風格做得很棒了，貼兩張圖看看：
下面來看擬物風格：
新手如果想快速學習的話可以嘗試臨摹擬物風格的作品，這個確實難度是比較大的。蘋果原來就是擬物風格的代表。來欣賞一些作品，畫得的確精致：
還有扁平化風格的設計：
以及中國風的設計：
中國風的東西盡量還是不要做了，這種風格其實只適合比賽。真實的項目里對icon識別度的要求是很高的，中國風的設計識別度太差了。對icon來說，美觀不是第一位的，識別度才是。
零基礎的新人我建議采用這樣的方法來提高自己的視覺設計能力：先臨摹一個icon，然后根據這個icon的風格設計其他的icon。臨摹考驗的是你對軟件的熟悉程度以及對細節捕捉的能力，而自己模仿設計才是真正提高設計能力的。這兩步認真走下來基本上可以勝任初級的視覺設計師了。
icon臨摹完之后可以嘗試畫一些界面，找找界面的感覺。特別是一些跨專業的新人，通過臨摹找設計感覺是比較好的方法。
五、交互設計需要掌握的知識
交互設計的自學是非常困難的，最好有人帶，有人點撥。這也是我們集創堂現在主要做的事情，帶一些有經驗的設計師提高交互設計的能力。如果想自學的話，一般來講需要培養一下三種能力：
心理學的能力有助于了解、定位用戶，讓你能更好地在產品的博弈中找準用戶的的需求，繼而發掘出更符合用戶內心的一種設計模式，所以心理學的知識作用還是很大的。
邏輯學的知識幫助設計師將找到的用戶需求構建出來，形成一種體系，讓產品更好用。做產品需求很強的邏輯性，哪些需求重要哪些不重要、點擊與功能如何對應、信息的隸屬關系都需要厘清。所以邏輯學知識重在構建，視覺設計的知識與最后產品能夠實現的效果相關。
這是三大能力各自起到的作用，優秀的設計師必須要掌握。當然如果提出更高的要求的話，最好再關注一下商業的知識。
想自學的話可以看看以上推薦的書，大家可以去看之前發的《交互設計師自學書籍推薦》，這里就不細說了。
總的來說，交互設計的自學還是比較辛苦的，視覺設計通過臨摹等方法提高還是顯著的，但是交互設計還是需要人指點的。
六、今天設計什么
說句恐怖的話，目前90%的設計師是不合格的。我看到很多人在論壇、貼吧里討論的還是怎么設計界面之類的，這樣的關注點是不對的。
關于UI的前途，我們可以看到今天的手機、PAD、電腦、智能手表等都是通過UI來控制的，UI成為人和今天的大數據信息的唯一接口，所以發展潛力非常巨大。
在未來，像無人拍攝飛機、家庭只能電器、大型工作輔助設備等都是通過UI控制的，UI依舊是人和數據的接口，UI設計的需求量巨大。我們之前的社會是人和人交往的社會，慢慢將過渡到人和數據的社會，實際上人和數據的接口就是UI。
很遺憾，我說過90%的設計師都不合格，他們的關注點依然是界面好不好看，即“美”的問題。今天來說，“信息”才是首位的，來看幾個例子：
來看今天我們用得很多的三款APP：微信、淘寶、58同城，如果單純從審美的角度來看，它們的設計并不完美，但實際上幾乎每個人都在使用它們。根本原因這些APP能夠提供我們需要的信息。
七、設計師的薪資
相信這個問題是大家比較感興趣的，我大致梳理一下不同薪資水平對設計師能力的要求。年6萬以下的設計師其實就是美工，工作多是畫畫cicon、改改圖片，基本只對視覺效果負責，這種類型的員工完全還沒有走進交互設計和信息設計的門檻；6萬-12萬年薪的我們稱之為初級交互設計師，初步具備了根據需求來進行構架的能力，參與分析競品、定位人群，同時也參與一些GUI的工作；12萬-24萬年薪的算是中級的UI設計師了，需要懂得在前期的時候挖掘用戶的需求，根據需求進行構架，有能力精細地把控產品（包括文案、顏色等）；20萬-40萬的屬于資深設計師，需要了解相關類型的競品，知道自己產品的特點和命門，能夠協調運營和研發資源，了解產品的商業目的，能夠很好地完成交互設計的布局等?？紤]的層次越多，完成產品的維度越高，薪資越高。再往上走的話，基本上就是管理崗位了，要全權負責一款產品，主要職責可能就是招聘人員、提升效率、制定規范之類的了，這個就不適合給新人講了。
問題基本梳理完畢，大家都學習交互的或者想交流的都可以找我，謝謝。
藍藍設計( 91whvog3.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
相關文章：
－－－－－－－－－－－－－－－－－－