一、UI設計是什么

UI設計(ji)(ji)（或稱界面設計(ji)(ji)）是指(zhi)對軟件的(de)人機交(jiao)互、操(cao)作邏輯(ji)、界面美觀的(de)整體設計(ji)(ji)。UI設計(ji)(ji)分為實體UI和虛擬UI，互聯網常用的(de)UI設計(ji)(ji)是虛擬UI，UI即User Interface(用戶界面)的(de)簡稱。

該圖片由注冊用戶"互聯網說"提供，版權聲明反饋

二、UI設計學習

（一）需要學什么軟件

1、Photoshop

UI設(she)計(ji)用(yong)(yong)的(de)最多的(de)軟(ruan)件，90%以上的(de)UI設(she)計(ji)師都(dou)是(shi)要會PS的(de)，其處理(li)圖片(pian)功能非(fei)常強大，調色(se)方面也不錯，還(huan)有(you)圖層樣(yang)式，布(bu)爾(er)運算方面都(dou)是(shi)UI設(she)計(ji)必備的(de)。不過(guo)也有(you)劣勢，就是(shi)無法繪制矢量(liang)圖形，排版也不是(shi)很好。還(huan)有(you)圖層也有(you)點多。管(guan)理(li)起來(lai)不是(shi)很方便。在UI設(she)計(ji)中主要的(de)用(yong)(yong)途(tu)是(shi)用(yong)(yong)來(lai)繪制界面和(he)圖標。

2、Illustrator

一款矢(shi)量(liang)繪圖(tu)(tu)軟件，在做(zuo)(zuo)UI圖(tu)(tu)標(biao)上非常(chang)不錯。特別是(shi)繪制扁平(ping)化(hua)(hua)圖(tu)(tu)標(biao)這塊。很好(hao)用(yong)。也有矢(shi)量(liang)功能畫出來(lai)的圖(tu)(tu)形可以(yi)放(fang)大縮小。劣(lie)勢(shi)就是(shi)不能調色(se)。做(zuo)(zuo)擬物化(hua)(hua)圖(tu)(tu)標(biao)也不是(shi)很好(hao)做(zuo)(zuo)。

3、After Effects

主要是做(zuo)來(lai)做(zuo)影視(shi)后期(qi)視(shi)頻特(te)效的(de)，但是在UI這(zhe)個的(de)話就是用來(lai)做(zuo)一(yi)些UI的(de)交互動(dong)(dong)效。動(dong)(dong)效這(zhe)塊是效率最(zui)高的(de)軟件，不(bu)過不(bu)能用AE畫圖標做(zuo)界(jie)面。這(zhe)個AE不(bu)擅長(chang)。

4、Axure RP Pro

主是要(yao)用來做原(yuan)型圖的(de)，在交(jiao)互設計原(yuan)型這(zhe)塊是比較火的(de)一(yi)款軟件(jian)。

（二）UI設計應該如何自學

第一周：手繪

手(shou)繪的(de)(de)重點主(zhu)要是(shi)培養(yang)學(xue)員的(de)(de)形體結構，光(guang)感(gan)、空間(jian)的(de)(de)關(guan)系，這算是(shi)一個(ge)審(shen)美培養(yang)的(de)(de)啟蒙，時下最流(liu)行的(de)(de)矢量插(cha)畫就和手(shou)繪密(mi)切(qie)相關(guan)。

第二、三周：PS、AI基礎軟件的學習

從(cong)零開始(shi)學(xue)習(xi)(xi)軟(ruan)件(jian)，需要(yao)(yao)用實際(ji)的(de)案(an)例(li)去學(xue)習(xi)(xi)，這樣更(geng)加容易(yi)上手，并(bing)且U設(she)計的(de)學(xue)習(xi)(xi)并(bing)不是(shi)(shi)只是(shi)(shi)簡單(dan)的(de)學(xue)習(xi)(xi)軟(ruan)件(jian)工具，很多人(ren)都以為UI設(she)計只要(yao)(yao)會了(le)PS，Al等就可以了(le)，其實讓通過(guo)實際(ji)的(de)案(an)例(li)去了(le)解(jie)設(she)計背后(hou)的(de)意(yi)義(yi)即設(she)計思維(wei)、創意(yi)理解(jie)，才是(shi)(shi)更(geng)為重要(yao)(yao)的(de)目的(de)。

第三、五周：平面構成、Logo

掌握平面設計(ji)中點、線、面，加(jia)以(yi)延伸(shen)到Logo設計(ji)，Logo-方面是包括圖形(xing)另一(yi)方面是包括字體，所以(yi)了解文字結構是非常基礎的(de)，以(yi)及如果這一(yi)階段學的(de)非常好，接Logo私單，價格(ge)高到不(bu)敢相信。

第六周：品牌Logo定稿以及VI手冊設計

這一周其(qi)重(zhong)點是(shi)甲方思(si)維思(si)考設(she)計，對，就是(shi)那個煩(fan)人(ren)的甲方爸爸，需要學習換位思(si)考。

第七周：響應式網站、一屏式網站

從案例來講述網頁設計的構成、顏色(se)、字體、功能(neng)、按鈕以及設計規(gui)范、排版規(gui)范。

第八周：后臺數據

除了后(hou)臺設計(ji)，更(geng)多的是后(hou)臺的數據(ju)統計(ji)處理(li)，如何做到(dao)簡單化(hua)、明了化(hua)。

第九周：電商設計

電商(shang)平臺(tai)芒果视频設(she)計(ji)，每(mei)一個月各大購(gou)物平臺(tai)都會有(you)全站式(shi)的(de)活動，活動主題都不一樣，所(suo)以其實電商(shang)設(she)計(ji)的(de)人(ren)才缺口是非常大的(de)。

第十周：平臺詳情、后臺

這一部(bu)分是可以自己(ji)去申請店、上架產品(pin)，任何學習都沒有(you)直(zhi)接(jie)上手(shou)來(lai)得快。實操實練，自己(ji)去體(ti)會各大(da)平臺(tai)的規范，才會了(le)解得更加清楚。

第十一周：C4D，Banner

進入3D訓練(lian)啦，豐富視覺(jue)效果，提高(gao)就業(ye)競爭能力，多會一門技術，就多一些可(ke)能，這也是我們要為(wei)什么不斷學(xue)習提升自己的原因。

第十二周：用戶體驗、競品分析、原型圖

本周開始設計APP，通過數據分析(xi)來(lai)做競品(pin)分析(xi)，使用Axure來(lai)繪(hui)制APP的原(yuan)型(xing)圖。

第十三周：圖標

有(you)意思的圖標也(ye)是完整APP設計的重要一環。

第十四周：界面、膠囊

通過標(biao)志性APP來講(jiang)彈窗頁、閃動頁。

第十五周：界面設計

繼續完成APP，并學會切(qie)圖、命名、標注、打(da)包、交(jiao)接(jie)（前端小(xiao)哥(ge)(ge)哥(ge)(ge)、小(xiao)姐姐打(da)不打(da)就看這周的學習(xi)內容(rong)了）

第十六周：運營界面

營(ying)銷(xiao)(xiao)推(tui)廣性(xing)的(de)(de)用戶(hu)(hu)思維培(pei)養，把握(wo)用戶(hu)(hu)的(de)(de)痛點(dian)提升整體運營(ying)界面(mian)，達(da)到(dao)營(ying)銷(xiao)(xiao)推(tui)廣的(de)(de)目的(de)(de)。這一般都是通(tong)過突然(ran)跳出(chu)來的(de)(de)彈(dan)窗、閃屏等，比如促銷(xiao)(xiao)性(xing)質的(de)(de)頁(ye)面(mian)，增(zeng)加(jia)了(le)視覺感染力，促進了(le)用戶(hu)(hu)的(de)(de)點(dian)擊。

第十七周：交互動效

學好AE動效(xiao)會非常加分，因為(wei)它(ta)可以準確的(de)傳(chuan)達出你的(de)思路，演示你想(xiang)要的(de)表(biao)達的(de)效(xiao)果。這必(bi)將(jiang)成為(wei)U1的(de)流行趨勢，不想(xiang)要被市場淘(tao)汰，一定要繼(ji)續(xu)學習(xi)啊(a)!

第十八周：前端

大家都知道與UI設計師密切合作的是前端，那作為一個UI設計師，只有懂(dong)了(le)前端，這(zhe)樣才會合作得更(geng)好，提升工作的(de)效率。我(wo)可(ke)以(yi)學習HTML5，學習CSS3等。

三、UI設計師工作

（一）UI設計師主要是做什么的

1、負(fu)責軟(ruan)件界面的美術設計、創意(yi)工(gong)(gong)作和(he)制作工(gong)(gong)作；

2、根據各種(zhong)相(xiang)關(guan)軟件的(de)用戶群，提出構思(si)新穎、有高度吸(xi)引(yin)力的(de)創意設計；

3、對頁面進行(xing)優化，使用(yong)戶操作更趨于人性(xing)化；

4、維護現有的應(ying)用產品；

5、收集(ji)和分析用戶對(dui)于GUI的(de)需求(qiu)。

（二）UI設計好找工作嗎

隨著技術(shu)領域(yu)的(de)逐步拓展，產品(pin)生產的(de)人性化意(yi)識日趨增強，越(yue)來(lai)(lai)越(yue)多(duo)(duo)的(de)企業開始(shi)注(zhu)重交互設計、用戶測試方面的(de)投入(ru)，UI設計領域(yu)“三(san)足鼎(ding)立”的(de)局面將(jiang)越(yue)來(lai)(lai)越(yue)成為大勢(shi)所趨。這也(ye)就(jiu)意(yi)味著兼具美(mei)術(shu)設計、程序編碼(ma)、市(shi)場調(diao)查(cha)、心(xin)理學(xue)分析等諸多(duo)(duo)方面綜合能力的(de)UI設計師將(jiang)擁有(you)更(geng)為廣闊的(de)發展前景。

（三）UI設計工資一般多少

其實城市對薪(xin)資(zi)待(dai)遇有(you)很(hen)大的(de)影響，很(hen)多人都會覺得北上廣(guang)深(shen)的(de)發展很(hen)好，原因就是(shi)這幾個(ge)城市的(de)薪(xin)資(zi)待(dai)遇高(gao)。

從UI設計(ji)行業去看，全國U設計(ji)師的平(ping)均薪(xin)資(zi)是10000左右(you)，北京薪(xin)資(zi)水平(ping)高，平(ping)均薪(xin)資(zi)是16000左右(you)，然(ran)后依次(ci)是上(shang)海、杭州、深(shen)圳(zhen)等互聯網行業發展較好的城市。

（四）UI設計就業前景怎么樣

互聯(lian)網時代(dai)，絕大多數企業(ye)都意識到通過線上資訊來吸引更多的(de)(de)潛(qian)在客(ke)戶是多么重要(yao)。這(zhe)些潛(qian)在客(ke)戶對(dui)你的(de)(de)公司(si)及(ji)產品印象的(de)(de)好壞(huai)，很大程度上取決(jue)于你在網站(zhan)設(she)(she)計上投入(ru)精力的(de)(de)多少。企業(ye)站(zhan)和電商平(ping)臺也是互聯(lian)網環境下企業(ye)必不可少的(de)(de)傳播(bo)平(ping)臺和C端自(zi)主交易平(ping)臺，是互聯(lian)網產業(ye)下的(de)(de)主流(liu)。這(zhe)還(huan)只是部(bu)分網頁U設(she)(she)計的(de)(de)發展需求，隨著智能手機的(de)(de)普及(ji)、5G時代(dai)的(de)(de)來臨，對(dui)于APP的(de)(de)需求更是不可估計，而這(zhe)些東西(xi)的(de)(de)界面都來自(zi)于U1設(she)(she)計，所以可以說UI設(she)(she)計市場并(bing)未飽(bao)和。

UI設(she)(she)計是互(hu)(hu)聯網發(fa)展(zhan)下(xia)誕生(sheng)的產(chan)物(wu)，所(suo)以只(zhi)要有互(hu)(hu)聯行(xing)業在，只(zhi)要互(hu)(hu)聯網在發(fa)展(zhan)，只(zhi)要存在智能手機(ji)，電子產(chan)品(pin)，用戶界面，那么UI設(she)(she)計師(shi)這(zhe)個行(xing)業就永遠不(bu)會(hui)飽和。

（五）UI設計就業方向

1、圖形設計師

它不(bu)僅僅是單純意義上(shang)的美術(shu)工人(ren)，而是了解軟件產品、致力于提高(gao)軟件用(yong)戶體驗的產品外(wai)形(xing)設(she)計師，例如工業外(wai)形(xing)設(she)計、裝(zhuang)潢設(she)計、信息多(duo)媒(mei)體設(she)計等(deng)。

2、交互設計師

主(zhu)要(yao)負(fu)責(ze)設計軟件的操作(zuo)流程、樹(shu)狀結構(gou)、軟件的結構(gou)與(yu)操作(zuo)規范(fan)等(deng)。

3、用戶測試/研究工程師

主要測試交互設(she)計的(de)合(he)理性(xing)(xing)以及(ji)圖形設(she)計的(de)美觀性(xing)(xing)，通常(chang)采(cai)用(yong)戶外(wai)問卷的(de)形式來(lai)衡量UI設(she)計的(de)合(he)理性(xing)(xing)。

4、其他

除(chu)上述(shu)的(de)職位以外，還可以從事美工、webUI設(she)計(ji)(ji)師、移動端UI設(she)計(ji)(ji)師、平面設(she)計(ji)(ji)師、工業外形設(she)計(ji)(ji)，信息(xi)多媒體設(she)計(ji)(ji)、產(chan)品經理等。

【UI設計培訓>>】