专栏名称: 微交互
分享交互经验,提升产品用户体验。帮助您打造优秀产品。细节设计成就卓越产品。
目录
相关文章推荐
龙爪槐守望者  ·  Meta Horizon OS UI ... ·  2 天前  
字体设计  ·  以高饱和色彩碰撞为特色的字体设计 ·  2 天前  
51好读  ›  专栏  ›  微交互

像素,分辨率和适配

微交互  · 公众号  · 设计  · 2017-11-20 13:57

正文

请到「今天看啥」查看全文


对于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,这明显是不对的。







请到「今天看啥」查看全文