潍坊UI培训
达内潍坊中心

18300268127

热门课程

像素分析(一)

  • 时间:2017-11-15
  • 发布:潍坊达内设计培训
  • 来源:互联网

    我觉得很多设计师没有搞懂分辨率和像素的原因是因为没有弄明白什么是英寸。我们小时候家里的电视机会说21寸大彩电,25寸大彩电,29寸大彩电等。包括手机我们也会说4.7英寸,5.0英寸等。但是显示屏毕竟是一个面,而你用英寸来表示一个面,所以在很多人心中会把英寸误以为是一个面积单位,也就是说把英寸看成了是平方英寸。

    而把英寸看成是面积单位的设计师就会对分辨率产生完全不一样的认识。其实这里的英寸是指屏幕对角线的长度,英寸实际上是长度单位。

    ppi:每英寸(长度)所包含的像素点数目。

    dpi:每英寸(长度)所包含点的数目。

    对于dpi,我觉得只要了解就可以了,ppi才是比较重要的。从上面的定义可以看出来其实dpi和ppi的区别并不大,只不过像素(px)是设计师的最小设计单位,点(pt)是iOS最小的开发单位。我们日常所说的二倍图,三倍图就是指屏幕中一个点中有两个像素或三个像素。一个设备究竟要使用二倍图还是三倍图,只需看ppi和dpi的比值就可以了。(ps:plus中ppi/dpi=2.6,约等于3)

    分辨率换算

    我刚才在前面也说了,设计师对于dpi只要了解即可,真正需要掌握的是ppi.那么ppi可以给我们带来什么样的帮助呢?因为像素的物理尺寸不是绝对的,随着屏幕ppi的不同也会发生相应的变化,了解ppi这个会帮助我们避免犯错。

    例如,在iOS给的设计规范中我们经常会看到44,88这些数字。那么44是怎么来的呢?其实iOS推荐的最小可点击元素的尺寸是44*44 px.iPhone1为例,因为这个设计规范提出来的时候,苹果还没有适应retina屏,苹果是在iPhone4的时候才开始采用retina屏。当时的屏幕ppi是163px.而用户在屏幕中可点击的物理尺寸是7mm-9mm.我们以7mm来算,一英寸长度里有163像素,一英寸有25.4mm,那么7mm里应该有多少像素呢?
潍坊UI培训

    简单的数学换算一下就可以得出是44.92px,也就是我们常说的44px.所以这个44px只是相对的长度,随着屏幕ppi的改变会改变。如果不懂不这个可能就会死抓着这个44px不变,在任何分辨率的屏幕中都是使用44px,这明显是不对的。

更多潍坊UI培训相关资讯,请扫描下方二维码

潍坊UI培训

上一篇:高级UI和低级UI的区别
下一篇:像素分析(二)

马上预约七天免费体验课

姓名:

电话:

设计字体一定要原创的原因-潍坊UI设计

UI设计的工资分析

UI设计的工作范畴有哪些?

零基础小白如何入门UI设计

选择城市和中心
贵州省

广西省

海南省

达内教育

有位老师想和您聊一聊