显示屏分辨率(显示屏2k和4k有什么区别)

推荐:你遇到过显示器分辨率的问题吗？难道你不知道那些DPI PPI 4K px HD和其他名词的区别吗？你还在纠结每次各种屏幕之间的关系吗？作为一个经常被抓到设计的强人，当边肖听说分辨率兼容时，她很头疼。本文图文结合，轻松愉快地讲解了分辨率和显示屏的专有名词。我妈再也不用担心我接口不兼容了~耶~

还有PPI。

DPI(每英寸点数)最初是用来衡量印刷品每英寸的点密度，即你的打印机一英寸能打多少个点。DPI值越小，画面越不精细。

当DPI的概念用在电脑屏幕上时，应该叫PPI(每英寸像素)。同样:PPI是电脑屏幕上每英寸可以显示的像素数。你说DPI大家都能听懂。

Windows系统默认PPI是96，Mac OS系统默认PPI是72。

一般非视网膜屏幕的台式电脑PPI在72-120之间。使用72-120之间的PPI进行设计，基本上可以保证你的作品尺寸在大多数情况下看起来都差不多。

举个栗子:

7英寸Mac的PPI是109，这意味着每英寸有109个像素。显示器的宽度(包括边框)是25.7英寸，屏幕的纯宽度差不多是23.5英寸，所以是23.5×109 ≈2560，说明屏幕的分辨率是2560×1440px。

*我知道23.5×109不等于2560，实际应该是23.486238532英寸。用像素/cm可以更准确。我只是给你举个栗子，你知道的。

PPI在设计中的影响

假设你设计了一个109×109px的蓝色正方形，这个正方形的物理尺寸是1×1英寸。如果你的屏幕是72PPI，这个正方形看起来比实际的物理尺寸要大，因为在72PPI的屏幕上显示109px需要大约1.5英寸。

屏幕分辨率

屏幕分辨率对用户感知你的设计有很大影响。好在CRT显示器基本已经被淘汰了。用户在使用LCD时，基本都是使用显示器的原生分辨率，这样看起来更舒服。

分辨率是屏幕上的像素数，例如，一个2560×1440px的屏幕，水平为2560像素，垂直为1440像素。结合PPI的含义，你应该明白分辨率不是物理大小的定义。你可以有一个和你房子里的一面墙一样大的屏幕，或者一个和你脚趾盖一样大的屏幕。它们的分辨率可以是2560×1440像素。

现在所有的液晶显示器都有原生固定分辨率(译者:我一般称之为点对点分辨率)。这个CRT显示器原理不一样，这里就不细说了。

我们的27英寸Mac显示器的点对点分辨率为2560×1440像素，109PPI。如果调低屏幕分辨率，你会发现屏幕上的窗口、图标等东西变大了，因为23.5寸屏幕上的像素变少了。

其实还是那么多像素，PPI还是那个PPI，它们就在那里，不多不少。我说像素少，是指当你调低屏幕分辨率时，操作系统会通过拉伸来填满屏幕。这时CPU/GPU会用点对点像素计算出一组新的分辨率。

如果要将27 ″ Mac的分辨率设置为1280×720px，GPU会将4个像素作为一个像素(2×2)。这能干什么？当然是糊状的！还不错，毕竟是可分像素。如果做三分之一或者四分之三的蛾子，换算的时候会有小数，那就更糊了！不信你看下图。

比如下面这个例子，在点对点屏幕上拉一条1px的线，然后把屏幕分辨率降低一半。为了填满屏幕，CPU必须以150%的形式显示视觉效果。相当于之前所有元素的1.5倍，但是没有半个像素，所以只能通过降低填充像素的颜色纯度来达到目的。

这就是为什么在使用retina屏幕的Macbook Pro时，如果你想改变分辨率，系统会提示你该分辨率下的视觉效果(如下图)，用户可以直观感受到分辨率的变化。

用像素来表示物理尺寸是一种很主观的表达，但他们并不认为这是一种愚弄。

请记住:如果您希望在查看设计时尽可能保持像素完美，请确保将屏幕分辨率设置为显示器的点对点原始分辨率。虽然您可能觉得使用低分辨率更舒服，但在像素级别查看设计时，您必须尽可能准确。可悲的是，有些人为了看得更清楚，会使用辅助功能，会让你的作品难看死。好在这个时候用户看的比较仔细，不是去扣细节。

什么是4K？

最近，你可能经常听到人们说4K的4K既古老又时尚。在谈论4K之前，我们先来谈谈HD(高清晰度)。

注意，HD其实是一个很宽泛的缩写。就说常见的决心吧。高清没有固定的标准。基本上720px的宽度就是高清，有些分辨率已经成为短标清的标准定义。

全高清(Full HD)是指分辨率为1920×1080px的屏幕。大部分电视和越来越多的高端手机都采用全高清分辨率(比如这里没有品牌赞助商)。

4K标准的最低分辨率为3840×2160px。4K也被称为QHD或UHD(超高清)。简单来说，一个4K屏幕可以容纳四个1080P屏幕。

4K另一种常见的分辨率是4096×2160px，一般用于投影仪或专业相机。

如果我的计算机使用4K显示器会怎么样？

目前的操作系统都不支持4K。如果你在Chromebook或macbook上使用4K屏幕，他们将使用最高DPI模式，以2倍的比例显示元素(原文:它将使用最高DPI的资产，在这种情况下是200%或@ 2xones，并以正常比例显示)，虽然看起来不错，但它极其小。

请想一想:如果你把一个12英寸的4K屏幕放在一台12英寸高分辨率屏幕的电脑上，所有元素看起来都会比以前小2倍。

-4K是全高清的4倍。

-如果当前操作系统处理4k，但不扩展它。有意义的没有4k特定资产。(不知道怎么翻译比较通顺)

-目前还没有4K分辨率的手机或平板。

显示器的刷新频率。

本章可能存在一些理论上的疑点，仅供参考和娱乐。

让我们跳出PPI和屏幕分辨率的话题，说点别的。您可能已经注意到，在屏幕分辨率设置附近有一个刷新率设置。与PPI无关。它是指每秒钟屏幕上显示的图像数量。60Hz的刷新率意味着每秒60帧，120Hz意味着每秒120帧，以此类推。

在UI设计中，刷新率决定了你的动画看起来是否流畅细腻。请注意，刷新率由处理图形的设备决定。就算你给小霸王游戏机连个120Hz的显示器也达不到120Hz。

如果你还不能理解这个，就看看下面的栗子吧。一只非常努力的霸王龙小明从A点跑到b点，60Hz屏幕可以显示9帧，120Hz屏幕可以显示18帧。当然，在120Hz的屏幕上，小明霸王龙看起来更优雅，也更努力。

注:有人说人眼无法察觉60Hz以上的区别。扯淡！不要听他装懂，但一定要鄙视他的凸性(‵.)').

什么是视网膜屏？

视网膜屏是在iPhone4发布时进入大众视野的。之所以叫视网膜，是因为屏幕的PPI高到人的肉眼根本看不到像素。

这种说法在iPhone4刚出来的时候是有道理的，但是随着屏幕越来越好，我们的眼睛被磨炼到看不到屏幕上的像素，尤其是界面上的圆形元素更容易看到。

从技术上来说，他们在与上一代相同的物理尺寸下，将两倍多的像素塞进了屏幕。

哇！在不减小元素尺寸的情况下，相同尺寸屏幕上元素的精度提高了2倍。一个像素的空空间现在有四个像素，像素数量是原来的四倍。

再给我举个栗子。

注意:很难表达iPhone 3GS和iPhone 4在其他设备上的界面区别。如果你想仔细对比，可以下载我的demo放在两个手机里对比。

“视网膜”是苹果的专有名词。其他公司只能用“HI-DPI”或者“超极致像素显示”之类的词，或者根本不说这种傻话。它们只会在你阅读设备说明时告诉你屏幕的大小和DPI。

注:苹果产品的DPI转换和分辨率的区别很好理解，因为只有一个倍数。

换算系数是多少？

当你的设计要在不同的PPI屏幕上显示时，转换系数简直就是向日葵的宝库。当你掌握了葵花宝典之后，你就可以完全忽略装备的具体参数了(也不要完全忽略，毕竟大家都不是原作者那样的东方不败)。

再把iPhone 3GS和iPhone 4请出来举栗子吧。同样物理尺寸的屏幕长宽被塞进了两倍的像素，那么这个转换系数就是2，也就是说你的原件包含的像素是之前的四倍，所以你要把它的尺寸长宽增加一倍。(这位大哥废话很多，真的不是骗钱的招数？)

假设你画了一个44×44px的iOS图标，然后给它起了一个活名字，比如“赵四”。

为了让“赵四”在iPhone 4上看起来像“赵四”，你必须再画一个两倍大的，如下图所示。

是不是干脆死了！现在有两个版本的《赵四》。png”，一个是正常PPI下的3GS，一个是两倍大的iPhone 4。

你可能会想，“肯定不止这个转化率。”是的，一定有，有多少比例就有多少噩梦。好吧，我不会吓你的。我敢肯定，你宁愿花一天时间洗袜子和内裤，也不愿转换系数。还好你遇到了我哥，不用担心他。(No = _ =)

在说跨DPI设计的规范之前，先说一下DP和PT的单位和人生经历。

注意:

我不知道换算系数，但我不好意思说我湿了。转换系数是混乱的屏幕尺寸和PPI世界的灯塔。

当我们谈论三人行(DP，PT，SP)时，我们在谈论什么

和DP PT是用于定义不同设备和不同dpi中的应用的标准单位。

DP (DiP为fine)是设备无关像素的缩写，PT为point。它属于PT苹果一家，DP属于android一家。事实上，一个人有两个名字。

总之，它可以决定一个器件的转换系数。这对郑讨论lun设计标准有很大帮助。

让我们请出之前制作的纽扣“赵四”。

44px“赵四”用于3GS，88px“赵四”用于retina屏幕。在3GS上，我们为“赵四”制作了20px的内边距以使其更大，所以我们必须在retina屏幕上给出40px的内边距。在设计非视网膜屏幕时，你不必计算视网膜屏幕应该使用多少像素。

所以我们就以非视网膜屏的按键作为DP/PT的标准参考吧。

上图中“赵四”的尺寸为44DP，内边距为20DP。在任何PPI屏幕上，“赵四”都是44DP。

Android和iOS会通过转换系数使控件适应屏幕大小，这就是为什么最好使用你屏幕的默认PPI进行设计。(如果不是我翻译失误，我根本没感觉到这两句话的因果关系)

不像SP DP，但用法基本相同。SP用来具体定义字的大小。受用户安卓设备字体设置的影响，SP作为底座的定义和DP一样，以易读大小为标准(比如16SP字号的易读性就很强)。

分辨率的模式越多，DP和SP的价值就越突出。

生产者价格指数的设置

之前介绍过PPI，视网膜，转换系数。现在要说的是你们这些调皮的男生经常问的问题:如果我把设计工具里的PPI改了会怎么样？

如果你以前考虑过这个问题，你对你的设计工具相当熟悉。我很难理解里面一些非常重要的东西。

所有非打印像素的初始PPI配置

软件中的PPI配置是承袭印刷品时代的。如果你只做网页设计，PPI对你的设计影响不大。

软件会通过转换系数将你的设计转换成合适的像素，这也是我们使用转换系数而不是直接使用PPI的具体值的原因。

再比如栗子，你可以在Photoshop里画一个80px的正方形，旁边放一行16PT的字，一个72PPI，一个144PPI。

你看，144PPI的画布上字比72PPI上大了1倍，但方块的大小基本没变化。因为Photoshop中PT的显示会根据PPI的值来决定，在2倍的PPI上就有2倍大的文本。那什么情况是以像素作为定义标准呢，看那个蓝色方块，它的大小就没变。一个像素就是一个像素，无论在什么PPI配置下，一个像素还是一个像素，它只受屏幕点对点像素PPI的影响。你看，144PPI的画布上的字符比72PPI的画布上的字符大一倍，但是方块的大小基本不变。因为PT在Photoshop中的显示会根据PPI的值来决定，所以2倍PPI上会有2倍大的文字。像素的定义是什么？看看蓝色的正方形，它的大小没有变化。像素就是像素，不管什么PPI配置，像素还是像素，只受屏幕上点对点像素的PPI影响。

以下内容很重要:在设计digital的时候，PPI只会在你思考你的设计，你的工作流程，以PT为单位的时候才会起作用，比如字体。如果你的设计源文件中包含不同PPI的各种配置，那么项目中就会包含根据不同PPI转换的各种文件，这就麻烦大了。

搞什么鬼？坚定地用一个PPI作为设计标准(建议PPI在72和72~120PPI之间的要1x)。我个人用72PPI是因为这是Photoshop的默认值，我的大部分同事也用这个。

注意:

-PPI配置对网页设计影响不大。

-PPI配置只会影响那些需要测量独立PPI的单位，比如PT。

-像素是任何数字的度量单位。

——记住换算系数和你的设计目的，而不是PPI。

-设计时使用一般的PPI配置，这样会让你更容易感知这种设计在目标器件上的效果。

-采用相同的PPI配置进行设计。

看了这个StackExchange的帖子很有意思。