一、UI設計是什么

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

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

二、UI設計學習

（一）需要學什么軟件

1、Photoshop

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

2、Illustrator

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

3、After Effects

主要是(shi)做(zuo)來做(zuo)影視后期視頻特(te)效(xiao)(xiao)的(de)，但是(shi)在UI這(zhe)(zhe)個(ge)的(de)話就是(shi)用(yong)來做(zuo)一些UI的(de)交互(hu)動(dong)效(xiao)(xiao)。動(dong)效(xiao)(xiao)這(zhe)(zhe)塊是(shi)效(xiao)(xiao)率(lv)最高的(de)軟件(jian)，不過(guo)不能用(yong)AE畫(hua)圖標(biao)做(zuo)界面(mian)。這(zhe)(zhe)個(ge)AE不擅長(chang)。

4、Axure RP Pro

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

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

第一周：手繪

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

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

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

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

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

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

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

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

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

第八周：后臺數據

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

第九周：電商設計

電(dian)商平(ping)臺芒果视频(pin)下载設計(ji)，每一個(ge)月各大購物平(ping)臺都會有全(quan)站式的(de)活(huo)動，活(huo)動主(zhu)題都不(bu)一樣，所以其實電(dian)商設計(ji)的(de)人才缺口是非常大的(de)。

第十周：平臺詳情、后臺

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

第十一周：C4D，Banner

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

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

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

第十三周：圖標

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

第十四周：界面、膠囊

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

第十五周：界面設計

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

第十六周：運營界面

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

第十七周：交互動效

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

第十八周：前端

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

三、UI設計師工作

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

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

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

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

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

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

（二）UI設計好找工作嗎

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

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

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

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

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

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

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

（五）UI設計就業方向

1、圖形設計師

它不僅(jin)僅(jin)是(shi)單(dan)純意義上的美術工人，而(er)是(shi)了(le)解軟(ruan)件(jian)產品、致(zhi)力于提高(gao)軟(ruan)件(jian)用戶體(ti)驗的產品外形(xing)設計(ji)(ji)師，例(li)如工業外形(xing)設計(ji)(ji)、裝潢設計(ji)(ji)、信(xin)息多(duo)媒(mei)體(ti)設計(ji)(ji)等。

2、交互設計師

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

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

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

4、其他

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

【UI設計培訓>>】