一、UI設計是什么

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

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

二、UI設計學習

（一）需要學什么軟件

1、Photoshop

UI設(she)(she)計用的(de)最(zui)多(duo)的(de)軟件，90%以上的(de)UI設(she)(she)計師(shi)都是(shi)(shi)要會PS的(de)，其處理圖(tu)(tu)(tu)片功能非常強大，調色方(fang)面也不(bu)錯，還有圖(tu)(tu)(tu)層(ceng)樣式(shi)，布爾(er)運算方(fang)面都是(shi)(shi)UI設(she)(she)計必(bi)備的(de)。不(bu)過(guo)也有劣(lie)勢(shi)，就(jiu)是(shi)(shi)無法繪制矢量圖(tu)(tu)(tu)形(xing)，排版(ban)也不(bu)是(shi)(shi)很好(hao)。還有圖(tu)(tu)(tu)層(ceng)也有點(dian)多(duo)。管(guan)理起來不(bu)是(shi)(shi)很方(fang)便。在UI設(she)(she)計中主要的(de)用途是(shi)(shi)用來繪制界面和圖(tu)(tu)(tu)標。

2、Illustrator

一(yi)款矢量(liang)繪圖(tu)軟件，在(zai)做(zuo)UI圖(tu)標(biao)(biao)上非常不錯。特別是繪制扁平(ping)化圖(tu)標(biao)(biao)這塊(kuai)。很好(hao)(hao)用。也有(you)矢量(liang)功能畫出(chu)來的圖(tu)形可(ke)以放大縮小。劣(lie)勢就是不能調色。做(zuo)擬(ni)物化圖(tu)標(biao)(biao)也不是很好(hao)(hao)做(zuo)。

3、After Effects

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

4、Axure RP Pro

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

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

第一周：手繪

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

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

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

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

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

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

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

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

從案例來講(jiang)述網頁設計(ji)的構成(cheng)、顏(yan)色、字體、功(gong)能、按鈕以(yi)及設計(ji)規范(fan)、排(pai)版規范(fan)。

第八周：后臺數據

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

第九周：電商設計

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

第十周：平臺詳情、后臺

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

第十一周：C4D，Banner

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

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

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

第十三周：圖標

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

第十四周：界面、膠囊

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

第十五周：界面設計

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

第十六周：運營界面

營銷推廣性(xing)的(de)用戶思維培養，把(ba)握用戶的(de)痛點提升整體(ti)運營界(jie)面，達到營銷推廣的(de)目(mu)的(de)。這一般都是(shi)通過突然跳出來的(de)彈窗、閃屏(ping)等(deng)，比如促(cu)(cu)銷性(xing)質的(de)頁面，增加了(le)視覺感(gan)染力(li)，促(cu)(cu)進(jin)了(le)用戶的(de)點擊。

第十七周：交互動效

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

第十八周：前端

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

三、UI設計師工作

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

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

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

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

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

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

（二）UI設計好找工作嗎

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

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

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

從UI設計行業去看，全國U設計師的平均薪(xin)(xin)資(zi)是(shi)(shi)10000左右，北(bei)京薪(xin)(xin)資(zi)水平高，平均薪(xin)(xin)資(zi)是(shi)(shi)16000左右，然后依(yi)次(ci)是(shi)(shi)上海(hai)、杭(hang)州、深圳等互聯(lian)網行業發展(zhan)較(jiao)好的城市。

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

互(hu)(hu)聯網時(shi)代(dai)，絕大多(duo)數企業都意識到(dao)通過線(xian)上(shang)資訊來吸引更多(duo)的(de)(de)(de)潛在(zai)(zai)客戶是(shi)多(duo)么重(zhong)要(yao)。這(zhe)些潛在(zai)(zai)客戶對你的(de)(de)(de)公司及產品印(yin)象的(de)(de)(de)好壞，很(hen)大程度上(shang)取決(jue)于你在(zai)(zai)網站設(she)計上(shang)投入精力(li)的(de)(de)(de)多(duo)少(shao)。企業站和(he)電商平臺也是(shi)互(hu)(hu)聯網環境下企業必不可少(shao)的(de)(de)(de)傳播平臺和(he)C端自(zi)主(zhu)交易平臺，是(shi)互(hu)(hu)聯網產業下的(de)(de)(de)主(zhu)流。這(zhe)還只是(shi)部(bu)分網頁U設(she)計的(de)(de)(de)發展(zhan)需求(qiu)，隨著智能手機的(de)(de)(de)普及、5G時(shi)代(dai)的(de)(de)(de)來臨，對于APP的(de)(de)(de)需求(qiu)更是(shi)不可估計，而這(zhe)些東西(xi)的(de)(de)(de)界面都來自(zi)于U1設(she)計，所以可以說UI設(she)計市場并未(wei)飽(bao)和(he)。

UI設計(ji)是(shi)互(hu)(hu)聯(lian)網發展下誕(dan)生的產(chan)物(wu)，所(suo)以(yi)只(zhi)要有互(hu)(hu)聯(lian)行業(ye)(ye)在，只(zhi)要互(hu)(hu)聯(lian)網在發展，只(zhi)要存在智能(neng)手(shou)機，電子產(chan)品，用戶界面，那么UI設計(ji)師這(zhe)個行業(ye)(ye)就永遠(yuan)不會(hui)飽和。

（五）UI設計就業方向

1、圖形設計師

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

2、交互設計師

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

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

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

4、其他

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

【UI設計培訓>>】