北京91搜课网 > 学习攻略 > ui设计常规尺寸包含哪些
ui设计常规尺寸包含哪些
职业技能 / 设计培训 / UI/UE培训
作者:91搜课网
2022-01-09 09:26

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。
赞同
上一篇:长长久久是什么意思
下一篇:UI设计常见类型有哪些