巢湖信息港

当前位置:

最新最全个人网站建设流程介绍照片

2020/03/27 来源:巢湖信息港

导读

最新、最全UI设计入门基本要素总结!我们可以在网上看到很多设计相干的文章或书籍,其中相同的事物在不同的地方可能会有不同的表述,其中有些可

最新、最全UI设计入门基本要素总结!

我们可以在网上看到很多设计相干的文章或书籍,其中相同的事物在不同的地方可能会有不同的表述,其中有些可能还是相互矛盾的。这就给我们设计师的工作带来了极大的不便,由于没有达成一个统一的标准。其中UI设计中的像素和分辨率就是最典型的,可能大家已看过了很多篇类似的文章,但是还是弄不懂什么是像素,什么是分辨率。那么,小编希望这篇文章可以帮你解决这个困惑。

像素和分辨率的关系

我觉得很多设计师没有弄懂分辨率和像素的缘由是由于没有弄明白什么是英寸。我们小时候家里的电视机会说21寸大彩电,25寸大彩电,29寸大彩电等。包括手机我们也会说4.7英寸,5.0英寸等。但是显示屏毕竟是一个面,而你用英寸来表示一个面,所以在很多人心中会把英寸误以为是一个面积单位,也就是说把英寸看成了是平方英寸。

而把英寸看成是面积单位的设计师就会对分辨率产生完全不一样的认识。其实这里的英寸是指屏幕对角线的长度,英寸实际上是长度单位。

分辨率可以分为两种,ppi和dpi:

ppi:每英寸(长度)所包括的像素点数目。

dpi:每英寸(长度)所包括点的数目。

对dpi,我觉得只要了解就可以了,ppi才是比较重要的。从上面的定义可以看出来其实dpi和ppi的区分并不大,只不过像素(px)是设计师的最小设计单位,点(pt)是iOS最小的开发单位。

分辨率换算

我刚才在前面也说了,设计师对dpi只要了解便可,真正需要掌握的是ppi。那末ppi可以给我们带来什么样的帮助呢?由于像素的物理尺寸不是绝对的,随着屏幕ppi的不同也会产生相应的变化,了解ppi这个会帮助我们避免出错。

适配误区

适配也是目前来讲一些设计师比较头疼的一个问题,有很多小细节需要我们去注意。目前来讲,我们给app做界面设计基本上都是750×1334(iPhone6/7/8)的尺寸上做,也就是以2倍图为基准,然后切3倍图对plus和iPhoneX进行适配,三倍图适配是我们的重点,所以常常有设计师忽视对iPhone5的尺寸做适配。

设计风格的把控

对适配知识的了解还可以帮助我们去把控产品的设计风格。例如,我们之前在产品首页会倾向于下面的这种排版。这种排版的好处是信息可以充足的展现,可点击区域够大,用户操作方便。但是在做适配的时候就会很困难,特别是iPhoneX出来屏幕的进一步拉长,这种单屏适配就会很困难。

这类首页的设计模式我在以后采取的时候肯定会再三斟酌,不是说这类设计模式不好看或说是可用性差,只是将来做设配的适配会很困难。

沟通的重要性

其实这篇文章主要说的是设计师如何通过对像素和分辨率的学习来更好的完成适配,那末我觉得适配是一个团队工作,光靠设计师是不够。例如我在上面的例子说到那种首页的布局模式很难进行适配。但是界面的框架不是由UI设计师来决定的,产品经理或者交互设计师在绘制线框图的时候已肯定了全部界面的排版布局。所以说,让UI设计师来参与到前期线框图和原型图的绘制是非常的重要,由于有些问题是必须站在UI设计师的角度来可以看出来的。

随着UI设计师的日趋普及,企业对UI设计师需求已不单单停留在简单的平面设计上,集设计和代码于一身的全栈UI设计师才是企业不可多得的人材。

贝分盐酸西替利嗪糖浆效果
什么药物治长期便秘
大便干结紧急处理方法
月经不调是怎么导致的
标签

友情链接