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

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

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

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

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

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

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

矢量圖形修圖工具：

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

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

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

矢量圖輸出工具（為不同平臺(tái)輸出不同尺寸）

未完待續(xù)…