作图软件吧 关注:3,229贴子:25,117
  • 1回复贴,共1

UI设计常识:做设计必备小知识

只看楼主收藏回复

你了解UI设计常识吗?相信大家对ui设计已经不再陌生啦!面对ui设计师的高薪现状,有一大批人都在向这个方向进展。当然刚进入一个行业的我们来说,不仅仅是对这个行业的薪资向往,更多的是想要在这个行业做出一些成就。所以今天我们就来聊聊UI设计常识的一些相关内容。

手机屏幕尺寸
屏幕对角线长度,单位为英寸。

显示分辨率
屏幕拥有的像素总数,单位为像素(pixel,简写px)

屏幕像素密度
Pixels Per Inch,简写PPI或ppi,指的是每英寸所拥有的像素数。


同样是尺寸大小为5英寸的屏幕,显示分辨率为 4 * 4px 的屏幕显示质量大于显示分辨率为 3 * 3px 的屏幕。
逻辑分辨率与虚拟尺寸单位
由于市面上手机种类繁多,不同的屏幕尺寸与不同的显示分辨率,为开发提供了极大的不便。

为了尽可能减少开发人员的工作成本,开发人员需要一套统一的分辨率和尺寸单位,由此衍生出一个新的分辨率——逻辑分辨率(单位是虚拟尺寸单位):
Android 的虚拟尺寸单位是dp(用于元素)和sp(用于字体)。
iOS 的虚拟尺寸单位是pt。
正常来说,设计师设计时采用的是显示分辨率(单位:px),程序员开发时采用的逻辑分辨率(单位:虚拟尺寸单位)。
逻辑分辨率与转换率的制定
设置逻辑分辨率的原因是为了通过将显示分辨率通过一定的倍数(转换率)缩放至一个新的分辨率大小,使得原本不同手机的显示分辨率差异缩小。开发中采用的分辨率时,方便于适配更多的机型。

在制定转换率与罗晋分辨率的时候,我们需要注意如下三点:
不同iphone间的逻辑分辨率尽量接近。
转换率最好是整数。
不同iphone转换成逻辑分辨率后的ppi尽量接近。
切图
对于@2x的设计来说,1 * 1 pt = 2 * 2px;对于@3x的设计来说,1 * 1 pt = 3 * 3 px.
所以设计好的@1x的图,要把它切开,由 1 * 1 pt 的大小切成 2 * 2 px 和 3 * 3 px 的大小。故谓之切图。

以上这些是有关UI设计常识的一些总结,希望能够帮助到你们,最后我们在做UI设计的时候的一些常识问题,还是要注重一下,开始进入这个行业都要按照比较规范的样式去设计,然后开始创新设计,欢迎大家继续和我交流,可v我:913438879。


1楼2020-07-20 15:22回复
    留下你们的微或留邮箱都可以哦
    是可以领取学习资料和课程的哦


    2楼2020-07-20 17:44
    回复