一、UI設計是什么

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

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

二、UI設計學習

（一）需要學什么軟件

1、Photoshop

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

2、Illustrator

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

3、After Effects

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

4、Axure RP Pro

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

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

第一周：手繪

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

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

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

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

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

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

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

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

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

第八周：后臺數據

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

第九周：電商設計

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

第十周：平臺詳情、后臺

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

第十一周：C4D，Banner

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

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

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

第十三周：圖標

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

第十四周：界面、膠囊

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

第十五周：界面設計

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

第十六周：運營界面

營銷推廣性(xing)的(de)(de)用(yong)戶思(si)維(wei)培養，把握(wo)用(yong)戶的(de)(de)痛點提升整體運營界面，達到營銷推廣的(de)(de)目的(de)(de)。這(zhe)一般都(dou)是通過突然(ran)跳出來的(de)(de)彈窗(chuang)、閃屏等，比如促(cu)銷性(xing)質的(de)(de)頁(ye)面，增加了視覺感染力，促(cu)進(jin)了用(yong)戶的(de)(de)點擊。

第十七周：交互動效

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

第十八周：前端

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

三、UI設計師工作

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

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

2、根據各種相關軟(ruan)件的用戶群(qun)，提出構思新(xin)穎、有高度吸引(yin)力(li)的創意設計；

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

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

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

（二）UI設計好找工作嗎

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

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

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

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

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

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

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

（五）UI設計就業方向

1、圖形設計師

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

2、交互設計師

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

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

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

4、其他

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

【UI設計培訓>>】