簡單來說，UI設(shè)計就是用戶界面設(shè)計。UI即User Interface的首字母組合的簡稱。UI設(shè)計實際是指對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計。UI設(shè)計可分為實體UI和虛擬UI，我們常說的UI多指互聯(lián)網(wǎng)設(shè)計中的虛擬UI，也就是網(wǎng)頁設(shè)計、APP設(shè)計等。

　　UI其實是一個比較廣義的概念，UI中的“界面”泛指人和物(人造物、工具、機器)互動過程中的界面、接觸面(接口)。手機、電腦屏幕是UI，鼠標(biāo)、鍵盤、甚至椅子面、工作臺面都屬于用戶使用面，也可以叫UI。只是我們目前的習(xí)慣理解是從狹義方面理解的。狹義上UI多指電子產(chǎn)品屏幕的面。也就是人(用戶)與電子產(chǎn)品(機器)打交道使用的屏面。比如手機屏，電腦屏幕以及其它電子產(chǎn)品屏幕。如果有這個了解，我們也可以把UI設(shè)計理解為“屏面設(shè)計”。

　　從目前的客觀整體上看，UI設(shè)計是指對互聯(lián)網(wǎng)產(chǎn)品軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計。我們平時說的UI設(shè)計是互聯(lián)網(wǎng)產(chǎn)品設(shè)計偏視覺設(shè)計的方面。如果再具體的話可以稱為GUI設(shè)計，GUI即Graphical User Interface。也就是圖形用戶界面設(shè)計。

　　UI設(shè)計是互聯(lián)網(wǎng)產(chǎn)品設(shè)計中一個重要的工作崗位，主要負責(zé)各個平臺如：Web端的網(wǎng)頁、電商設(shè)計，移動端的App、小程序、公眾號、H5頁面設(shè)計，當(dāng)然還有其它人機交互的界面設(shè)計等互聯(lián)網(wǎng)產(chǎn)品視覺設(shè)計工作。具體工作內(nèi)容主要包括：產(chǎn)品的視覺風(fēng)格定位、圖標(biāo)設(shè)計(頁面里的和桌面程序啟動圖標(biāo))、界面設(shè)計、運營設(shè)計、圖片處理、色彩搭配、界面內(nèi)容組織編排等工作，工作過程中要和交互設(shè)計師、產(chǎn)品經(jīng)理、前端工程師等相關(guān)職位相互配合，共同完成互聯(lián)網(wǎng)產(chǎn)品開發(fā)項目。設(shè)計的產(chǎn)品按照服務(wù)群體主要分兩端，to B端和to C端。to B端主要服務(wù)的是企業(yè)，專業(yè)、特殊應(yīng)用群體。to C端就是服務(wù)普通受眾用戶。就好像商品銷售中的批發(fā)和零售。比如目前的阿里巴巴主要做的是to B業(yè)務(wù)，京東、唯品會就是to C的。

　　UI設(shè)計是互聯(lián)網(wǎng)產(chǎn)品(網(wǎng)頁、APP等)設(shè)計的重要組成部分。主要工作內(nèi)容包括界面設(shè)計、交互設(shè)計和用戶體驗設(shè)計。這三個方面在實際工作中都是獨立的工作崗位。

　　界面設(shè)計，一般稱為UI設(shè)計師，也就是指GUI界面設(shè)計師。GUI設(shè)計師的日常工作就是界面設(shè)計、圖標(biāo)設(shè)計、切圖、標(biāo)注等工作，甚至有些公司也會讓界面設(shè)計師做些交互設(shè)計的工作。比如APP UI自然就是手機軟件界面設(shè)計，我們平日所用的微信、QQ、淘寶、支付寶等這些全都屬于APP，他們的界面自然也都是UI設(shè)計師所設(shè)計的。手機應(yīng)用種類繁多，安卓和蘋果商城幾乎都有數(shù)十萬甚至百萬個，這自然就需要大量的UI設(shè)計師了。

　　交互設(shè)計師簡稱ID，一般的工作是設(shè)計、繪制原型圖，它對邏輯處理能力和頁面布局能力要求較高，交互設(shè)計其實就是我們使用、操作習(xí)慣的設(shè)計。不如搶紅包中規(guī)定你的點一點、搖一搖、擦擦擦等使用方式。都是交互設(shè)計師設(shè)計的。

　　用戶體驗設(shè)計師簡稱UE或者UX。這個職位一般只有中大型公司才會設(shè)置這個工作崗位，它主要是研究用戶體驗的，用戶的行為，情感，使用感受、使用過程等所有方面都需要進行研究，以保障用戶在使用產(chǎn)品過程中能得到良好的使用感受，也就是體驗。

　　UI設(shè)計作為互聯(lián)網(wǎng)產(chǎn)品設(shè)計中的重要組成部分，它需要與其它產(chǎn)品設(shè)計環(huán)節(jié)緊密配合，最終才能完成一個互聯(lián)網(wǎng)產(chǎn)品的整體設(shè)計。這個從產(chǎn)品工作流程圖上能看的非常清楚。(如圖)

　　那如果想學(xué)習(xí)UI設(shè)計都需要學(xué)些什么呢?從根本上概括起來說，可以是學(xué)表達，學(xué)思維、學(xué)邏輯、學(xué)溝通、學(xué)審美。下面具體說一下。

　　一、學(xué)表達：這里的表達指視覺表達。視覺表達包括圖、紋、色、質(zhì)等元素。形式上主要包括軟件和手繪兩種。目前學(xué)設(shè)計一般都會先學(xué)軟件，對于UI設(shè)計來說需要學(xué)習(xí)多款應(yīng)用軟件，比如PS、AI、AE、XD、AX、C4D等，

這是基礎(chǔ)，必須。也是非常重要的，軟件的操作熟練，可以提高日常設(shè)計工作效率!當(dāng)然我們在學(xué)習(xí)的時候要花時間和下功夫的，但是學(xué)習(xí)軟件操作并不是目的，很多同學(xué)學(xué)UI設(shè)計就覺得是學(xué)個技術(shù)。其實不是。學(xué)軟件的目的是讓軟件技術(shù)幫助我們視覺化表達。是手段不是目的。并且軟件操作會隨著你學(xué)習(xí)時間的推移，慢慢的越來越熟悉!不需要把全部的經(jīng)歷放在學(xué)軟件技術(shù)上。除了軟件表達外，還可以學(xué)習(xí)另外的一個表達方式就是手繪。這個很多在學(xué)習(xí)UI設(shè)計師的小伙伴都在問，我沒有學(xué)過，沒有基礎(chǔ)，擔(dān)心學(xué)不好UI設(shè)計，其實不是這樣的，首先如果你有繪畫功底，那是對你學(xué)習(xí)UI設(shè)計有很大幫助的，沒有也沒有太大關(guān)系，從事UI界面設(shè)計，大部分工作都是利用電腦軟件操作設(shè)計出來的，除了游戲，動漫行業(yè)需要手繪，其他基本不重要!這里要求的繪畫，大部分還是對審美的把握而已!但學(xué)了手繪在設(shè)計中繪制設(shè)計草稿就會方便很多。我個人建議，軟件和手繪作為兩種表達方式可以相互取長補短，提升設(shè)計工作效率。

　　二、學(xué)思維。設(shè)計是思維的體現(xiàn)。想學(xué)好設(shè)計，一定要注意開發(fā)練習(xí)自己的思維，禁錮的思維是做不出好的設(shè)計作品的。藝術(shù)和設(shè)計的本質(zhì)都是創(chuàng)造，這里的思維更多是指創(chuàng)造性思維的訓(xùn)練和養(yǎng)成。表達是表達的思維。有什么樣的思維就有什么樣的表達。

　　三、學(xué)邏輯。邏輯是事物的思維聯(lián)系，也可以叫邏輯思維。在產(chǎn)品使用方式和考慮用戶習(xí)慣的交互設(shè)計中邏輯性顯得尤為重要。邏輯表現(xiàn)最直接的對應(yīng)的就是交互原型圖的設(shè)計。交互邏輯順暢是增加用戶體現(xiàn)非常重要的方面。

　　四、學(xué)溝通。這里從兩個方面解釋，一是視覺設(shè)計就是一種溝通方式，特別是界面設(shè)計部分。就是利用界面的色彩、造型、文字符號、質(zhì)感紋理等視覺元素進行信息的傳遞，從而達到人機溝通互動目的。二是作為互聯(lián)網(wǎng)產(chǎn)品中重要環(huán)節(jié)的UI設(shè)計需要和產(chǎn)品設(shè)計的其他設(shè)計環(huán)節(jié)進行溝通和交流，產(chǎn)品設(shè)計是一個團隊，互相了解、相互配合更方便產(chǎn)品開發(fā)時間和成本消耗的降低，有效的溝通可以提高工作效率。

　　五、學(xué)審美。產(chǎn)品作為設(shè)計除了功能性，很大程度取決于審美的高低。作為設(shè)計師提升審美能力是非常必須的。特別對于從事視覺界面設(shè)計來說。如何提升產(chǎn)品的審美是一個核心問題。這需要設(shè)計師長期的不斷學(xué)習(xí)。

　　結(jié)語：以上只是列出了UI設(shè)計需要學(xué)習(xí)的方面。未來UI設(shè)計師需要具體更多綜合的能力，或者我們可以說是狹義的全鏈路設(shè)計師。作為設(shè)計師只有全面的汲取多方面營養(yǎng)和知識才能成為一名優(yōu)秀的設(shè)計師。希望你可以。

　　更多關(guān)于“UI培訓(xùn)”的問題，歡迎咨詢千鋒教育在線名師。千鋒教育多年辦學(xué)，課程大綱緊跟企業(yè)需求，更科學(xué)更嚴謹，每年培養(yǎng)泛IT人才近2萬人。不論你是零基礎(chǔ)還是想提升，都可以找到適合的班型，千鋒教育隨時歡迎你來試聽。