一、UI設計是什么

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

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

二、UI設計學習

（一）需要學什么軟件

1、Photoshop

UI設(she)計(ji)(ji)用的(de)(de)最多(duo)的(de)(de)軟件，90%以上的(de)(de)UI設(she)計(ji)(ji)師(shi)都是要會PS的(de)(de)，其(qi)處(chu)理(li)圖(tu)(tu)片功能非常(chang)強大，調色(se)方面(mian)也不錯(cuo)，還(huan)有(you)圖(tu)(tu)層樣式(shi)，布爾(er)運(yun)算(suan)方面(mian)都是UI設(she)計(ji)(ji)必備(bei)的(de)(de)。不過也有(you)劣勢，就是無(wu)法(fa)繪制矢量圖(tu)(tu)形，排版(ban)也不是很(hen)(hen)好。還(huan)有(you)圖(tu)(tu)層也有(you)點(dian)多(duo)。管理(li)起(qi)來不是很(hen)(hen)方便(bian)。在UI設(she)計(ji)(ji)中(zhong)主要的(de)(de)用途是用來繪制界(jie)面(mian)和(he)圖(tu)(tu)標。

2、Illustrator

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

3、After Effects

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

4、Axure RP Pro

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

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

第一周：手繪

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

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

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

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

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

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

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

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

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

第八周：后臺數據

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

第九周：電商設計

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

第十周：平臺詳情、后臺

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

第十一周：C4D，Banner

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

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

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

第十三周：圖標

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

第十四周：界面、膠囊

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

第十五周：界面設計

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

第十六周：運營界面

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

第十七周：交互動效

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

第十八周：前端

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

三、UI設計師工作

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

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

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

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

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

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

（二）UI設計好找工作嗎

隨著技(ji)術(shu)領域(yu)(yu)的逐步(bu)拓展，產品(pin)生產的人性化意識(shi)日趨(qu)增強，越來(lai)越多的企(qi)業開始注重交互(hu)設計(ji)、用(yong)戶測(ce)試方面(mian)的投(tou)入，UI設計(ji)領域(yu)(yu)“三足鼎立(li)”的局面(mian)將(jiang)越來(lai)越成為大勢所(suo)趨(qu)。這也就意味著兼具美(mei)術(shu)設計(ji)、程序編碼、市場(chang)調查、心理學分析等諸多方面(mian)綜合(he)能力的UI設計(ji)師將(jiang)擁(yong)有(you)更為廣(guang)闊(kuo)的發(fa)展前景(jing)。

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

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

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

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

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

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

（五）UI設計就業方向

1、圖形設計師

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

2、交互設計師

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

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

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

4、其他

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

【UI設計培訓>>】