一、UI設計是什么

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

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

二、UI設計學習

（一）需要學什么軟件

1、Photoshop

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

2、Illustrator

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

3、After Effects

主(zhu)要是做(zuo)來做(zuo)影視(shi)后期視(shi)頻特效的(de)，但(dan)是在(zai)UI這(zhe)(zhe)個的(de)話就是用(yong)來做(zuo)一些(xie)UI的(de)交互動(dong)(dong)效。動(dong)(dong)效這(zhe)(zhe)塊是效率最(zui)高的(de)軟(ruan)件(jian)，不過(guo)不能用(yong)AE畫圖(tu)標做(zuo)界面。這(zhe)(zhe)個AE不擅長。

4、Axure RP Pro

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

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

第一周：手繪

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

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

從零開始學習軟件，需(xu)要(yao)用(yong)實(shi)際(ji)的案例去(qu)(qu)學習，這樣更(geng)加(jia)容易上(shang)手(shou)，并且U設(she)計的學習并不是(shi)(shi)只是(shi)(shi)簡單(dan)的學習軟件工具(ju)，很多人都(dou)以(yi)為UI設(she)計只要(yao)會了(le)PS，Al等就(jiu)可以(yi)了(le)，其實(shi)讓通過實(shi)際(ji)的案例去(qu)(qu)了(le)解設(she)計背后(hou)的意(yi)義即設(she)計思維、創(chuang)意(yi)理解，才是(shi)(shi)更(geng)為重要(yao)的目的。

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

掌握平面(mian)設計(ji)中點、線、面(mian)，加以(yi)延伸到(dao)Logo設計(ji)，Logo-方面(mian)是(shi)包(bao)括圖(tu)形另(ling)一(yi)方面(mian)是(shi)包(bao)括字體，所以(yi)了解文字結構(gou)是(shi)非(fei)常基礎的，以(yi)及如(ru)果這一(yi)階段學的非(fei)常好(hao)，接(jie)Logo私單，價格高(gao)到(dao)不(bu)敢相信。

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

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

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

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

第八周：后臺數據

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

第九周：電商設計

電商平臺芒果(guo)视频(pin)設計(ji)，每一個月各(ge)大(da)(da)購物(wu)平臺都(dou)會有全(quan)站式的活動，活動主題都(dou)不一樣，所以其(qi)實(shi)電商設計(ji)的人(ren)才缺口是非常大(da)(da)的。

第十周：平臺詳情、后臺

這(zhe)一部(bu)分是(shi)可以自(zi)己去(qu)申請(qing)店、上(shang)架產品，任何學習都沒(mei)有直(zhi)接(jie)上(shang)手來得快(kuai)。實(shi)操(cao)實(shi)練，自(zi)己去(qu)體會(hui)各大平臺(tai)的規(gui)范，才(cai)會(hui)了解得更加清楚。

第十一周：C4D，Banner

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

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

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

第十三周：圖標

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

第十四周：界面、膠囊

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

第十五周：界面設計

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

第十六周：運營界面

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

第十七周：交互動效

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

第十八周：前端

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

三、UI設計師工作

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

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

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

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

4、維(wei)護(hu)現有(you)的應用產品(pin)；

5、收集和分析用戶對于GUI的需求。

（二）UI設計好找工作嗎

隨著(zhu)(zhu)技術領域的逐步拓展(zhan)，產(chan)品生產(chan)的人性化(hua)意識日趨增強，越來越多(duo)(duo)的企業開始注重(zhong)交互設(she)計、用戶測試(shi)方面的投入，UI設(she)計領域“三足鼎立”的局(ju)面將(jiang)越來越成為(wei)大勢所(suo)趨。這也(ye)就意味(wei)著(zhu)(zhu)兼具美術設(she)計、程(cheng)序編碼、市場(chang)調查、心理學(xue)分析等諸(zhu)多(duo)(duo)方面綜合(he)能力的UI設(she)計師將(jiang)擁有更為(wei)廣闊的發展(zhan)前(qian)景。

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

其實城(cheng)市對薪(xin)資待遇有很(hen)大的(de)影響(xiang)，很(hen)多人都會覺(jue)得北(bei)上廣深的(de)發展很(hen)好(hao)，原(yuan)因就(jiu)是這幾個城(cheng)市的(de)薪(xin)資待遇高。

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

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

互聯(lian)網(wang)(wang)時(shi)(shi)代，絕大多(duo)數(shu)企業都意識到(dao)通過線(xian)上(shang)資訊來吸引更(geng)多(duo)的(de)(de)(de)(de)潛(qian)(qian)在客戶(hu)是多(duo)么(me)重要。這些潛(qian)(qian)在客戶(hu)對(dui)你的(de)(de)(de)(de)公司及產(chan)品(pin)印象的(de)(de)(de)(de)好壞，很大程(cheng)度上(shang)取決于(yu)你在網(wang)(wang)站設(she)計上(shang)投入(ru)精(jing)力的(de)(de)(de)(de)多(duo)少。企業站和電商平臺也是互聯(lian)網(wang)(wang)環境下企業必不可(ke)(ke)少的(de)(de)(de)(de)傳(chuan)播平臺和C端自主交(jiao)易平臺，是互聯(lian)網(wang)(wang)產(chan)業下的(de)(de)(de)(de)主流(liu)。這還只是部分網(wang)(wang)頁(ye)U設(she)計的(de)(de)(de)(de)發展需求(qiu)，隨著智(zhi)能手機(ji)的(de)(de)(de)(de)普(pu)及、5G時(shi)(shi)代的(de)(de)(de)(de)來臨，對(dui)于(yu)APP的(de)(de)(de)(de)需求(qiu)更(geng)是不可(ke)(ke)估計，而這些東(dong)西的(de)(de)(de)(de)界面都來自于(yu)U1設(she)計，所以可(ke)(ke)以說UI設(she)計市場并未飽(bao)和。

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

（五）UI設計就業方向

1、圖形設計師

它(ta)不僅(jin)僅(jin)是單純意(yi)義上的美術工(gong)人，而是了解軟(ruan)(ruan)件(jian)產品、致力于(yu)提高(gao)軟(ruan)(ruan)件(jian)用戶體(ti)(ti)驗(yan)的產品外(wai)(wai)形設(she)計(ji)師，例如工(gong)業外(wai)(wai)形設(she)計(ji)、裝潢(huang)設(she)計(ji)、信息多媒體(ti)(ti)設(she)計(ji)等。

2、交互設計師

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

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

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

4、其他

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

【UI設計培訓>>】