零基礎怎麼開始學習UI設計?

weixin_33795833發表於2018-01-15

  隨著移動網際網路的迅猛發展,使得移動產品設計人員急缺。由於高薪酬,很多其他行業設計師轉行做UI設計。

那麼到底什麼是UI設計?

  做UI設計需要掌握哪些知識體系?

  如何去學習?

  今後如何做職業規劃?

  這些是很多新人常會遇到的問題!

  針對這些問題,給大家一個比較全面的解釋,希望能幫到新入行移動設計的人!

  一、首先要分清幾個術語

  UI (User Interface):使用者介面

  IxD(Interaction Design):互動設計或互動設計

  UE或UX (User Experience):使用者體驗

  UED (User-Experience Design):使用者體驗設計

  UCD (User-Centered Design):以使用者為中心的設計

  PM(Product Manager):產品經理

  視覺設計(Visual Design)

  詳細解釋:

  UI (User Interface):

  即使用者介面 。ui設計其實是個比較籠統的叫法,是指軟體的人機互動、操作邏輯、介面美觀的整體設計。它包含了互動設計和視覺設計2個方面。

  一個合格的UI設計師不僅要能設計出美觀的介面,還要能最 大限度提升使用者操作的效率,通過色調影響使用者的操作習慣,用顏色或圖形明確產品功能/內容的主次和展示,降低使用者的操作負擔!

  由此可見,想要做好ui設計,視覺設計知識和互動設計知識都是必須掌握的!

  IxD(Interaction Design):

  互動設計或互動設計。通俗來說就是設計軟體和使用者的互動方式,通過了解使用者需求、目標,使用有效的互動方式讓整個過程可用,並且要易用。再直白一點,就是解決軟體如何使用。

  UE或UX (User Experience):

  使用者體驗。使用者體驗主要是來自使用者和人機介面的互動過程。

  它是指使用者使用一個產品時的全部體驗。他們的印象和感覺,是否成功,是否享受,是否還想再來/使用。他們能夠忍受的問題,疑惑和BUG的程度。

  產品經理(Product Manager):

  就是企業中專門負責產品管理的職位,產品經理負責調查並根據使用者的需求,確定開發何種產品,選擇何種技術、商業模式等。並推動相應產品的開發組織,Ta還要根據產品的生命週期,協調研發、營銷、運營等,確定和組織實施相應的產品策略,以及其他一系列相關的產品管理活動。

  視覺設計(Visual Design):

  視覺設計也是個比較籠統的概念。是以“視覺”作為溝通和表現的方式,透過多種方式來創造和結合符號、圖片和文字,藉此作出用來傳達想法或訊息的視覺表現。

  在網際網路領域的視覺設計師主要要具備以下能力:

  標誌設計

  版式設計

  字型設計

  圖形設計

  廣告設計

  介面設計

  二、產品研發團隊的崗位組成及其職責

  很多人可能會問為什麼要說這個?不是要講UI?

  首先,任何產品都是由團隊協作完成的。瞭解各個崗位的職責,有利於提高團隊協作效率。也有利於瞭解自己需要掌握的知識技能。

  研發團隊由產品設計、技術開發兩個方面的崗位組成。產品設計人員包括產品經理、互動設計師、視覺設計師;技術開發人員包括前端、服務端、資料端、測試等方面的工程師。

  看到這,很多人就覺得比較坑爹了。怎麼沒有UI設計師?!!!

  上面說的分工方式是比較標準的崗位分配模式,由於國內行業發展不完善抑或是用人成本問題。

  在國內,很多公司裡是沒有單獨的互動設計師崗位的。

  一種情況是由產品經理直接負責,需求和互動設計都是產品經理一個人,然後由視覺設計負責圖形介面設計(GUI)和其他美術資源的設計。

  另一種情況是,產品經理負責需求,UI設計師(或互動設計師)負責互動設計和視覺設計。產品經理和ui設計師共同研究使用者體驗。

  當然,在有互動設計師崗位的公司裡:

  這些一般都是較大公司,一般設定UE崗位來負責互動設計和使用者研究。產品經理和互動設計師都會考慮使用者體驗,所以產品經理有時也會參與到互動設計的環節,而且在產品需求設計的時候產品經理和互動設計師也有很多的工作重疊。

  通過以上分析我們看出,產品經理和互動設計工作內容有重疊。互動設計和視覺設計工作內容也有重疊。

  所以,一般做UI設計最 好具備視覺設計和互動設計兩個方面的知識體系。

  三、需要具備的知識架構

  1、視覺設計部分

  首先,視覺設計不僅僅是做ICON,做介面或者介面元素。

  很多人認為,如果去網際網路公司做視覺方向ui設計,只會簡單做圖示、介面就OK。這是極其幼稚的想法。

  一般公司如果花錢僱專職視覺設計師的話,那麼整個公司的美術設計工作一般都會給視覺設計做。這就要求你幾乎精通平面設計師所會的所有知識。

  所以,如果你想今後在視覺領域混,那麼以下幾項技能必不可少:

  平面構成;

  色彩構成;

  版式設計;

  心理學;

  美術繪畫;

  設計意識。

  2、互動設計師應該具備的基本能力

  瞭解使用者體驗設計、可用性原則;

  資訊挖掘、使用者調研、資料分析;

  良好的邏輯能力;

  心理學;

  互動設計原則、不同平臺的規範;

  產品視覺感;

  溝通能力。

  四、設計職業規劃

由於UI設計、互動設計、產品經理工作內容關聯性比較強,而且有部分交集,很多UI設計師選擇UI→互動設計→產品經理這個發展路線。

  但是大家要明白,這3個崗位畢竟是3個不同的方向,每個方向需要的專業能力還是很大不同的。最終選擇怎麼發展還是要看自己的興趣。

  很多人認為產品經理工資高,想從ui轉產品。這個也要看公司,一線公司UI設計師一般都15K+了,但小公司的的產品經理也就12K。只是行業分工不同,沒有高低貴賤。

  即使你只想做視覺設計,也不是沒有發展的。國內一線修圖師,一張圖價格3K起。而普通修圖師,一個月也掙不了這麼多。

  所以無論做視覺、互動、還是產品經理,一是要看自己適不適合;二是要看自己的興趣。不要盲目跟風!

  五、其他常見問題

  1、視覺設計就是美工?

  每當看到這句話,我的心裡就像有1萬頭草泥馬在狂奔!!!!!

  不想當設計的美工不是好店長!!!

  行業分工不同而已,行行出狀元。努力做好自己的工作才是重點。

  一般情況一個合格的設計師,如果在一線城市,工資不會低於9K。這要看能力,大部分人拉後腿,是因為自己根本不合格!所以即使你換個行業,不努力,照樣不會改變現狀!

  2、UI設計師需要會Axure麼?

  首先,你要明白互動設計不是Axure操作員。

  互動設計不等於使用Axure設計原型中的互動介面!

  大家要清醒認識Axure在產品設計中的位置!

  互動設計的出發點在於研究人在和物交流(dialog)時候,人的心理模式和行為模式,並在此研究基礎上,設計人工物的可提供的互動方式,來滿足人對使用人工物的三個層次的需求(usefulness,usability,and emotionality)。從這個角度看來,互動設計是設計方法,而介面設計是互動設計的自然結果。

  互動設計的步驟包括:

  使用者調研

  概念設計

  建立使用者模型

  建立介面流程

  開發原型並進行可用性測試

  很顯然,使用Axure設計快速原型,應該放在互動設計的整體工作結束後,也就是框架層設計時進行。

  所以,Axure只是一個工具。在產品結構層設計的時候,最 好的設計工具就是你的大腦和鉛筆。

  當你做一個產品的資訊架構時,用鉛筆畫出的資訊架構和介面流程草圖會比軟體做的更加直觀、形象。

  3、UI設計師需要會程式碼嗎?

  在小公司,還有就是傳統的軟體外包企業(如用友和軟通動力),這樣的公司往往需要UI設計會點XHTML+CSS。

  但現在大部分網際網路公司已經有專職的前端了,不需要會程式碼。

  並且熟悉XHTML+CSS只需要2周左右,所以學不學看你自己定位!

  4、產品經理和互動設計師的區別?

  產品經理需要懂互動, 但互動設計師不等同於產品經理。

  產品經理更側重於使用者需求開發。

  互動設計師更瞭解使用者行為習慣,瞭解使用者體驗。


更對UI設計相關閱讀:https://www.houxue.com/news/uishejishi641/

相關文章