一、UI設計是什么

UI設(she)(she)計(ji)（或稱界(jie)面設(she)(she)計(ji)）是指對軟件的人(ren)機(ji)交互(hu)、操作邏輯、界(jie)面美觀(guan)的整(zheng)體設(she)(she)計(ji)。UI設(she)(she)計(ji)分為實體UI和虛(xu)擬UI，互(hu)聯網(wang)常用(yong)的UI設(she)(she)計(ji)是虛(xu)擬UI，UI即User Interface(用(yong)戶界(jie)面)的簡稱。

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

二、UI設計學習

（一）需要學什么軟件

1、Photoshop

UI設計(ji)用的最多的軟件，90%以(yi)上的UI設計(ji)師(shi)都是(shi)要會PS的，其處理圖片功能(neng)非常(chang)強(qiang)大，調色方面(mian)也(ye)不(bu)(bu)錯，還(huan)有(you)圖層樣式，布爾運算方面(mian)都是(shi)UI設計(ji)必備的。不(bu)(bu)過也(ye)有(you)劣勢，就是(shi)無法繪(hui)制矢(shi)量圖形(xing)，排版也(ye)不(bu)(bu)是(shi)很好。還(huan)有(you)圖層也(ye)有(you)點(dian)多。管(guan)理起來不(bu)(bu)是(shi)很方便。在(zai)UI設計(ji)中主要的用途是(shi)用來繪(hui)制界(jie)面(mian)和圖標(biao)。

2、Illustrator

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

3、After Effects

主要(yao)是(shi)做(zuo)來做(zuo)影視(shi)后期視(shi)頻(pin)特效(xiao)(xiao)的，但(dan)是(shi)在(zai)UI這個的話就是(shi)用來做(zuo)一(yi)些UI的交互(hu)動(dong)效(xiao)(xiao)。動(dong)效(xiao)(xiao)這塊是(shi)效(xiao)(xiao)率最(zui)高的軟件，不過不能用AE畫(hua)圖標做(zuo)界(jie)面。這個AE不擅長。

4、Axure RP Pro

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

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

第一周：手繪

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

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

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

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

掌(zhang)握(wo)平面設(she)計中點、線(xian)、面，加以(yi)延伸到Logo設(she)計，Logo-方(fang)面是包括圖形另一方(fang)面是包括字(zi)體，所以(yi)了(le)解文字(zi)結(jie)構是非(fei)常(chang)基礎的，以(yi)及(ji)如(ru)果這一階段(duan)學的非(fei)常(chang)好，接(jie)Logo私單，價(jia)格高到不敢相信。

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

這一(yi)周其(qi)重點是甲方思(si)維思(si)考設計，對，就(jiu)是那個煩人的(de)甲方爸爸，需要(yao)學習(xi)換(huan)位思(si)考。

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

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

第八周：后臺數據

除了后臺設(she)計，更多(duo)的是后臺的數據統計處理，如何做到(dao)簡(jian)單化(hua)(hua)、明了化(hua)(hua)。

第九周：電商設計

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

第十周：平臺詳情、后臺

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

第十一周：C4D，Banner

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

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

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

第十三周：圖標

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

第十四周：界面、膠囊

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

第十五周：界面設計

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

第十六周：運營界面

營(ying)銷(xiao)推廣性的用戶思維(wei)培(pei)養，把握用戶的痛點(dian)提(ti)升(sheng)整體(ti)運營(ying)界面，達到營(ying)銷(xiao)推廣的目的。這(zhe)一(yi)般都是通過(guo)突(tu)然跳(tiao)出(chu)來的彈窗、閃(shan)屏等(deng)，比如促(cu)銷(xiao)性質(zhi)的頁面，增加了(le)視(shi)覺感染力，促(cu)進了(le)用戶的點(dian)擊(ji)。

第十七周：交互動效

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

第十八周：前端

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

三、UI設計師工作

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

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

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

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

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

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

（二）UI設計好找工作嗎

隨著技術領域的(de)逐步(bu)拓(tuo)展，產品生產的(de)人性化(hua)意識日趨(qu)增(zeng)強，越(yue)來越(yue)多的(de)企業開始注(zhu)重交互(hu)設(she)(she)計(ji)、用戶測試(shi)方面的(de)投入，UI設(she)(she)計(ji)領域“三足(zu)鼎立”的(de)局面將(jiang)越(yue)來越(yue)成為大(da)勢所趨(qu)。這也就意味著兼具美術設(she)(she)計(ji)、程序編碼(ma)、市場調查、心理學分(fen)析等諸多方面綜合能力的(de)UI設(she)(she)計(ji)師將(jiang)擁(yong)有更為廣闊(kuo)的(de)發展前景。

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

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

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

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

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

UI設(she)計是互(hu)聯(lian)網發展(zhan)下誕生的(de)產(chan)物，所以只要(yao)有(you)互(hu)聯(lian)行業在(zai)，只要(yao)互(hu)聯(lian)網在(zai)發展(zhan)，只要(yao)存在(zai)智能手機(ji)，電子產(chan)品(pin)，用戶(hu)界面，那么(me)UI設(she)計師這個行業就永(yong)遠(yuan)不會飽和(he)。

（五）UI設計就業方向

1、圖形設計師

它不僅僅是(shi)單純意義上(shang)的美術工人，而是(shi)了(le)解軟件產品、致力于提高軟件用戶體驗(yan)的產品外形設(she)計師(shi)，例如(ru)工業外形設(she)計、裝潢設(she)計、信息(xi)多媒(mei)體設(she)計等。

2、交互設計師

主要負責設(she)計(ji)軟件的操(cao)(cao)作流程、樹狀結構(gou)、軟件的結構(gou)與操(cao)(cao)作規范等。

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

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

4、其他

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

【UI設計培訓>>】