
分辨率与显示屏专有名词的轻松解读
你是否遇到过显示分辨率的困扰?是否对DPI、PPI、4K等名词感到困惑?本文将通过图文结合的方式,轻松讲解有关分辨率和显示屏的专有名词,让你不再为界面不兼容而烦恼。
一、DPI与PPI
DPI(Dots Per Inch)最初用于衡量打印物上每英寸的点数密度。当DPI的概念用于计算机屏幕时,称之为PPI(Pixels Per Inch),即计算机屏幕上每英寸可以显示的像素点数量。
Windows系统默认PPI为96,Mac OS系统默认PPI为72。非视网膜屏幕的桌面电脑的PPI在72到120之间。
二、分辨率的影响
假设你设计了一个109×109px的蓝色方块,其物理尺寸为1×1英寸。如果你的屏幕是72PPI的,那么这个方块看起来要比实际的物理尺寸稍大一些,因为72PPI的屏幕需要约1.5英寸才能显示109px。
三、屏幕分辨率
四、4K分辨率
4K是现在流行的分辨率标准。full HD(全高清)指的是1920×1080像素的屏幕。而4K标准的最小分辨率是3840×2160像素,也叫做QHD或UHD(超高清)。简单来说,一块4K屏幕可以容纳4个1080P的屏幕。
如果你的电脑使用了4K显示器,目前的操作系统可能无法完全支持4K分辨率,但会使用最高DPI模式来显示元素。如果在一个Chromebook或Macbook上用4K屏幕,它们会使用最高DPI模式,虽然看起来不错但元素可能会显得很小。目前还没有4K分辨率的手机或平板电脑。
五、显示器的刷新频率
刷新频率指的是屏幕每秒显示的图像帧数,与PPI无关。在UI设计中,刷新率决定了动画的平滑度。注意,刷新率是由处理图形的设备决定的,即使你把一个高刷新率的显示器接在一台性能较低的设备上,其刷新率也无法提高。
六、视网膜屏幕
视网膜屏幕是在iPhone 4发布时进入大众视野的。从技术上说,它在物理尺寸与上一代相同的屏幕上了2倍的像素。这意味着在相同尺寸屏幕上,元素的精度提高了2倍。其他公司和苹果在宣传类似技术时,通常使用HI-DPI或超级劲爆极限像素显示屏等词汇。在跨设备展示设计时,转换系数非常重要。当设备的PPI不设计师需要根据PPI的转换系数来调整设计元素的大小。例如,一个物理尺寸相同的屏幕如果PPI翻倍,那么设计元素的大小需要缩小一半以保持清晰度。在设计过程中要关注转换系数而不是具体的PPI数值。在进行跨DPI设计时,DP(设备独立像素)和PT(点)是常用的标准单位。它们可以帮助设计师在不同的设备上保持设计的一致性。在进行Web设计时,PPI的设置通常不会影响设计效果。设计师应该坚定地选择一种PPI作为设计标准并在整个项目中保持一致这样可以避免不必要的麻烦和混淆对于字体大小的设计推荐使用SP单位因为它会受到用户设备字体设置的影响从而确保字体在不同设备上都具有清晰的易读性总之理解分辨率和显示屏相关的专有名词对于设计师来说非常重要它将帮助设计师更好地适应不同设备和屏幕提高设计的质量和用户体验
