一对一免费咨询: 13913005726 025-66045668

不管是UI还是交互都是属于从国外传进来的“舶来品”,在翻译成中文的时候可能会出现一些词不达意的错误。在传播过程中,这些错误可能会被进一步的放大。我们可以在网上看到很多设计相关的文章或者书籍,其中相同的事物在不同的地方可能会有不同的表述,其中有些可能还是相互矛盾的。这就给我们设计师的工作带来了极大的不便,因为没有达成一个统一的标准。其中像素和分辨率就是最典型的,可能大家已经看过了很多篇类似的文章,但是还是搞不懂什么是像素,什么是分辨率。那么我希望我的这篇文章可以帮你解决这个困惑。

像素和分辨率的关系

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

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

分辨率可以分为两种,ppi和dpi:

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里应该有多少像素呢?

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


 


 南京牧狼文化传媒有限公司简介:


      牧狼传媒,牧者之心,狼者之性,以牧之谦卑宽容之心待人,以狼之团结无畏之性做事!


  公司注册资金100万,主营众筹全案服务、网站营销全案服务、网站建设、微信小程序开发、电商网店设计、H5页面设计、腾讯社交广告投放以及电商营销推广全案等相关业务,致力于为客户提供更有价值的服务,创造让用户满意的效果!


  为百度官方及其大客户、苏宁易购、金山WPS秀堂、美的、创维家电、新东方在线、伊莱克斯、宝丽莱等国内国外知名品牌服务过,服务经验丰富!同时,公司也是南京电子商务协会会员单位、猪八戒网官方认证签约服务商、江苏八戒服务网联盟、南京浦口文化产业联合会会员单位,可以为您提供更好的服务!


  主营项目:众筹全案服务、网站营销全案服务、网站建设、微信小程序开发、电商网店设计、H5页面设计、腾讯社交广告投放、竞价托管、网站优化、电商代运营等


  合作客户:百度、苏宁易购、饿了么、美的、创维家电、新东方在线、宝丽莱、金山WPS秀堂、伊莱克斯


  资质荣誉:百度商业服务市场2017年度最佳图片服务商、南京电子商务协会会员单位、猪八戒网官方认证签约服务商、江苏八戒服务网联盟、南京浦口文化产业联合会会员单位、八戒通TOP服务商、"易拍即合杯"H5创意大赛"三等奖"。



致力于为客户创造更多价值
13913005726 025-66045668
需求提交
电话咨询
在线咨询