首先我還是要說(shuō)明一下，“三個(gè)月玩轉(zhuǎn)UI設(shè)計(jì)”這個(gè)命題真的很大，其實(shí)三個(gè)月時(shí)間不長(zhǎng)也不短。過(guò)往大量美術(shù)專業(yè)的學(xué)生能短時(shí)間玩轉(zhuǎn)UI設(shè)計(jì)，歸功于他們?cè)诟咧小⒋髮W(xué)打下的扎實(shí)的專業(yè)基礎(chǔ)。而且美術(shù)是相通的，如果你是平面專業(yè)或工業(yè)設(shè)計(jì)專業(yè)，的確非常好轉(zhuǎn)UI,因?yàn)檫@類同學(xué)已經(jīng)掌握了很多軟件技能和美術(shù)相關(guān)專業(yè)技能，只要加以練習(xí)就能轉(zhuǎn)做UI了。

然而如果你沒(méi)有美術(shù)相關(guān)專業(yè)背景，以及沒(méi)有軟件應(yīng)用技術(shù)，那么你肯定要比專業(yè)出身的人付出得更多。但凡事都是有可能的，如果足夠努力，甚至運(yùn)氣好點(diǎn)，你還能找到份UI設(shè)計(jì)的工作。我們先不說(shuō)后面豐碩的成果,首先了解一下這三個(gè)月最大的障礙是什么。看看我們?nèi)绾我灰还テ?/p>

1. 貴在堅(jiān)持

如果你把工作辭掉脫產(chǎn)學(xué)習(xí)，買(mǎi)一堆UI入門(mén)的書(shū)籍，最大的障礙依然是堅(jiān)持。如果辭掉工作在家學(xué)習(xí)，可能被肥皂劇吸引，如當(dāng)紅的《歡樂(lè)頌》，再堅(jiān)持兩個(gè)月或者還有《瑯琊榜2》，又或者自己愛(ài)看《權(quán)力的游戲》，無(wú)處不在的誘惑充滿著你的生活。不只是戲劇就連刷朋友圈都會(huì)消耗你的時(shí)間，真正脫產(chǎn)三個(gè)月，扣除睡覺(jué)吃飯朋友聚會(huì)，剩下一個(gè)月的時(shí)間就很不錯(cuò)了，所以這三個(gè)月里最大的敵人依然是自己，如何堅(jiān)持才是關(guān)鍵。Deen不是心靈導(dǎo)師，也沒(méi)有好的方法，這里就省略幾百字……最后還是警惕一句“貴在堅(jiān)持”。

2. 報(bào)班學(xué)習(xí)和買(mǎi)書(shū)自學(xué)的區(qū)別

有些朋友猶豫是不是報(bào)個(gè)班比較好，其實(shí)報(bào)班有報(bào)班的優(yōu)勢(shì)，Deen覺(jué)得其最大的優(yōu)勢(shì)是，至少上課的幾個(gè)小時(shí)綁定了一個(gè)學(xué)習(xí)場(chǎng)景，盡可能少地被干擾，而且還能隨時(shí)和同學(xué)或者老師探討問(wèn)題，一般UI班是上午上課，下午做題，的確是快速進(jìn)步的途徑之一。如果有條件，報(bào)班是一個(gè)很好的選擇。

但是報(bào)班并不是沒(méi)有缺點(diǎn)，記得在2000年的時(shí)候，網(wǎng)頁(yè)設(shè)計(jì)興起，Deen也報(bào)了個(gè)網(wǎng)頁(yè)設(shè)計(jì)班，但自己學(xué)習(xí)的狀態(tài)還不夠堅(jiān)定，最后錢(qián)也花了，也沒(méi)學(xué)到什么東西，每次的出席變成任務(wù)。后面也參加過(guò)不少類似的美術(shù)班，Deen也吃過(guò)不少虧。

通過(guò)書(shū)籍學(xué)習(xí)也是一種方法和途徑，首先要選擇一本合適的教程，然后進(jìn)行系統(tǒng)的學(xué)習(xí)，書(shū)本的內(nèi)容會(huì)更細(xì)膩，經(jīng)驗(yàn)也會(huì)更多，但仍需要主動(dòng)學(xué)習(xí)，像在大學(xué)一樣。通過(guò)書(shū)籍學(xué)習(xí)的缺點(diǎn)也很明顯，還是專注力的問(wèn)題。學(xué)習(xí)書(shū)本時(shí)容易分散精神，浪費(fèi)時(shí)間。

其實(shí)總結(jié)以上兩點(diǎn)，無(wú)論參加培訓(xùn)班還是購(gòu)買(mǎi)書(shū)本自學(xué)，關(guān)鍵還是在于自己是否能專注。專注和堅(jiān)持是學(xué)習(xí)UI最有效方法。

3. 給自己一個(gè)時(shí)間表

“雞湯”就不給大家喝了，還是來(lái)點(diǎn)實(shí)際的，那我們先制定目標(biāo)“三個(gè)月玩轉(zhuǎn)UI設(shè)計(jì)”，接下來(lái)我們要把目標(biāo)具象化，如下面的圖。

同時(shí)要給這些目標(biāo)進(jìn)行拆解，最后給這些目標(biāo)訂立一個(gè)達(dá)成日期。有了明確的時(shí)間和目標(biāo)后，我們就可以開(kāi)始三個(gè)月的特訓(xùn)了。

4. 狂練布爾運(yùn)算

Deen之前的文章已經(jīng)提及，在UI設(shè)計(jì)里，布爾運(yùn)算是極為重要的技能。這個(gè)技能橫跨所有設(shè)計(jì)軟件，PS 、Ai、Sketch、Flash等主流設(shè)計(jì)軟件都需要運(yùn)用布爾運(yùn)算。使用布爾運(yùn)算制作出圖形，再對(duì)圖形進(jìn)行添加樣式就形成圖標(biāo)了。

5. 樣式的使用技巧

樣式屬于UI設(shè)計(jì)里第二重要的功能，就算是Ai或者Sketch同樣離不開(kāi)樣式。

第一梯隊(duì)功能（高頻使用）

第一梯隊(duì)的功能都是使用率最高的功能：描邊、漸變、投影。這三大功能也是唯一通吃全部設(shè)計(jì)軟件的功能，只要學(xué)會(huì)和熟練運(yùn)用這三大功能，基本能把90%的圖標(biāo)、界面效果做出來(lái)。所以大家要花時(shí)間在這三大功能里，趕緊用起來(lái)吧。

如何用這三大功能呢：

描邊看《UI功夫》P26

漸變看《UI功夫》P24

投影看《UI功夫》P26

描邊，多用于為界面、圖標(biāo)、按鈕提高細(xì)節(jié)。近兩年APP的興起，追求輕和高效，出現(xiàn)了“幽靈按鈕”，就是沒(méi)有多余的樣式，只是有描邊的按鈕。

漸變，多用于界面、圖標(biāo)、按鈕，大家看到這里會(huì)覺(jué)得它跟描邊是一致的，但漸變更多用于大的視覺(jué)效果，而描邊是細(xì)微的視覺(jué)效果。

投影，同樣是增加細(xì)節(jié)的效果，使用后能讓物體更突出層次感。

大家看了實(shí)例，也了解了三大樣式的作用，但要真正掌握這項(xiàng)技能，靠的還是不斷的練習(xí)或者在工作中的點(diǎn)滴積累。

第二梯隊(duì)功能（特定使用）

它們包括：斜面和浮雕、內(nèi)陰影、內(nèi)發(fā)光、顏色疊加、圖案疊加、外發(fā)光。

除了光澤以外，這些效果都只會(huì)用于寫(xiě)實(shí)圖標(biāo)、界面或者重質(zhì)感的按鈕。隨著扁平化風(fēng)格的興起，這些功能用得越來(lái)越少了。當(dāng)今，除了游戲UI需要重質(zhì)感和光特效，質(zhì)感和紋理不再是UI中的必要元素。

6. D級(jí)任務(wù)是日常練手的最好途徑

通過(guò)執(zhí)行D級(jí)任務(wù)，可以讓自己快速提升。下面列舉幾個(gè)在《UI功夫》中常見(jiàn)的D級(jí)任務(wù)，希望各位讀者也能舉一反三，發(fā)現(xiàn)書(shū)里面眾多的D級(jí)任務(wù)。UI設(shè)計(jì)的流程是固定的，但是由于每個(gè)同學(xué)的基礎(chǔ)不一，因此書(shū)中的第一頁(yè)或者靠前的篇幅未必真的這么“簡(jiǎn)單”，里面存在很多學(xué)問(wèn)。為什么要定義APP默認(rèn)設(shè)計(jì)尺寸為1334x750？為什么PC軟件的分辨率要低于1280x768，里面有太多太多基礎(chǔ)問(wèn)題了，后面Deen也會(huì)通過(guò)知乎專欄、微信公眾號(hào)向大家一一道來(lái)。

D級(jí)任務(wù)圖標(biāo)

P30頁(yè)，TAP圖標(biāo)制作

P31-P35,文件夾圖標(biāo)制作

P118頁(yè)

D級(jí)任務(wù)界面

P67-P76

P124-P128

D級(jí)任務(wù)按鈕

P63-P64

P102

7. 養(yǎng)成“收藏家”的習(xí)慣

靈感不是憑空而來(lái)，以前有很多朋友會(huì)問(wèn)我，怎么樣獲得靈感，那些高水平作品的靈感來(lái)源于哪里，其實(shí)這個(gè)沒(méi)有絕對(duì)的答案。一直以來(lái)高手的回答也很虛，很難進(jìn)行量化。我跟隨高手多年以來(lái)，也偷偷記錄了他們的細(xì)節(jié)。

當(dāng)然，每個(gè)公司都有不少高手存在，他們普遍都有自己的一個(gè)素材庫(kù)，就算是他們的原創(chuàng)作品，根源都離不開(kāi)這個(gè)素材庫(kù)。素材庫(kù)里面集合了他們平時(shí)的收集，只要看到好的素材，他們就收集下來(lái)。當(dāng)然，大部分高手已經(jīng)做到對(duì)于優(yōu)秀作品直接輸入了，再進(jìn)行二次轉(zhuǎn)化，這些天才型設(shè)計(jì)師甚至不需要對(duì)庫(kù)反復(fù)看和研究，就可以直接輸出。

那我們開(kāi)始建立自己的素材庫(kù)吧，就好比與火影忍者的召喚獸“文太”訂立契約一樣。把喜歡的設(shè)計(jì)分門(mén)別類地收藏起來(lái)，在早期，都是在硬盤(pán)上建立不同的文件夾以存放不同的素材，而今天Pinterest和花瓣的興起，選擇面就廣了，甚至部分設(shè)計(jì)師還會(huì)專門(mén)購(gòu)買(mǎi)專業(yè)軟件來(lái)進(jìn)行收藏。

Deen的Pinterest庫(kù)，
https://www.pinterest.com/fuDeen109/

8. 小配圖必修課

除了界面和圖標(biāo)外，UI設(shè)計(jì)里還有第三大需求——運(yùn)營(yíng)需求。由于運(yùn)營(yíng)需求牽扯過(guò)于復(fù)雜，幾段話很難描述一個(gè)專業(yè)的設(shè)計(jì)類別。通常UI設(shè)計(jì)接觸最多的運(yùn)營(yíng)需求為“配圖需求”。這些配圖需求包括新手引導(dǎo)、新功能引導(dǎo)、提示配圖、宣傳推廣小廣告，還有很多很多很小很不起眼的東西，但這是UI設(shè)計(jì)師的必修課。大家可以看《UI功夫》P104-112，Deen用比較多的篇幅描寫(xiě)了新手引導(dǎo)的制作。至于配圖，并沒(méi)有說(shuō)明如何從頭腦風(fēng)暴到實(shí)踐的全過(guò)程，這里建議各位朋友建立一個(gè)小廣告、小配圖的庫(kù)，當(dāng)遇到該類需求的時(shí)候，這個(gè)庫(kù)就是你最好的設(shè)計(jì)資源了，所以靈感資料都可以在這里找到。