设计师该了解的移动分辨率(2)

接上篇

实际沟通过程中,还是会遇到一些问题。首先是对像素密度(Pixel Density)的理解。

像素密度(例如72ppi)是屏幕的,图片没有这个属性

像素密度讲的是,一个屏幕上,一英寸有多少个像素。图片的长宽,只跟像素有关,即640×1134,是说宽有640px,高哟1134px。加入在普通的桌面屏幕上,像素密度为72ppi,那么图片的原图大小就是640/72个英寸长。如果在retina屏幕上使用,像素密度一般大于300ppi,那么就是640/300个英寸长。同一张图片,在两个屏幕上,显示出来的物理长度是不同的。

Photoshop中,新建图片的分辨率设置为300ppi真的好嘛?

我们看到,图片是没有这个属性的,就算我在PS中新建了300ppi的图,该是630×1134的像素数,还是这么多。因为本来计算机中的图片,就是记录每个像素值的颜色。那变的是什么呢?变的是字体的单位!PS默认字体单位为point,这个是印刷中的单位,表示这个字的物理长度。注意,是物理长度,而不是像素数。point的默认长度是1/72英尺,如果在72ppi的屏幕上,刚好是1px的长度。现在问题来了,如果你把图片的分辨率设置成了300ppi,那么PS就会“聪明”的识别出来,因为在300ppi中的物理长度变长了,因此,字也要相应的变大,同样是12pt的字,在300ppi中的字要使用更多的像素!

是不是被换算绕晕了?最后的结果是,设计师仍然以为pt和px是相同的,直接跟程序员说,这个字11个像素,程序员一写就瞎眼了。因为pt和px只有在72ppi下才相等。设计师改了ppi之后,这两个值就不相等了。

直接使用72ppi,即可!

那么设计师直接使用72ppi会不会有问题呢?没有问题。图片只认像素,屏幕才认ppi。如果设计师一定要使用其他ppi值,请在PS的首选项->标尺与单位中,将字体的单位选成像素pixel,这样告诉程序员那个字有多少个像素,也是可以的。

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>