UI設(shè)計細(xì)節(jié)及技巧

在ps CS6出來以后就已經(jīng)新增加了一項搭邊功能，使用這個工具能使圖標(biāo)畫出來非常的便捷，在繪制圖標(biāo)時相互結(jié)合選擇時也需要一定抉擇。當(dāng)你繪制較小的圖標(biāo)時，描邊1PX到2PX可以選擇“圖層-描邊”，這樣制作ICON更快捷，更節(jié)省時間。但是當(dāng)你描邊太大，就會有直線邊。

而當(dāng)你考慮到以后可能需要放大或者打印出來。此時，你就要選擇“路徑描邊”或者“畫一個圖塊再用減法”因為這樣隨意你放大縮小他都不會失真，還有就是“畫一個圖塊減法”放大或者縮小是按比例放大和縮小。

1、虛線描邊，2px，對齊（內(nèi)描邊）

2、觸點樣式效果

3、描邊路徑可以繪制開放式路徑圖標(biāo)
繪制圖標(biāo)時會用到間斷的路徑，這時候可以用路徑搭邊樣式，是支持開放路徑描邊的。我們就用開放路徑描邊來繪制下面圖表中的三個（下圖圖標(biāo)還能用“路徑減法”繪制）

繪制郵件圖標(biāo)
1、用鋼筆工具先畫路徑

2、調(diào)整描邊屬性，4點粗，內(nèi)描邊，回頭端點，圓角點。

3效果圖如下：

4、同理繪制其它圖標(biāo)（注意，一個圖標(biāo)有多部分組成時，可能需要多個圖層的單獨路徑）

4、我們順帶提下“路徑減法”的繪制
這種方法就是之前說的用鋼筆工具“來繪制那些較細(xì)的”線圖標(biāo)，必要時會用到“添加描點”、刪除描點工具，好處就是便于調(diào)整。