利用PS CS6的新功能保持icon細(xì)節(jié)飽滿完(2)

二、利用次像素讓圖形更飽滿

舉個小例子，看看次像素在圖形設(shè)計中的作用，拋磚引玉。

在界面設(shè)計中，經(jīng)常會繪制下拉菜單等控件上的三角形箭頭形狀，最常見的做法就是用鉛筆工具點(diǎn)象素畫出來，如圖4-a所示，看上去很清晰，但在分辨率較小的屏幕上看，會稍顯生硬、有鋸齒感，影響界面的細(xì)膩度；用路徑對齊網(wǎng)格繪制箭頭，如圖4-b所示，解決了鋸齒問題，但看上去體量感被削弱了，不夠飽滿；圖4-c中所示的效果，是對次像素微調(diào)后的效果，既消除了鋸齒，而且在體量感上不輸?shù)谝环N方案的效果。

沒看出差別？我們將三種方案放在一起對比下，見圖8，從左至右依次為圖4中的a、b、c方案，我們看到中間的b方案雖然沒有了鋸齒，但體量上明顯小于a、c方案，而c方案同時具備無鋸齒、相等的體量感兩個優(yōu)點(diǎn)。

通過放大圖片我們可以看到在次像素上的差別，要達(dá)到方案c的方法其實很簡單，看看下圖放大的效果和路徑你就明白了。

只要將角點(diǎn)上的路徑錨點(diǎn)分別向外移動一點(diǎn)，讓原本顏色比較淡的次像素稍微加深就可以了，操作時，放大畫布讓調(diào)節(jié)更細(xì)微和精確，選中錨點(diǎn)，輕點(diǎn)多次鍵盤上的方向鍵來移動即可，這個方法不局限于箭頭形狀，大家可以開啟像素眼去發(fā)現(xiàn)更多的應(yīng)用場景。

附：清湯故事3碗