UI入門第二課:設計師必備的專業技能(實戰篇)

語言: CN / TW / HK

算算時間,成為一名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