互聯(lián)網(wǎng)行業(yè)火熱，很多外行都想轉(zhuǎn)行擠入這個(gè)高薪行業(yè)。零基礎(chǔ)轉(zhuǎn)行互聯(lián)網(wǎng)，首先應(yīng)該選擇一個(gè)自己感興趣的方向，比如開發(fā)、測(cè)試、設(shè)計(jì)、運(yùn)營(yíng)等。然后再去深入學(xué)習(xí)，掌握這個(gè)方向的技能，達(dá)到企業(yè)用人的標(biāo)準(zhǔn)和要求。

很多人擔(dān)心開發(fā)太難，測(cè)試太枯燥，對(duì)設(shè)計(jì)感興趣，就會(huì)選擇UI設(shè)計(jì)方向去學(xué)習(xí)轉(zhuǎn)行。那零基礎(chǔ)想要轉(zhuǎn)行UI設(shè)計(jì)，如果自學(xué)，需要學(xué)習(xí)哪些內(nèi)容呢？很多初次接觸UI設(shè)計(jì)的小伙伴，都會(huì)先以工具入手，但是UI設(shè)計(jì)最重要的學(xué)習(xí)部分并不是工具，而是設(shè)計(jì)基礎(chǔ)、設(shè)計(jì)理論。只有扎實(shí)了設(shè)計(jì)基礎(chǔ)，才能用工具正確地表達(dá)設(shè)計(jì)理念，才能夠談創(chuàng)意、求創(chuàng)新。那我們就先來(lái)聊聊設(shè)計(jì)基礎(chǔ)的學(xué)習(xí)，再去分享UI設(shè)計(jì)應(yīng)該學(xué)習(xí)哪些工具，當(dāng)了解清楚這些內(nèi)容以后，再結(jié)合UI設(shè)計(jì)的市場(chǎng)需求分享一下課程大綱，幫助大家更好的了解和學(xué)習(xí)UI設(shè)計(jì)。

[if !supportLists]一、[endif]設(shè)計(jì)基礎(chǔ)

UI設(shè)計(jì)也屬于設(shè)計(jì)專業(yè)，所以必須掌握設(shè)計(jì)原則、平面構(gòu)成、色彩構(gòu)成、立體構(gòu)成（即三大構(gòu)成）等設(shè)計(jì)理論。有了這些才可以靈活的去怎樣根據(jù)不同行業(yè)不同人群去定位品牌色彩，分析Logo圖形的形式與氣質(zhì)、圖像抽象化變形正負(fù)型結(jié)合、字母和圖形結(jié)合等等。

[if !supportLists]1、[endif]美術(shù)基礎(chǔ)

[if !supportLists]2、[endif]設(shè)計(jì)理論 《設(shè)計(jì)中的設(shè)計(jì)》《寫給大家看的設(shè)計(jì)書》《設(shè)計(jì)心理學(xué)》 《版式設(shè)計(jì)原理? 案例篇》《設(shè)計(jì)的覺醒》《簡(jiǎn)約至上-交互設(shè)計(jì)四原則》《配色設(shè)計(jì)原理》《平面設(shè)計(jì)中的網(wǎng)格系統(tǒng)》

二、設(shè)計(jì)工具

1、PS-Adobe Photoshop，一款由Adobe Systems開發(fā)和發(fā)行的圖像處理軟件。

那如何學(xué)習(xí)這個(gè)工具呢？

其實(shí)大家都知道，用實(shí)用的案例去學(xué)習(xí)一個(gè)工具，能讓學(xué)習(xí)帶有目的性，才能更快的掌握工具的使用方法，所以對(duì)于Photoshop的學(xué)習(xí)也是一樣。

學(xué)習(xí)的途徑一般有兩種：看書、看教學(xué)視頻。

在這里先給大家推薦兩本PS的學(xué)習(xí)書籍，《Adobe Photoshop CC 2019經(jīng)典教》、《Adobe Photoshop國(guó)際認(rèn)證培訓(xùn)教材》，這兩本書都是權(quán)威認(rèn)證的官方圖書，針對(duì)Photoshop初學(xué)者深入淺出地講解了軟件的使用技巧，并用實(shí)戰(zhàn)案例進(jìn)一步引導(dǎo)讀者掌握軟件的應(yīng)用方法。

視頻的學(xué)習(xí)可能會(huì)比圖書更生動(dòng)形象，如果想要系統(tǒng)的自學(xué)PS，可以參考我之前寫過(guò)的一個(gè)關(guān)于PS學(xué)習(xí)的回答，可以幫助你循序漸進(jìn)、由淺入深的帶著實(shí)際案例學(xué)習(xí)PS。

[if !supportLists]3、[endif]AI-dobe illustrator，是一款應(yīng)用于出版、多媒體和在線圖像的工業(yè)標(biāo)準(zhǔn)矢量插畫的軟件。它的功能強(qiáng)大，用戶界面體貼，是大多數(shù)設(shè)計(jì)師選擇矢量編輯軟件的不二選擇。

關(guān)于AI的學(xué)習(xí)，也和PS的雷同，先了解軟件，再通過(guò)實(shí)際案例去學(xué)習(xí)，在操作中熟練使用該軟件。

3、XD/Sketch，Adobe XD被定義為Photoshop的原型工具，是一款輕量級(jí)的矢量圖形編輯器和原型設(shè)計(jì)工具，它常常被拿來(lái)和Sketch做比較。Sketch是一款輕量、易用的矢量設(shè)計(jì)工具，讓UI設(shè)計(jì)的工作更加簡(jiǎn)單高效。

那你肯定會(huì)問(wèn)這兩個(gè)工具到底哪個(gè)好？

這完全取決于個(gè)人習(xí)慣和愛好。如果你已經(jīng)習(xí)慣并喜歡使用一個(gè)工具，則無(wú)需切換其他的同種類工具。

4、AE-Adobe After Effects，Adobe公司推出的一款圖形視頻處理軟件。

5、C4D是UI設(shè)計(jì)中一款非常重要的工具，只要是涉足三維場(chǎng)景、產(chǎn)品、視效制作的地方，C4D都可以勝任。

6、AXURE-Axure RP是一款專業(yè)的快速原型設(shè)計(jì)工具，它可以快速創(chuàng)建應(yīng)用軟件或Web網(wǎng)站的線框圖、流程圖、原型設(shè)計(jì)圖。

三、UI設(shè)計(jì)課程大綱

以上介紹了設(shè)計(jì)基礎(chǔ)、設(shè)計(jì)工具，我們回到問(wèn)題本身，那如何才能將UI設(shè)計(jì)所有的知識(shí)系統(tǒng)地、成體系的學(xué)習(xí)呢？我們將學(xué)習(xí)內(nèi)容拆分出來(lái)，以周為學(xué)習(xí)周期，來(lái)簡(jiǎn)單介紹一下UI設(shè)計(jì)的學(xué)習(xí)流程。

第一周：手繪

手繪的重點(diǎn)主要是培養(yǎng)學(xué)員的形體結(jié)構(gòu)，光感、空間的關(guān)系，這算是一個(gè)審美培養(yǎng)的啟蒙，時(shí)下最流行的矢量插畫就和手繪密切相關(guān)。

第二、三周：PS、AI基礎(chǔ)軟件的學(xué)習(xí)

從零開始學(xué)習(xí)軟件，需要用實(shí)際的案例去學(xué)習(xí)，這樣更加容易上手，并且UI設(shè)計(jì)的學(xué)習(xí)并不是只是簡(jiǎn)單的學(xué)習(xí)軟件工具，很多在人都以為UI設(shè)計(jì)只要會(huì)了PS、AI等就可以了，其實(shí)讓通過(guò)實(shí)際的案例去了解設(shè)計(jì)背后的意義即設(shè)計(jì)思維、創(chuàng)意理解，才是更為重要的目的。

但是只學(xué)思維也不行，我們也要加強(qiáng)設(shè)計(jì)的基本功，對(duì)軟件完全的精通掌握，這是必須的。

[if !supportLists]第四、[endif]五周:平面構(gòu)成、Logo

掌握平面設(shè)計(jì)中點(diǎn)、線、面，加以延伸到到Logo設(shè)計(jì)，Logo一方面是包括圖形另一方面是包括字體，所以了解文字結(jié)構(gòu)是非?；A(chǔ)的，以及如果這一階段學(xué)的非常好，接Logo私單，價(jià)格高到不敢相信。

第六周：品牌Logo定稿以及VI手冊(cè)設(shè)計(jì)

這一周其重點(diǎn)是甲方思維思考設(shè)計(jì)，對(duì)，就是那個(gè)煩人的甲方爸爸，需要學(xué)習(xí)換位思考。

整個(gè)第一階段的學(xué)習(xí)內(nèi)容都是非?；A(chǔ)的，目的是培養(yǎng)設(shè)計(jì)思維，正所謂懂用戶所想，還不能設(shè)計(jì)出好產(chǎn)品？

第七周：響應(yīng)式網(wǎng)站、一屏式網(wǎng)站

從案例來(lái)講述網(wǎng)頁(yè)設(shè)計(jì)的構(gòu)成、顏色、字體、功能、按鈕以及設(shè)計(jì)規(guī)范、排版規(guī)范。

第八周：后臺(tái)數(shù)據(jù)

除了后臺(tái)設(shè)計(jì)，更多的是后臺(tái)的數(shù)據(jù)統(tǒng)計(jì)處理，如何做到簡(jiǎn)單化、明了化。

第九周：電商設(shè)計(jì)

電商平臺(tái)首頁(yè)設(shè)計(jì)，每一個(gè)月各大購(gòu)物平臺(tái)都會(huì)有全站式的活動(dòng)，活動(dòng)主題都不一樣，所以其實(shí)電商設(shè)計(jì)的人才缺口是非常大的。

第十周：淘寶平臺(tái)詳情頁(yè)、后臺(tái)

這一部分是可以自己去申請(qǐng)?zhí)詫毜?、上架產(chǎn)品，任何學(xué)習(xí)都沒有直接上手來(lái)得快。實(shí)操實(shí)練，自己去體會(huì)各大平臺(tái)的規(guī)范，才會(huì)了解得更加清楚。

第十一周:C4D、Banner

進(jìn)入3D訓(xùn)練啦，豐富視覺效果，提高就業(yè)競(jìng)爭(zhēng)能力，多會(huì)一門技術(shù)，就多一些可能，這也是我們要為什么不斷學(xué)習(xí)提升自己的原因。

第二階段，更多的是網(wǎng)頁(yè)的設(shè)計(jì)訓(xùn)練，重點(diǎn)掌握企業(yè)站界面設(shè)計(jì)規(guī)范和輸出規(guī)范，且能夠根據(jù)企業(yè)真實(shí)需求設(shè)計(jì)頁(yè)面。

接下來(lái)就是：UI簡(jiǎn)面 H5 小程序

UI設(shè)計(jì)的學(xué)習(xí)是個(gè)持續(xù)的過(guò)程，就算你完全掌握以上分享的內(nèi)容，隨著時(shí)間的推移，新的技術(shù)也會(huì)出來(lái)。你需要依據(jù)市場(chǎng)的需求去不斷提高自己，順應(yīng)市場(chǎng)的變化，才能夠在UI設(shè)計(jì)這條路上持續(xù)發(fā)展。所以，基礎(chǔ)想要轉(zhuǎn)行UI設(shè)計(jì)的你，一定得做好吃苦的準(zhǔn)備，才能夠真正的在行業(yè)中站穩(wěn)腳跟，有不錯(cuò)的前景。

有什么UI的問(wèn)題歡迎私信我~期待你的到來(lái)。

學(xué)習(xí)是一個(gè)艱苦的過(guò)程，當(dāng)然如果能把技術(shù)學(xué)成，最后也一定可以獲得高薪工作。掌握一個(gè)好的學(xué)習(xí)方法，跟對(duì)一個(gè)學(xué)習(xí)的人非常重要。今后要是大家有啥問(wèn)題，可以隨時(shí)來(lái)問(wèn)我，能幫助別人學(xué)習(xí)解決問(wèn)題，對(duì)于自己也是一個(gè)提升的過(guò)程。自己整理了一份2020最全面UI學(xué)習(xí)資料，從最基礎(chǔ)的PS+設(shè)計(jì)+到ui的項(xiàng)目實(shí)戰(zhàn)的學(xué)習(xí)資料都有整理ui學(xué)習(xí)干貨，各種視頻都有整理，送給每一位UI小伙伴，想要獲取的可以關(guān)注我的頭條號(hào)并在后臺(tái)私信我：UI，即可免費(fèi)獲取