一个图标要适配 pc 端、移动端或 retina 屏幕的话上就要设计两份或者更多，前端开发的时候也要判断设备再做出决定调用哪张图片。如果图片发生变化对前后者来说都是噩梦啊。

所以矢量图形的特性及应用前景就成为了设计师和前端们迫切希望去了解的内容。这篇文章是阿里妈妈 MUX 团队通过两年的技术实践，从技术、设计潮流、硬件、应用环境等角度向大家解析矢量图形的应用前景。

扁平化趋势

不可否认扁平化简约设计已是当下最流行的设计风格，个人认为扁平化设计为矢量化图形应用开启了一扇大门。扁平化简约设计推崇的图形设计不再是那么写实；高光、纹理之类的元素被去除，这和矢量图形能否被实际应用是非常关键的。首先高光和纹理之类元素对矢量图形的制作来说简直是噩梦，设计师需要在矢量绘图软件中花费很多时间来实现这些效果才能被应用到实际产品中，效率远远没有在位图软件上实现来的快捷，再者高光、纹理之类的元素会使矢量文件变得更大，严格来说一个在 AI 中增加了投影、纹理、高光效果的图形文件会比扁平纯色的图形文件大几十倍，这是不可被接受的；所以扁平化设计对现阶段技术背景下的矢量技术应用起到了非常重要的推动作用。