UI 入门基础!像素、分辨率和适配的知识全面总结

UI 入门基础!像素、分辨率和适配的知识全面总结,第1张

UI入门基础!像素、分辨率和适配的知识全面总结

无论是UI借用还是交互,都属于国外的“舶来品”,而当已经翻译成中文的时候,可能会表现出一些单词没有意义的问题。

在传播的过程中,这些问题还会被进一步放大。你已经可以在网上看到很多与思想相关的文章,这些文章的内容都是关于卷的。在不同的住处有不同的描述,有些可以借用,有些互相冲突。我们设想一下,老师的事会带来很大的不便,结果也是一样的限制。其中,像素大战的分辨率最具示范性。大家之前看了很多类似的文章,但是不知道什么是像素,什么是分辨率。那么,希望我的文章能帮你解开疑惑。

像素分辨率的相关性

我以为很多设计师都知道分辨率和像素的结果,这样就可以得到白色,什么是英寸。每个人都会有21寸大彩电,25寸大彩电,29寸大彩电等。在家里的电视机上。大家都知道4.7寸,5.0寸等等。包括脚机。但是,显示屏的最终结果是一英里,你用英寸表示一英里。所以很多人会把英寸误认为是内积模,即计算英寸的方式是圆寸。

把英寸作为内部产品模块的设计师,会对分辨率有细致多变的理解。的确,另一边的寸指的是显示屏直线的缩小,寸实际上就是缩小模块。

分辨率可以分为两种类型,ppivsdpi:

Ppi:每英寸像素区域的总数(少)。

Dpi:每英寸覆盖表面的总数(小于)。

关于dpi,我以为只需要了解一下,ppi才是关键。从上面的定义可以看出,dpi和ppi的区别其实并不大,只不过Pixel(px)是设计师最没有想象力的模块,Surface(pt)是iOS最没有开发力的模块。通常,双图像、三图像意味着在显示屏的一个表面上有两个像素或三个像素。毕竟一个武器装备一定要用双图借三图,看看ppi和dpi的比例就知道了。(ppi/dpi=2.6inplus,约为3)

一些有远见的人认为这些基本常识是合理的,他们认为这些基本常识属于前一个整体,与自身相关。但是,掌握一些基础开发的基本知识,可以帮助你更强烈地想象事物。接下来我举三个例子来说明。

分辨率计算

我们已经前后说过同样的话了。试想一下,老师只需要了解dpi,但他们真正想了解的是ppi。那么ppi能给我们带来什么样的帮助呢?如果像素的物理规格不全对,ppi和屏幕的差异也会导致疾病反应的转变。知道哪个ppi会帮助你打消失败的念头。

比如我们经常会在iOS给出的假设规范中看到44和88的数据。那么44是怎么到那里的呢?的确,iOS推荐的最小打脸元素规格是44*44px。以iPhone1为例。在明确提出假设规范的情况下,iPhone借出视网膜屏,iPhone只有在已经是iPhone4的情况下才接受视网膜屏。当时屏幕ppi是163px。并且客户已经在显示屏上显示的物理规格是7mm-8mm。我们以7mm为计算单位。一寸163像素,一寸25.4mm。7mm应该有多少像素?

简单的数学教学可以得到44.92px,也就是俗称的44px。所以,哪个44px只是相对少一点,会随着屏幕ppi的修改而修改。如果你不知道哪一个可以,你就死定了。平稳地握着44px,所有分辨率显示器都用44px,明显不一致,不正确。

适应误解

改编也是目前一些假想老师很头疼的一个考试成绩。有很多小重点需要大家注意。现在大家对app的假设基本都是在750×1334(iPhone6/7/8)的规格上做的,也就是说是在2折图的基础上,再切割3折图来终止对plus和iPhoneX的适配,3折图的适配对大家来说是很重要的一个方面,所以经常有设计师忽略了对iPhone5的规格适配。

看起来幻想家非常可疑。我是以2x图为标准做的,iPhone5用的是2x图。为什么我需要改编它?

朗读确实有这样的失败。iPhone5中老年夜单位的组件都是战争场景,规格都是一样的。但是,有一些原始元素将响应的修订规范,以适应iPhone5640×1136显示器。一般那种规格的变化有两种:一种是比例缩放,一种是照片。但下度稳定,水平区间减小。合适的是虚部,像上半部的掠夺箱。

虽然终止改编的篇幅很长,但是有很多小的关键点需要大家关注,一篇文章的数量必然是无穷无尽的。我给大家的建议是,拿一个iPhone5vsiPhone6QQ音乐,然后截图说明对比。当时是一个很蠢但是很有效的方法,这个方法也是一个神模拟器推荐给我的。的确,你也可以算是“竞争对手解释”。虽然那边也有竞争对手,但是管理中心的核心思想是一致的:没事做的时候,讨论别人做什么。

以前我在做屏幕解释的规范的时候,把很多物质的屏幕解释图片剪掉来终止解释。

那么,在双图的基础上作图时,一定要注意元件的规格不能差于奇数。比如在75px按下键,那么在三重图中,放大1.5倍的75px一定会显示实际的边缘。我们必须避免那种考试结果。

想象一个宏伟的控件

改编基础知识的知识可以帮助你以气魄驾驭物质的想法。例如,过去已经知道,材料背页将着重于上述排版设计。那种类型的排版设计的好处是,疑点可以充分呈现,但面积足够大,客户控制方便。然而,当适应已经完成时,这将是非常困难的。分级是iPhoneX的显示屏进一步缩小,那种单屏适配会很困难。

当我今天接受它的时候,我肯定会对这种最后一页的想法三思。不是想法不美,而是想法好用,以后只适配设备会很困难。

相同的临界状态

的确,那篇文章的主次点是如何通过学习像素战分辨率的全过程来进行更强的适配。所以我认为改编是精英团队的事情,仅仅依靠有远见的人是不够的。比如我上一本书里的例子,说明最后一页的整体规划方式很容易终止改编。但是,世界的架构并不是由UI设计师决定的,在交互设计师还没有画出原型图之前,材质经理无疑就决定了所有世界的整体布局设计方案。所以,让UI设计师去现场,直到早期原型图的绘制长度比原图长,一直是关键。因此,一些测试分数是必不可少的,这可以从UI设计师的角度来看。

除了物资经理的互动,大家对战争的发展有很多共同之处。前几天在为一个按钮做动画效果,网页剪图所需时间是透明的。但是ps出来的透明gif会呈现出纯粹的边缘,基本功也不能逊色。后来问了一些爱好者,大家都想出了合适的解决办法。AE还想出了一个功能强大的软件,可以间接引出真正的gif。一开始我很寒心,前端开发朋友告诉我,编码能真正实现哪个结果。当时我就愣住了,之前所有的努力都被磁感应给浪费了。“我在AE里做了动画特效,导出了视频,把视频导入PS,再导出gif”。所以道家的设计者必须和开创者一样,可以减少很多东西,改编也是如此。

摘要

以上是我对像素、分辨率、适配的总结。期待解决大家心中的一些盲点,其中可能存在不符合、不正确的住所。谢谢你留下来纠正他们。

感谢那些关心你的人。疑国民政府号:“王M论战”

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/zz/777957.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-03
下一篇2022-05-03

发表评论

登录后才能评论

评论列表(0条)

    保存