老树开新花,如何将web1.0图标矢量化

inkscape

web2.0网站的设计风格大家都已经不再陌生,尤其是移动web站点,设计风格已经全面受到苹果的影响,日趋扁平化、简约化和精密化。这其中最主要的特征之一,或者说,与土得掉渣的web1.0网站的最大区别,就是对矢量图标的大量使用。

从logo到按钮,矢量图标能够更好地适应移动终端设备尺寸多样化和“视网膜”化,以及移动web站点的屏幕自适应设计趋势。 (参考阅读:2013年11个UI设计趋势

对网站的设计者和开发者来说,一个好消息就是目前已经有很多工具能够将过去的图片图标转化为流行的矢量图标。以下IT经理网为大家介绍几个常见工具:

矢量图形转换工具:

1.对于UI设计师来说,最常见的工具莫过于Adobe公司的Illustrator,该应用其Image Trace功能把普通的图片转化为矢量图形。但是目前Illustrator的云服务还是比较昂贵的。

2.当然,市面上还有很多低成本的矢量图形转化工具,例如苹果的Mac应用商店中有一款Super Vectorizer,只要20美元,可以作为OS X上Creative Suite的替代品,你可以将图形快速转化输出为AI、SVG或PDF等矢量文件供编辑。

3.免费多平台工具方面,Inkscape值得推荐,Inkscape是遵循GPL的开源软件,是Mac、Windows和Linux等多个平台上的矢量化工具。Inkscape使用Potrace位图追踪引擎来完成类似Super Vectorizer和Image Trace。

矢量图形修图工具:

完成矢量图形转换后,麻烦的事情往往还在后面,因为如果图片较为复杂,上面工具生成的矢量图形往往都有些毛边瑕疵之类,这时候就需要动用矢量图形的编辑工具了,除了上面提到的Illustrator和Inkscape之外,苹果Mac OS X应用商店中SketchiDraw是两款好用的矢量修图工具。

其他在矢量图后期处理流程中还会用到的工具包括:

矢量图的风格化工具:BeLight Software出品的Art Text(有Mac版和Windows版)

矢量图输出工具(为不同平台输出不同尺寸)

未完待续…

第一时间获取面向IT决策者的独家深度资讯,敬请关注IT经理网微信号:ctociocom

   
除非注明,本站文章均为原创或编译,转载请务必注明出处并保留原文链接: 文章来自IT经理网
相关文章:


关于作者

IT到底是重要呢还是重要呢还是重要呢

写评论

忘记密码

X