使用矢量而非位图来设计UI

自苹果发布iPhone一来,智能手机越发的功能强大,越来越多的人开始使用iPhone,Android等系统的智能手机。得益于此,App的发展也如日中天,因此UI设计的需求也越来越大。当下,几乎所有的App都是使用Photoshop设计,而Photoshop是一款传统的基于位图的图像处理软件。当然,Photoshop强大是无可估量的,对矢量的支持也越来越丰富。因此,对于使用Photoshop做设计的UI设计师而言,使用矢量而非位图来设计UI是效率最佳的方案。

为什么建议要使用矢量做设计而不是直接用位图,很大原因是因为UI设计根本上避免不了需要一再的修改,不仅在国内很普遍,就是在硅谷,设计稿通常也需要不断的修改才能达到最终令人满意的效果。那么,基于这一条理由就足够让设计师去采用一种便于日后修改起来简单快速的方法,所以矢量是非常有效的选择。

使用矢量设计UI的优点

可编辑性

刚才说过,矢量最大的特点就是可编辑性强,而这正也是使用矢量设计UI的最大动机。在UI设计中,经常牵涉到更改模块的尺寸,色彩,形状等属性。如果是使用传统的位图来绘制的话,在后期需改起来就会显得相当的麻烦,需要通过繁琐的步骤来增加或者删掉不必要的部位,而变换形状更是一项非常繁琐的操作。而对于使用矢量设计的元素来说,只需要调整相关的矢量节点就可以快速的完成这些通过位图做起来很麻烦的事情。

文件体积小

从技术层面上来看,位图通过记录每一个像素点的颜色值来形成最终的画面,而矢量则是通过一系列的数学公式来形成最终的画面。这种原理上的差异就导致了位图适合做照片相关的内容,而矢量适合制作画面简单的UI。所以,将原本用位图方式制作的UI转换为使用矢量制作,将会大大的减小文件的体积。

内存占用少

如果你的电脑配置不是太高,特别是内存并不是很大的话,那么矢量可以为了节省很大一笔内存。对于公司人来说,哪怕是设计部门,除非是大型的公司,一般都是较为普通配置一般的电脑,内存也就只是够用就好的水准。相比位图,或者是Photoshop中的智能对象而言,矢量可以占用较小的内存资源。

矢量的缺点

诚然,矢量在UI中有很多得天独厚的优势,但是矢量也并非没有劣势。

耗费CPU

由于矢量是由一系列数学公式记录的,这也是矢量的原理所决定,因此相比位图在操作的时候会消耗更大的CPU进行运算工作。当然,这种差异在只有一点点矢量的情况下是微乎其微的,但是当文档中有众多的矢量元素,或者元素的复杂程度很高的话,那么在操作的时候,CPU需要进行大量的运算,在性能上就能明显的感受上迟钝感了。

学习曲线陡峭

大多数的设计师对于在Photoshop中操作位图并没有太大的难度,但是操作矢量元素,特别是使用钢笔工具并不是那么得得心应手。相比位图,矢量的学习曲线更为陡峭,使用起来难度稍高,这也是为什么有不少设计师更倾向于使用位图而不是矢量做设计的一个原因。

3 Comments

  1. HEllo,你好 我有问题咨询您。 我目前申请了域名,想自己找主机搭建一个博客,请问我该怎样去申请到主机空间?

    Reply

Leave a Comment.