一、UI設計是什么

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

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

二、UI設計學習

（一）需要學什么軟件

1、Photoshop

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

2、Illustrator

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

3、After Effects

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

4、Axure RP Pro

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

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

第一周：手繪

手(shou)繪(hui)的(de)重點主要是培養學員(yuan)的(de)形體(ti)結構，光感、空間的(de)關(guan)系，這算是一個審美培養的(de)啟蒙(meng)，時下(xia)最流行的(de)矢量(liang)插畫就和(he)手(shou)繪(hui)密(mi)切相關(guan)。

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

從(cong)零開始學(xue)習軟件，需要用實際的(de)(de)案例(li)去(qu)學(xue)習，這樣(yang)更加(jia)容易(yi)上手，并且U設(she)(she)計的(de)(de)學(xue)習并不(bu)是只是簡(jian)單的(de)(de)學(xue)習軟件工(gong)具，很(hen)多人都以為(wei)UI設(she)(she)計只要會(hui)了(le)PS，Al等就可以了(le)，其實讓(rang)通(tong)過實際的(de)(de)案例(li)去(qu)了(le)解設(she)(she)計背后(hou)的(de)(de)意義即設(she)(she)計思維(wei)、創意理解，才(cai)是更為(wei)重要的(de)(de)目的(de)(de)。

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

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

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

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

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

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

第八周：后臺數據

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

第九周：電商設計

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

第十周：平臺詳情、后臺

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

第十一周：C4D，Banner

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

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

本周開始設(she)計APP，通過(guo)數(shu)據分(fen)析來做競品分(fen)析，使(shi)用(yong)Axure來繪制(zhi)APP的原型圖。

第十三周：圖標

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

第十四周：界面、膠囊

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

第十五周：界面設計

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

第十六周：運營界面

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

第十七周：交互動效

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

第十八周：前端

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

三、UI設計師工作

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

1、負責(ze)軟件界(jie)面的美術設計(ji)、創意工作和制作工作；

2、根據(ju)各種相關軟件的用戶群，提(ti)出構(gou)思新穎、有高度吸引力的創意設計(ji)；

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

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

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

（二）UI設計好找工作嗎

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

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

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

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

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

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

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

（五）UI設計就業方向

1、圖形設計師

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

2、交互設計師

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

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

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

4、其他

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

【UI設計培訓>>】