适应新的Apple iPhone XS,XS Max和iPhone XR用户界面设计。
发布时间:2019-11-30 12:26:30
这是总结。
iPhoneXS和iPhoneXSMax使用三重@ 3x显卡。
iPhone XR使用2x @ 2x图形。
Pixel的姐姐整理了一个切割台和相应的模型,用于当前iOS改编。你记得,它是如此亲密吗?
(乖脸)
其次,新尺寸对设计设计的影响。
最近发布的iPhone XS,XSMax和XR采用全屏设计,因此您需要使设计填满屏幕。圆角,条纹和设计边距可以根据产品进行定制,但这些与iPhone X相同。
如上所述,iPhoneXS和iPhoneX的尺寸完全相同,因此页面设计是一样的。
我们只需要知道如何调整iPhoneXSMax和iPhoneXR的设计(两个逻辑像素是相同的,414 * 896pt,差别是一个@ 3x,一个是@ 2x)。
有几种方法,主要有以下几种:
方法1:
如果您将iPhone 8(375 * 667pt)设计为参考点,请首先获取iPhone XR。这都是@ 2x,所以我们需要将工作台宽度扩展到414 pt,高度扩展到896 pt。改变iPhone 6的宽度和高度的过程是一样的。状态栏从20点增加到44点,开始指示符的高度在底部为34点。导航栏和标签栏的高度不会更改。
我们发现iPhone XR的内容比iPhone 8更多。
iPhone XR直接扩展到一个。
获取iPhone XS Max 5次。
方法2
在设计iPhoneX(375 * 812pt)作为参考点时,首先要获得iPhoneXSMax。由于一切都是@ 3x,我们需要将绘图板的宽度扩展到414 pt,高度扩展到896 pt(与方法相同)。状态栏,导航栏,标签栏和起始页指示器的高度不会更改。
使用iPhone X S Max,您可以通过减少2/3直接获得iPhone X R,这很容易吗?
有很多方法可以适应,所以我不会在这里详细解释它们。
最后,让我们来看看今天的新闻发布会上的iPhone系列。
这是Apple发布会的内容以及我为每个人整理的iPhone新适应指南。它仍然很热!
用鸡蛋液包裹,蘸面包屑,你的朋友会按时享用吗?
原作者?
像素的女孩


上一篇:百度公司何时成立,谁是创始人?
下一篇:没有了