400-000-9192

北京91搜课网 > 学习攻略 > ui设计常规尺寸包含哪些

ui设计常规尺寸包含哪些

职业技能 / 设计培训 / UI/UE培训

作者:91搜课网

2022-01-09 09:26

ui设计常规尺寸包含哪些

iPhone的屏幕尺寸不同。我说的是逻辑像素尺寸,真的很头疼。如果你想用一套设计覆盖所有iPhone,你应该选择逻辑像素折叠的模型。从市场份额数据来看,目前iPhone5/5s屏幕最多。2倍,逻辑像素320×568。

UI设计的常规尺寸包含以下:

1.IPhone。
iPhone的屏幕尺寸不同。我说的是逻辑像素尺寸,真的很头疼。如果你想用一套设计覆盖所有iPhone,你应该选择逻辑像素折叠的模型。从市场份额数据来看,目前iPhone5/5s屏幕最多。2倍,逻辑像素320×568。上升势头最猛,iPhone6屏幕有望在未来排名第一。2倍,375×667逻辑像素。按照这两种尺寸来设计,都是比较主流的做法。可以考虑较短的iPhone4s,较大的6plus不会太空。但切图时要注意,因为iPhone6plus的3倍图是由2倍图放大的,所以要注意保证位图清晰。

2.Android。
据说Android碎片化严重,但现在比iOS更容易处理。因为今天的Android屏幕逻辑像素趋于统一:360×640取决于您的设置数倍。如果您想以xhdpi为准,请将DPI设置为72×2=144。如果您想以xxhdpi为准,请将DPI设置为72×3=216。对于那些宽度为480px的老低端机器,图片会更小,显示内容会更少。稍微注意一下,重要内容尽量保持在界面的上部。当然,这些模型将在不到一年的时间内被边缘化,并基本上被淘汰。现在可以操作的也被用作功能机器,更多的软件必须是卡,用户体验无法谈论。不考虑它也可以。

3.Web
移动网页没有统一的标准,比较流行的做法是根据iPhone5的大小来设计。2倍,逻辑像素320×568。这种做法比较实用。倍率2的屏幕是iOS和Android的主流,逻辑像素最小。因此,图片的大小可以保持在较小的水平,页面加载速度快。当然,缺点是图片在倍率3的设备上不是特别清晰。如果追求图片质量,愿意牺牲加载速度,可以根据最大屏幕进行设计。即iPhone6plus的尺寸、倍率3、逻辑像素414×736。

赞同

分享到:

预约试听

填写您的个人信息 稍后将有平台客服联系您

400-000-9192

欢迎拨打平台热线主动联系我们

登录成功

欢迎您加入91搜课网
以下为您提供我们后台链接、账号、密码

后台链接:www.91soker.com/soker_institution/

后台密码:123456

温馨提示:
请保存好、后台链接、账号、密码。
登录后台链接提供入驻所需的资料信息。

400-000-9192

欢迎拨打平台热线主动联系我们

0.364630s