调整屏幕尺寸的常见问题有哪些?

环球青藤 2020/08/04 01:23

一、为什么iPhone 6是一个参考尺寸?

1. 在中尺寸上下调节时,界面的调节范围最小。375PT的设计效果可以满足414PT和320PT的要求,偏差不大。考虑到基于414pt的优雅设计,可能元素之间的比例在320PT是不同的;例如,图像和文本之间的视觉比例可能会不平衡。

2. iPhone6 plus有两种显示模式,标准模式分辨率为1242×2208,变焦模式分辨率为1125×2001,是iPhone6的1.5倍。如您所见,iPhone6和iPhone6 plus在官方系统上的分辨率是iPhone6的1.5倍。在许多情况下,这两个大小可以直接以1.5倍的倍数匹配。

1242×2208的数值是苹果公司不想公开的官方决定,这个决定不容易记住和计算。虽然640×1136是一个被广泛使用的分辨率,但是在大屏幕时代,在小尺寸的基础上进行设计是不合适的,设计师会停留在小屏幕设计的角度。因此,750 x 1334的iPhone 6是最合适的基准尺寸。

二、只交付一个设计草案,默认情况下使用哪些规则进行调整?

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

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

根据上面的默认适应规则,所有三个屏幕看起来都是一样的。有时候,如果你想在大屏幕上显示更多的内容,你需要设计一种特殊的改编。例如,当App Store主页上的focus graph从iphone6改为iphone6 Plus时,focus graph的大小和布局都有特殊的处理。下面的应用程序列表已经从三行更改为四行,真正实现了更大屏幕、更多内容的概念。这些都需要设计师给出相应的设计图。

解决了IOS系统的调整屏幕尺寸的常见问题。当用户打开网站或应用程序时,用户体验完全不受影响。Android系统设备、品牌和屏幕碎片化比较严重。想知道更多关于ui设计的设计素材与技巧,可以点击本文其他文章进行学习。

免费直播

    精选课程 更多

    注册电脑版

    版权所有 2003-2020 广州环球青藤科技发展有限公司