UI入門第二課：設計師必備的專業技能（實戰篇）

算算時間，成為一名UI設計師也快兩年了。前不久，跟大家分享了我入行這一年多以來的心得體會，發現反響挺好，到目前為止，依然有不少萌新小夥伴私聊我轉行的相關問題。所以我打算將“UI入門”這個話題做一個系列，希望可以幫助到更多準備入門UI設計的朋友。

戳： UI入門第一課：如何快速告別職場小白？ 還沒看過的朋友可以快速檢視第一講哦~

UI必備的設計技能

我發現有很多準備轉行的朋友之前連PS都沒有摸過，不誇張地說，至少有70%的“UI愛好者”們完全沒有實操經驗。那麼針對這部分的朋友，我建議可以先熟悉下設計工具，然後通過不斷練習來逐步強化軟體地使用。

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

向量繪製

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

以下，這兩個圖示都是我利用矩形和圓繪製出來的。

在入門階段，我建議大家可以先利用布林運算繪製一些基本圖示，一方面可以熟悉工具的使用，另一方面因為基本圖示相對簡單，利於零基礎的小白思考圖形之間的關係。

下圖是我用 摹客DT 繪製的“座標”icon，它實際是由兩個圓加一個三角形組合而來。下面手把手教學，大家可以跟著一步步操作~     

大家可以先嚐試繪製基本圖示，熟練之後，再逐步提升至進階logo。總之，布林運算非常重要，大家要多多練習啦！

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

為了便於設計師繪製路徑和圖形，鋼筆工具的重要性不言而喻。鋼筆工具畫出來的向量圖形稱為路徑，其中每一個路徑點都可以快速由折線轉為曲線，從而繪製出相應的圖示圖形。

在這裡，推薦給大家一個練習鋼筆工具的闖關小遊戲，前面會有教程和錯誤提示，對鋼筆工具不太熟悉的朋友可以一邊娛樂一邊學習~

說完鋼筆工具，接著來講鉛筆工具，鉛筆工具更多是方便設計師進行手繪風格的設計，在 摹客DT 中，只需要按快捷鍵P，就能快速切換成鉛筆模式。

總結一下，布林運算和鋼筆工具在UI設計中使用得非常普遍，常用於圖示及logo繪製，大家一定要多多練習呀！

其他常用小功能

在日常的UI設計中，比如蒙版、旋轉副本、響應式佈局這些功能也十分常用，下面我給大家一一做演示。

首先是 「蒙版」 ，它能選擇性展示圖層的部分內容。在摹客DT中，它將蒙版這個樣式效果直接做成了一個功能，直接在圖片圖層上方建立一個形狀圖層，再點選“蒙版”，就能快速呈現樣式效果，十分方便！

其次是「旋轉副本」，常用於設計一些簡單的旋轉小icon，比如風扇、時鐘、齒輪等。

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

以上是我挑選的部分常用功能，算是入門實操篇，後續再繼續給大家分享進階技能啦~

提升審美能力

對於審美的探索，這始終貫穿於設計師漫長的職業生涯之中。其實，審美能力並非人人生來就具備，更多的是後天培養，我認為，想要提升審美能力，總歸脫離不了“多看”和“多練”。

關於看，效率最高的方式就是多看行業網站，對我而言，我每天會花10-30分鐘的時間去逛逛Dribbble、Behance、站酷、花瓣、UI中國等網站。

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

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

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

Powered by Froala Editor