在學習UI之初，臨摹了很多作品，每一次臨摹基本上都可以分為兩步。第一步是用鋼筆工具和形狀工具勾勒出物體的輪廓。第二步是用顔色填充形狀，然後添加一些漸變或投影。我喜歡填充顔色和細節，但我總是在畫輪廓時崩潰。我畫的曲線總是不光滑，也不知道問題出在哪裡。其實鋼筆工具掌握的并不好。

　　後來在Illustrator裡看到一篇關于鋼筆工具使用技巧的外文文章，才明白怎麼用鋼筆工具畫曲線。今天我就來說說UI設計中的難點，鋼筆工具，結合那篇文章和我的感悟。

　　大家應該對鋼筆很熟悉。中間有一個節點，兩邊有兩個手柄。調節手柄方向可以控制曲線方向，調節手柄長度可以控制曲線弧度。這就是上面的動态設計所表達的。

　　在使用鋼筆工具的時候，有一個選項可以幫助我們，叫做橡皮筋。勾選後，曲線會随着鼠标移動，方便我們預覽曲線的走向。看下圖。在圖片的最右邊，點擊齒輪檢查：

　　接下來，我們将開始用鋼筆工具繪制曲線。在畫圖之前，我們可以看看高級UI設計師是如何處理曲線的節點的。看下面兩張圖：

　　從圖中我們可以發現，這些節點的方向是有規律的，遵循一個順序。第一條規則是，除了曲線結束的拐角之外，所有節點的控制柄要麼是水平的，要麼是垂直的。具體情況看曲線走向。如果曲線向側面延伸，手柄的方向将是水平的，如果曲線垂直延伸，方向将是垂直的。第二個規則查看下面兩張圖片：

　　圖中紅色圓圈代表水平節點，藍色圓圈代表垂直節點。從圖中可以看出，不僅手柄的方向有規律，而且節點的位置也有規律。第二條規則是，所有節點都在曲線的“最外側”或“最内側”。簡單來說，如果曲線是凸的，節點就放在最凸的地方；如果節點是凹的，那麼節點将被放置在最凹的地方。掌握這兩條規律，你就能輕松畫出完美的曲線。

　　比如用鋼筆工具畫這個“S”。

　　根據第二個規則，所有的節點都在曲線最凸或最凹的地方，節點依次畫在這些位置。

　　根據第一條規則，手柄的方向要麼是垂直的，要麼是水平的。用鼠标長按鋼筆工具，找到菜單最後的轉換點工具，也就是圖中“T”上面的那個。按住shift鍵，單擊節點并将每個節點處的手柄拖出。這時候拖出來的兩個手柄是一樣長的，位置大概是對的，不用刻意調整。

　　拖出所有手柄後，我們開始調整細節，或者使用轉換點工具，按住shift，分别拖動每個手柄，使曲線匹配。

　　所有手柄調整好後，就大功告成了！

　　今天的教程主要講一下鋼筆工具的使用技巧。隻要你熟練地掌握它們，你可以畫出世界上任何形狀，加上顔色和紋理，我們可以創造出美妙的設計。一定要多練習。鋼筆工具是基礎，但也是UI設計的難點。大家加油！下期想說說線框小圖标的設計心得。

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!