web2.0網(wǎng)站的設(shè)計風(fēng)格大家都已經(jīng)不再陌生，尤其是移動web站點，設(shè)計風(fēng)格已經(jīng)全面受到蘋果的影響，日趨扁平化、簡約化和精密化。這其中最主要的特征之一，或者說，與土得掉渣的web1.0網(wǎng)站的最大區(qū)別，就是對矢量圖標(biāo)的大量使用。

從logo到按鈕，矢量圖標(biāo)能夠更好地適應(yīng)移動終端設(shè)備尺寸多樣化和“視網(wǎng)膜”化，以及移動web站點的屏幕自適應(yīng)設(shè)計趨勢。 （參考閱讀：2013年11個UI設(shè)計趨勢）

對網(wǎng)站的設(shè)計者和開發(fā)者來說，一個好消息就是目前已經(jīng)有很多工具能夠?qū)⑦^去的圖片圖標(biāo)轉(zhuǎn)化為流行的矢量圖標(biāo)。以下IT經(jīng)理網(wǎng)為大家介紹幾個常見工具：

矢量圖形轉(zhuǎn)換工具：

1.對于UI設(shè)計師來說，最常見的工具莫過于Adobe公司的Illustrator，該應(yīng)用其Image Trace功能把普通的圖片轉(zhuǎn)化為矢量圖形。但是目前Illustrator的云服務(wù)還是比較昂貴的。

2.當(dāng)然，市面上還有很多低成本的矢量圖形轉(zhuǎn)化工具，例如蘋果的Mac應(yīng)用商店中有一款Super Vectorizer，只要20美元，可以作為OS X上Creative Suite的替代品，你可以將圖形快速轉(zhuǎn)化輸出為AI、SVG或PDF等矢量文件供編輯。

3.免費多平臺工具方面，Inkscape值得推薦，Inkscape是遵循GPL的開源軟件，是Mac、Windows和Linux等多個平臺上的矢量化工具。Inkscape使用Potrace位圖追蹤引擎來完成類似Super Vectorizer和Image Trace。

矢量圖形修圖工具：

完成矢量圖形轉(zhuǎn)換后，麻煩的事情往往還在后面，因為如果圖片較為復(fù)雜，上面工具生成的矢量圖形往往都有些毛邊瑕疵之類，這時候就需要動用矢量圖形的編輯工具了，除了上面提到的Illustrator和Inkscape之外，蘋果Mac OS X應(yīng)用商店中Sketch和iDraw是兩款好用的矢量修圖工具。

其他在矢量圖后期處理流程中還會用到的工具包括：

矢量圖的風(fēng)格化工具：BeLight Software出品的Art Text（有Mac版和Windows版）

矢量圖輸出工具（為不同平臺輸出不同尺寸）

未完待續(xù)…