终于，作为酵母之果的iPhoneX开始预售了！尽管他们很谦虚，但在富有想象力的老师的帮助下，他们会在iPhoneX上看到他们的应用程序。中华暗示:iPhoneX是智能手机的未来，哪个未来会给UI设计师和开发者带来一些困扰。
作为一个UI幻想家，我总结了一些我曾幻想过iPhoneXApp时行之有效的技巧，供大家参考:
1.利用精确的iPhoneX绘图板规格
就拿和上一代iPhone的区别来说，iPhoneX的显示屏比上一代低了145边(大约是上一代的20%)，而且有圆弧。下图显示了:
2.阻止已经设置在显示屏底部的足部手势交互。
由于Home键已经被赋值底部带细条的交互控件取代，除非非常必要，不需要随意设置脚手势交互，可以覆盖Home提示栏。主张可以考虑其他事情，滑入肉搏战的世界，可以换位思考，兼容并包。
3.呈现声音形状栏
以上一代iPhone为类比，iPhoneX的shapebar下垂度增加了一倍，从22pt增加到44pt。所以，你最好把风景扩展到显示屏边缘(包括形状条)和曲线可以旋转的区域。建议在形状栏的场景中加入导航条的颜色，否则看起来会很奇怪，而且App已经试图将其与传感器中壳的脚动混淆，可能会导致一些奇怪的情况。
客户世界中“全屏”感觉的长度通常很关键，这样客户就不会受到显示屏边缘的干扰。以下是iPhone为远见者定义平静区域的方式。(以下图例)
如果您的App应用程序仅限于组件，并作为一个整体积极规划，您的客户社区也应该适当地放大和缩小，以适应iPhoneX的显示屏。
PS:只隐藏形状栏来替换附加的资产减值。
4.提供全屏的感觉
大部分长宽比和没有结婚的一样。共享旧iPhone显示屏的想法应该在结尾进行修剪或提升为黑色边框。
在iPhoneX的内容已经呈现在小于4.5英寸的武器上的情况下，这种想法使得将多余容量的显示屏留为黑色(画面中相互悬挂的黑色边框)并举起来成为可能。为了更好地信任这样的好图像，为不同的低纵横比创建独立的显示兼容性也是值得的。
5.参考准确的打开方法。
合上打开的时候，iPhoneX会从头到尾拿出来接受触控ID，就用FaceID；通过投影战的全过程，解释了3万多张看不见的脸，然后创建了一个精确的内部深度图。如果你的想法触及ApplePay或其他管理系统的开放功能，你必须参考FaceID，而不是传统的触控ID。
6.使用精确的分辨率导出精确的颜色。
iPhoneX的分辨率较低，所以相比过去三代，它的新显示屏越来越少。其新的超等眼底黄斑显示屏分辨率为2346x1125，分辨率为458PPI。以此类推，这意味着网页裁剪将需要@3倍而不是@2倍的资本输出。
最好使用显示器P3颜色空房间(而不是sRGB)来创建iPhoneX的UI世界。那种颜色代表更丰富、更完整的世界。可以在DisplayP3颜色设置文档中导出为16位/通用PNG，最好是经过Photoshop的全流程，而不是素描。
iPhone提供这些资产吗？
好的声音是，是的，iPhone已经由苹果设计资源和苹果UI提供了这些资产。
斯特凡诺·玛拉基写的
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）