郑州高新区UI设计培训学校

学UI设计基础入门实用技巧

针对像素如果大家想要学习设计，可以去兔课网看一下，兔课网上面有很多的设计学习资源、教程、素材！

如果你不熟悉dp的概念，我也在这里先说明一下：像素密度是每一英寸的像素值也叫ppi，单位dp是单词“density-independent pixel”的缩写，有时也缩写为“dip”。

在设计界面时，建议不要针对像素而设计，而是针对设备的像素密度进行设计。这样能确保设计元素能在各个不同设备上很好的适配。

例如，如果我们设计一个按钮元素，大小是200x50dp，那么它在160ppi的屏幕上显示为200x50dp，在320ppi的屏幕上显示为400x100px，即原始资源的2倍。

在某些屏幕每英寸的像素要比其他屏幕多，但设计资源却不会在像素密度高的屏幕上显得更小，这是因为在这些屏幕上会以原始尺寸的2倍，3倍，4倍进行渲染。这样的机制可以确保所有设计资源可以在不同密度和设备之间保持同样大小。

例如，iPhone XS Max的屏幕尺寸是414x896，但这不是像素尺寸而是点的数量，以像素为单位时是1242x2688px。考虑到这一点，在设计iPhone XS Max时，我会将在414x896点下设计，然后交付3x的设计资源。

为什么设计中要用8dp这个增量规则？这里有一个简单的解释：我们使用8而不是5这个神奇数字的原因是，如果设备有1.5倍的分辨率，就很难被整除而出现锯齿。

此外，绝大多数的屏幕尺寸都可以被8整除，这就是使得我们的设计在这些屏幕上适配变得很简单。

通过在8点网格上以8为增量进行设计，也让设计变得更加统一。设计师不需要更多的猜测，就能做出决策，做到适配。