平面设计法则全解（新手难以理解的平面设计知识）

今天玩设继续为大家讲解平面设计方面的相关知识。

平时我们用Photoshop创作的第一步要干嘛？是的，先“新建”文档。

然后设置最多的就是“宽度”、“高度”、“分辨率”等数值。然后会看到后面的单位设置是“像素”、“像素/英寸”。

上图显示的是宽度：1920像素，高度：1080像素。我们都听到过像素这个概念，那到底什么叫像素？先来看比较容易直观的理解，就是一张图片在电脑上放大到极致后，出现的马赛克就是像素，而1个马赛克方块就是1个像素。像素其实是电脑显示器的最小单位。

比如我的电脑显示器最高为1920*1080像素。

什么意思呢？意味着我的显示器的屏幕横向有1920个像素点（马赛克），竖向有1080个像素点（马赛克），我的显示器一共有1920*1080=2073600‬≈2000000，也就是200万个像素（面积）。

再用个直观的例子，LED显示屏上的一个小灯来代表一个像素。

那么我的屏幕就有200万个LED小灯泡（所有像素总数），每个灯泡显示不同的颜色就能组成画面。灯泡越多，所能呈现的颜色的变化也就越多，越能反映真实的场景，图片也就越清晰。

理解了什么叫“像素”了吧。

那么分辨率里的“像素/英寸”又是什么呢？我们一张图片的清晰程度其实不是取决于“像素数”，而是取决于像素的“点密度”（就是图片的分辨率，用ppi表示，单位是“像素/英寸”）。72像素/英寸，就是每英寸里分布了72个像素。

是不是很难理解？你可以这样去想象，比如我有一台23寸的显示器，显示器里一共可以放1.2万个LED小灯泡，但是我每一寸只放有72个LED小灯泡，那么我这台显示器一共才放了23*72=1656个小灯泡，记住我在这里比如，现实中要多得多。

但是不够1.2万个LED灯泡怎么办？那么计算机会在小灯泡与小灯泡的之间，会去进行“插值”处理，也就是计算机额外补一些灯泡进来，补在哪？补在灯泡与灯泡缝隙之间，补足1.2万个灯泡。但是计算机补的灯泡是自己计算的，就会导致补的灯泡颜色不精确，而且又是大面积的补充，就会产生我们所说的模糊（一张图片像素不够，强制放大产生模糊）。

如果23寸电视里，每一寸放500个小灯泡，那么我这台显示器一共有23*500=11500个灯泡，基本填充满23寸显示器。

那么现在反过再来看Photoshop里的新建图。

在宽和高固定的情况下，图片分辨率是72像素/英寸的清晰？还是500像素/英寸的清晰？

答案肯定是500像素/英寸的清晰，同时你Psd的文件大小也会增大。

但有一点要注意，在Photoshop里设置分辨率高于72以上的图，在我们常规的显示器上是看不出有太大的区别的，所以一般如果设计的图只用于在网络或者一般显示器上使用，72的分辨率就够了。但如果把图片打印出来，就能看出低分辨率和高分辨率的区别了。

所以像素其实就是一张图片的的尺寸单位，而分辨率是在固定尺寸里投放了多少个像素。尺寸固定，分辨率越高，图片越清晰细腻，一般设计的图要考虑打印使用的话，分辨率最好设置在300以上。

我是玩设，您的关注是我坚持的动力，我将继续奉上更多精彩内容，请点击关注支持一下，万分感谢！

【玩设】玩转色彩，色彩心理学暖色篇！平面设计基础知识！

【玩设】色彩的暗示，色彩心理学冷色篇！设计基础知识！

【玩设】色彩的意识，色彩心理学之中性色系！平面设计基础知识！