预约成功

调整屏幕尺寸的常见问题一:为什么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设计的相关软件素材及图文教程,环球网校也会进行持续更新哦。