一、UI設計是什么

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

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

二、UI設計學習

（一）需要學什么軟件

1、Photoshop

UI設(she)計(ji)用的(de)最(zui)多的(de)軟件，90%以(yi)上的(de)UI設(she)計(ji)師都(dou)(dou)是(shi)要(yao)會PS的(de)，其處理圖(tu)片(pian)功(gong)能非常強大，調色方(fang)面也(ye)(ye)不錯，還有圖(tu)層樣式，布爾運算方(fang)面都(dou)(dou)是(shi)UI設(she)計(ji)必備的(de)。不過也(ye)(ye)有劣勢，就是(shi)無法繪制矢量圖(tu)形，排版也(ye)(ye)不是(shi)很(hen)好。還有圖(tu)層也(ye)(ye)有點(dian)多。管理起來不是(shi)很(hen)方(fang)便(bian)。在UI設(she)計(ji)中(zhong)主要(yao)的(de)用途是(shi)用來繪制界面和(he)圖(tu)標。

2、Illustrator

一款矢量繪圖軟件，在做(zuo)(zuo)UI圖標(biao)上非常不(bu)(bu)錯。特(te)別(bie)是(shi)繪制扁平化圖標(biao)這塊。很好用(yong)。也有(you)矢量功能畫出來的圖形(xing)可以放大縮(suo)小。劣勢就(jiu)是(shi)不(bu)(bu)能調色。做(zuo)(zuo)擬物化圖標(biao)也不(bu)(bu)是(shi)很好做(zuo)(zuo)。

3、After Effects

主要是做(zuo)(zuo)來(lai)做(zuo)(zuo)影視后(hou)期視頻特(te)效(xiao)(xiao)的(de)(de)，但(dan)是在UI這(zhe)(zhe)個的(de)(de)話就是用(yong)來(lai)做(zuo)(zuo)一些UI的(de)(de)交(jiao)互動效(xiao)(xiao)。動效(xiao)(xiao)這(zhe)(zhe)塊是效(xiao)(xiao)率(lv)最高的(de)(de)軟件，不(bu)過(guo)不(bu)能(neng)用(yong)AE畫圖標做(zuo)(zuo)界面。這(zhe)(zhe)個AE不(bu)擅長。

4、Axure RP Pro

主是要用來做(zuo)原(yuan)型圖(tu)的，在(zai)交(jiao)互設計(ji)原(yuan)型這(zhe)塊(kuai)是比(bi)較火(huo)的一款軟(ruan)件。

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

第一周：手繪

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

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

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

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

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

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

這一周(zhou)其重點是(shi)甲方(fang)思維思考(kao)設計，對(dui)，就是(shi)那個煩人的甲方(fang)爸爸，需要學習(xi)換位思考(kao)。

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

從案例來講述(shu)網頁設(she)計(ji)的構成、顏色、字體、功能、按鈕(niu)以及設(she)計(ji)規范、排(pai)版規范。

第八周：后臺數據

除了后臺(tai)設計(ji)，更多的(de)是后臺(tai)的(de)數據統(tong)計(ji)處(chu)理，如何做到簡(jian)單化、明了化。

第九周：電商設計

電商平臺芒(mang)果视频下载設計，每一(yi)個月各大購(gou)物平臺都(dou)(dou)會有全站式的活動(dong)，活動(dong)主題都(dou)(dou)不一(yi)樣(yang)，所以其實電商設計的人(ren)才(cai)缺口是非常大的。

第十周：平臺詳情、后臺

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

第十一周：C4D，Banner

進入3D訓練啦(la)，豐富視覺效(xiao)果，提(ti)高就業競爭能(neng)力，多會一門技術，就多一些可能(neng)，這也是(shi)我們(men)要(yao)為什么(me)不斷學習提(ti)升自己的原(yuan)因。

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

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

第十三周：圖標

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

第十四周：界面、膠囊

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

第十五周：界面設計

繼(ji)續完(wan)成(cheng)APP，并學(xue)會切圖、命名、標注、打包、交接（前端(duan)小哥(ge)哥(ge)、小姐姐打不打就看這周的學(xue)習內容了(le)）

第十六周：運營界面

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

第十七周：交互動效

學好AE動效(xiao)(xiao)會非常加(jia)分，因為它可以準確的(de)傳達出你的(de)思路，演示你想要(yao)的(de)表達的(de)效(xiao)(xiao)果。這必將成為U1的(de)流行趨(qu)勢，不想要(yao)被市(shi)場淘汰，一定要(yao)繼續學習啊!

第十八周：前端

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

三、UI設計師工作

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

1、負(fu)責軟件(jian)界面(mian)的美術設(she)計(ji)、創意工作(zuo)和制作(zuo)工作(zuo)；

2、根(gen)據各(ge)種相關軟件的用(yong)戶群(qun)，提出構思新穎、有高度(du)吸引力的創意設計；

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

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

5、收集和(he)分析(xi)用戶對(dui)于GUI的需求。

（二）UI設計好找工作嗎

隨(sui)著技術領(ling)域的逐步拓展(zhan)，產品(pin)生(sheng)產的人性(xing)化意(yi)識(shi)日趨增強，越(yue)(yue)(yue)來越(yue)(yue)(yue)多(duo)的企業開始注重交互設計、用戶測試方面(mian)的投(tou)入，UI設計領(ling)域“三(san)足鼎立”的局面(mian)將(jiang)(jiang)越(yue)(yue)(yue)來越(yue)(yue)(yue)成為(wei)大勢所趨。這也就意(yi)味著兼(jian)具美術設計、程序編碼(ma)、市場調(diao)查、心理學分(fen)析(xi)等諸多(duo)方面(mian)綜合能力的UI設計師將(jiang)(jiang)擁有更為(wei)廣闊(kuo)的發展(zhan)前景。

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

其實城市(shi)對薪資待遇有很大的影(ying)響，很多(duo)人都會覺得北上(shang)廣(guang)深的發展(zhan)很好，原因就是這(zhe)幾個城市(shi)的薪資待遇高。

從UI設計行(xing)業(ye)去看，全國U設計師的平均(jun)薪(xin)資是(shi)10000左右(you)，北京薪(xin)資水平高(gao)，平均(jun)薪(xin)資是(shi)16000左右(you)，然(ran)后(hou)依(yi)次是(shi)上海、杭州(zhou)、深圳等互聯網行(xing)業(ye)發展較好的城市。

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

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

UI設計是互聯網發(fa)展下誕生的產(chan)物，所以只要有互聯行業(ye)在，只要互聯網在發(fa)展，只要存在智能手機(ji)，電子產(chan)品，用戶界面，那么UI設計師這個行業(ye)就永遠不會飽和。

（五）UI設計就業方向

1、圖形設計師

它不僅僅是單純意義上的(de)美術(shu)工人，而是了解(jie)軟(ruan)件產(chan)(chan)品、致力于提高軟(ruan)件用戶(hu)體(ti)驗的(de)產(chan)(chan)品外(wai)形設計師，例如工業外(wai)形設計、裝(zhuang)潢(huang)設計、信息多媒體(ti)設計等。

2、交互設計師

主要負責設計軟(ruan)件(jian)的操作流程、樹狀結(jie)構、軟(ruan)件(jian)的結(jie)構與操作規范等。

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

主要測(ce)試交互(hu)設計(ji)的合(he)理(li)性(xing)以及圖形設計(ji)的美觀性(xing)，通常采用戶外問卷的形式(shi)來衡量UI設計(ji)的合(he)理(li)性(xing)。

4、其他

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

【UI設計培訓>>】