算算時間，成為一名UI設(shè)計師也快兩年了。前不久，跟大家分享了我入行這一年多以來的心得體會，發(fā)現(xiàn)反響挺好，到目前為止，依然有不少萌新小伙伴私聊我轉(zhuǎn)行的相關(guān)問題。

UI必備的設(shè)計技能

我發(fā)現(xiàn)有很多準(zhǔn)備轉(zhuǎn)行的朋友之前連PS都沒有摸過，不夸張地說，至少有70%的“UI愛好者”們完全沒有實操經(jīng)驗。那么針對這部分的朋友，我建議可以先熟悉下設(shè)計工具，然后通過不斷練習(xí)來逐步強化軟件地使用。

下面，我將從兩個方面來為大家介紹需要掌握的必備設(shè)計技能：

矢量繪制

首先，不得不提到「布爾運算」。布爾運算是一種比較有規(guī)律的繪圖方式，它通過繪制基本的幾何形狀，如圓形、矩形、多邊形等，將它們運用聯(lián)合、減去、相交、排除的方式得到新的形狀icon。

以下，這兩個圖標(biāo)都是我利用矩形和圓繪制出來的。

?

在入門階段，我建議大家可以先利用布爾運算繪制一些基本圖標(biāo)，一方面可以熟悉工具的使用，另一方面因為基本圖標(biāo)相對簡單，利于零基礎(chǔ)的小白思考圖形之間的關(guān)系。

下圖繪制的“坐標(biāo)”icon，它實際是由兩個圓加一個三角形組合而來。下面手把手教學(xué)，大家可以跟著一步步操作~

? ? ? ? ? ? ? ? ? ? ? ?

大家可以先嘗試?yán)L制基本圖標(biāo)，熟練之后，再逐步提升至進(jìn)階logo?？傊紶栠\算非常重要，大家要多多練習(xí)啦！

另外，除了布爾運算外，還有「鋼筆工具」和「鉛筆工具」值得一提。

為了便于設(shè)計師繪制路徑和圖形，鋼筆工具的重要性不言而喻。鋼筆工具畫出來的矢量圖形稱為路徑，其中每一個路徑點都可以快速由折線轉(zhuǎn)為曲線，從而繪制出相應(yīng)的圖標(biāo)圖形。

?

? ? ? ? ? ? ? ? ? ? ? ?

在這里，推薦給大家一個練習(xí)鋼筆工具的闖關(guān)小游戲，前面會有教程和錯誤提示，對鋼筆工具不太熟悉的朋友可以一邊娛樂一邊學(xué)習(xí)~

?

? ? ? ? ? ? ? ? ? ? ? ?

說完鋼筆工具，接著來講鉛筆工具，鉛筆工具更多是方便設(shè)計師進(jìn)行手繪風(fēng)格的設(shè)計，只需要按快捷鍵P，就能快速切換成鉛筆模式。

? ? ? ? ? ? ? ? ? ? ? ?

總結(jié)一下，布爾運算和鋼筆工具在UI設(shè)計中使用得非常普遍，常用于圖標(biāo)及l(fā)ogo繪制，大家一定要多多練習(xí)呀！

其他常用小功能

在日常的UI設(shè)計中，比如蒙版、旋轉(zhuǎn)副本、響應(yīng)式布局這些功能也十分常用，下面我給大家一一做演示。

首先是「蒙版」，它能選擇性展示圖層的部分內(nèi)容。將蒙版這個樣式效果直接做成了一個功能，直接在圖片圖層上方創(chuàng)建一個形狀圖層，再點擊“蒙版”，就能快速呈現(xiàn)樣式效果，十分方便！

? ? ? ? ? ? ? ? ? ? ? ?

其次是「旋轉(zhuǎn)副本」，常用于設(shè)計一些簡單的旋轉(zhuǎn)小icon，比如風(fēng)扇、時鐘、齒輪等。

? ? ? ? ? ? ? ? ? ? ? ?

最后是「響應(yīng)式布局」，它能夠使頁面中的所有設(shè)計元素靈活適配任何大小屏幕的尺寸，從而保證布局和體驗的一致性。在日常設(shè)計工作中，響應(yīng)UI設(shè)計非常重要，設(shè)計師有責(zé)任去了解如何去做多端統(tǒng)一體驗，以此提高設(shè)計效率。

? ? ? ? ? ? ? ? ? ? ? ?

以上是我挑選的部分常用功能，算是入門實操篇，后續(xù)再繼續(xù)給大家分享進(jìn)階技能啦~

提升審美能力

對于審美的探索，這始終貫穿于設(shè)計師漫長的職業(yè)生涯之中。其實，審美能力并非人人生來就具備，更多的是后天培養(yǎng)，我認(rèn)為，想要提升審美能力，總歸脫離不了“多看”和“多練”。

關(guān)于看，效率最高的方式就是多看行業(yè)網(wǎng)站，對我而言，我每天會花10-30分鐘的時間去逛逛Dribbble、Behance、站酷、花瓣、UI中國等網(wǎng)站。

提醒大家一句，走馬觀花地看作品起不到任何作用，畢竟看的目的不在于多，而在于精，所以建議大家在看的同時，潛意識一定要多思考別人的作品好在哪里，可以從主題、色彩、排版、文案、視覺、選材、表現(xiàn)手法、構(gòu)思等方面去分析，從而幫助你快速提升審美能力。

然后，就是練的問題了，平時可以精選一些自己喜歡的界面、動效、小icon等內(nèi)容進(jìn)行臨摹，這是初學(xué)者入門最好的方式，沒有之一。隨著自己手法的熟練，輸入的知識就開始消化并成為你的能力了。

好啦，以上就是我自己這一年多的心得體會，設(shè)計是一個實操性極強的崗位，多多練習(xí)，才會對自己的工作有所幫助。今天的UI入門第二課就聊到這里啦，大家有什么疑問，歡迎評論區(qū)留言或私信我，大家一起學(xué)習(xí)，共同成長！

順便提一下，以上用的矢量圖工具：摹客DT