当前位置: 首页 > UI设计 > UI设计实战技能 > UI设计框架设计 > 调整屏幕尺寸的常见问题有哪些?

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

发布时间:2020年08月04日 01:23:40 来源:环球青藤 点击量:922

【摘要】说到屏幕尺寸,移动互联网的发展势不可挡,一个小小的手机将个人电脑推到了消亡的边缘,几乎占据了人们生活的方方面面。Android手机主导着主流市场,各种复杂的尺寸都有。本篇文章小编将讲述在UI设计的行业中,有哪些调整屏幕尺寸的常见问题。

一、为什么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设计的设计素材与技巧,可以点击本文其他文章进行学习。

分享到: 编辑:晨辉

就业培训申请领取
您的姓名
您的电话
意向课程
点击领取

环球青藤

官方QQ

扫描上方二维码或点击一键加群,免费领取大礼包,加群暗号:青藤。 一键加群

绑定手机号

应《中华人民共和国网络安全法》加强实名认证机制要求,同时为更加全面的体验产品服务,烦请您绑定手机号.

预约成功

本直播为付费学员的直播课节

请您购买课程后再预约

环球青藤移动课堂APP 直播、听课。职达未来!

安卓版

下载

iPhone版

下载
环球青藤官方微信服务平台

刷题看课 APP下载

免费直播 一键购课

代报名等人工服务

课程咨询 学员服务 公众号

扫描关注微信公众号

APP

扫描下载APP

返回顶部