导航
  • 报考
  • 备考
  • 政策

报考

备考

复习资料

政策

行业动态

在UI设计的行业中,有哪些调整屏幕尺寸的常见问题?

环球网校·2020-06-13 09:30:01浏览40 收藏20

请输入下面的图形验证码

提交验证

预约成功

我知道了
摘要 关于调整屏幕尺寸的常见问题,移动互联网的发展势不可挡,一部小小的手机几乎将整个PC机推向了尽头,占据了人们生活的方方面面。Android手机占据了主流市场,拥有各种复杂的尺寸。本篇文章小编将讲述在UI设计的行业中,有哪些调整屏幕尺寸的常见问题。

调整屏幕尺寸的常见问题

调整屏幕尺寸的常见问题一:为什么iPhone 6是参考尺寸?

1.从中尺寸上下调整时,界面的调整范围最小。375pt的设计效果可以满足414pt和320pt的要求,且无太大偏差。假设基于414pt的设计非常优雅,那么在320pt时可能元素之间的比例就不一样,例如,图片和文字之间的视觉比例可能失衡。

2.iPhone6Plus有两种显示模式,标准模式分辨率为1242×2208,放大模式分辨率为1125×2001(是iPhone6的1.5倍)。可以看出,iPhone6和iPhone6 plus在官方系统中的分辨率要高出1.5倍。在许多情况下,这两种尺寸可以直接匹配1.5倍。

3.1242×2208的价值是苹果官方不愿公开公布的决议,不容易记住和计算。虽然640×1136是一种应用广泛的分辨率,但在大屏幕时代不宜以小尺寸为设计基础,设计师会停留在小屏幕的角度进行设计。因此,750×1334的iPhone 6是最合适的基准尺寸。

调整屏幕尺寸的常见问题二:仅交付一套设计草案。默认情况下使用哪些规则进行调整?

如上所述,适应策略是选择iPhone 6作为参考设计尺寸,然后通过一组适应规则自动适应其他两种尺寸。这套自适应规则总结为一句话:文本流、控制灵活性、图像缩放。

控制弹性是指在导航、单元格、条形图等适应过程中,垂直方向的高度保持不变;当水平方向的宽度变化时,通过调整元素间距或元素的右对齐来实现适应。这样,屏幕越大,可以在垂直方向上显示的内容越多,可以发挥大屏幕的优势。

根据上述默认的适应规则,三个屏幕的显示效果相同。有时,如果你想在大屏幕上显示更多的内容,你需要设计一个特殊的适应效果。例如,当app store主页的焦点图从iPhone 6改为iPhone 6 plus时,焦点图的大小和布局都会经过特殊处理。下面的应用列表也由原来的3行变成了4行,真正实现了大屏幕显示更多内容的概念。这些都需要设计师给出相应的设计草图。

解决了IOS系统的调整屏幕尺寸的常见问题。当用户打开网站或应用程序时,用户体验完全不受影响。Android系统设备、品牌和屏幕碎片化比较严重。想知道更多关于ui设计的设计素材与技巧,可以在文末下载ui设计的相关软件素材及图文教程,环球网校也会进行持续更新哦。

资料下载
历年真题
精选课程
老师直播

注册电脑版

版权所有©环球网校All Rights Reserved