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

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

而當(dāng)你考慮到以后可能需要放大或者打印出來(lái)。此時(shí)，你就要選擇“路徑描邊”或者“畫(huà)一個(gè)圖塊再用減法”因?yàn)檫@樣隨意你放大縮小他都不會(huì)失真，還有就是“畫(huà)一個(gè)圖塊減法”放大或者縮小是按比例放大和縮小。

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

2、觸點(diǎn)樣式效果

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

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

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

3效果圖如下：

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

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