您所在的位置: 首页>行业资讯>山东【设计总结】像素,分辨率和适配

山东【设计总结】像素,分辨率和适配

发表于:2021-09-02 阅读:0 关键词: 网站设计 UI设计 产品优化 网站SEO优化

用户界面和交互都属于从国外进口的“进口商品”,在翻译成中文时可能会出现一些不能令人满意的错误。 ?????????????????????????????????????????????????????? ?????????????????????????????????????????????????????? ?????????????????????????????????????????????????????? ?????????????????????????????????????????????????????? ?????????????????????????????????????????????????????? ?????????????????????????????????????????????????????? ?????????????????????????????????????????????????????? ???????????????????????? 在传播过程中,这些错误可能会进一步放大。 我们可以在Internet上看到许多与设计有关的文章或书籍。 相同的事物在不同的地方可能具有不同的表达方式,其中有些可能仍然是矛盾的。 这给我们的设计师的工作带来了极大的不便,因为还没有达到统一的标准。 其中,像素和分辨率是最典型的。 你可能看过很多类似的文章,但你还是不明白什么是像素,什么是分辨率。 然后,我希望我的这篇文章可以帮助您解决这一困惑。 像素与分辨率之间的关系我认为许多设计师之所以不了解分辨率和像素,是因为他们没有弄清楚英寸是多少。 在我们年轻的时候,家里的电视曾经谈论过21英寸的大型彩色电视,25英寸的大型彩色电视和29英寸的大型彩色电视。 包括手机在内,我们还会说4.7英寸,5.0英寸等等。 但是显示屏毕竟是一张脸,你用英寸来代表一张脸,所以在很多人的脑海中,他们把一英寸误认为是面积单位,也就是说一英寸被认为是平方英寸。 以英寸为面积单位的设计人员将对分辨率有完全不同的理解。 其实这里的英寸指的是屏幕对角线的长度,而英寸实际上是一个长度单位。 分辨率可以分为两种类型:ppi和dpi:ppi:每英寸(长度)的像素数。 dpi:每英寸(长度)的点数。 对于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 像素。 以iPhone1为例,因为在提出这个设计规范的时候,苹果还没有适配视网膜屏。 苹果公司直到iPhone4才开始采用视网膜屏幕。 当时屏幕的ppi为163px。 用户可以在屏幕上点击的物理尺寸为7mm-9mm。 我们用7mm来计算。 一英寸有163个像素,一英寸有25.4mm。 那么7mm应该有多少个像素? 可以发现一个简单的数学转换为44.92px,这就是我们通常所说的44px。 因此,这44px只是一个相对长度,它将随着屏幕ppi的变化而变化。 如果您不明白这一点,则可能会卡住该44px的像素。 在任何分辨率的屏幕上使用44px显然是错误的。