一、UI設計是什么

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

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

二、UI設計學習

（一）需要學什么軟件

1、Photoshop

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

2、Illustrator

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

3、After Effects

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

4、Axure RP Pro

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

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

第一周：手繪

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

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

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

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

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

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

這(zhe)一周(zhou)其(qi)重(zhong)點是甲方思(si)維思(si)考設計，對，就是那個煩人(ren)的甲方爸爸，需要學習換位思(si)考。

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

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

第八周：后臺數據

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

第九周：電商設計

電商平臺芒果视频下(xia)载設計，每一個月各(ge)大購物平臺都會有全(quan)站式的(de)活動，活動主題(ti)都不一樣，所以(yi)其(qi)實(shi)電商設計的(de)人才(cai)缺口是非常大的(de)。

第十周：平臺詳情、后臺

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

第十一周：C4D，Banner

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

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

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

第十三周：圖標

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

第十四周：界面、膠囊

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

第十五周：界面設計

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

第十六周：運營界面

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

第十七周：交互動效

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

第十八周：前端

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

三、UI設計師工作

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

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

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

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

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

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

（二）UI設計好找工作嗎

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

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

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

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

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

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

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

（五）UI設計就業方向

1、圖形設計師

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

2、交互設計師

主(zhu)要負(fu)責設(she)計(ji)軟件(jian)的(de)操作(zuo)流(liu)程、樹(shu)狀(zhuang)結構、軟件(jian)的(de)結構與操作(zuo)規范等。

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

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

4、其他

除(chu)上述的職(zhi)位以外，還可以從事(shi)美(mei)工(gong)、webUI設計師、移動(dong)端(duan)UI設計師、平(ping)面(mian)設計師、工(gong)業外形設計，信息多(duo)媒體(ti)設計、產品經理(li)等。

【UI設計培訓>>】