交互设计教程

交互设计教程,第1张

iPhoneX交互设计官方指南

明天上午,iPhone发布了带有流海的iPhoneX,这款屏幕需要iOS先行者做新的兼容。会后iPhone发布了iPhoneX的兼容性,大家翻译成中文,供大家参考。

iPhoneX

iPhoneX有大量低分辨率的弧形屏幕,这些屏幕扩展到边缘,从过去的现有屏幕中提供了一种陶醉感和丰富的内容。

屏幕规格

iPhoneX的显示屏总宽度和iPhone6一样,iPhone7和iPhone8之间4.7英尺。但iPhoneX上的屏幕比4.7ft大了145pt,导致空约20%的下垂。

全屏规格:1125px×2436px(375pt×812pt@3x)

全屏规格:2436px×1125px(812pt×375pt@3x)

为应用方法中的所有设计草稿提供低分辨率图像。XiPhone的分辨率较低,为@3x。对于字体等类别的矢量图形格式,最好提供有分辨率的PDF版式。对于光栅设计草稿,可以提供@3x版本号和@2x版本号。客户端图像大小警告分辨率警告自定义标志。

整体规划

当它在iPhoneX中已经构思出来的时候,你必须确保整体的方案是把屏幕切下来,并且不会被武器装备的弧线、传感器的中壳或者用来接主屏幕的教唆灯所覆盖。

最大极限管理系统提供的UI元素(如导航栏、战报汇聚)的大部分应用方式,都会主动满足武器装备的新形态。在屏幕边缘添加场景素材,在屏幕中适当插入UI组件进行精确定位。

关于自定义整体规划的应用方式,支持iPhoneX应该是相对容易的,分级是如果你的应用方式使用自动布局,服从和平区的整体规划,就会指向北方。

在iPhoneX上浏览过你的应用法语,可以使用模拟器(附加Xcode)浏览应用方法,禁止视频剪辑和其他游戏的整体策划测试分数。像彩色图像这样的特点最得益于在武器装备上的浏览。

提供全屏体验。确保场景添加到屏幕边缘,弯曲可旋转的整体规划(如报战收敛)延续到底部。

插入所需内容以防止剪切。一般来说,内容应该是垂直的、居中的、对称的,所以它有所有的目标,看起来非常好。不会被掉角或者武器装备的传感器外壳割伤,也不会被主屏的煽动者挡住。为了获得最佳结果,请使用有限管理系统和自动布局提供的边界元素来构建您的边界。所有的应用方式都要遵循UIKit定义的安静区域战的整体规划和高度,这些区域可以根据武器装备战的高度和高度进行适当的挖掘和填充。安静借用可以防止内容笼覆盖表单栏、导航栏、文章栏、logo栏。

注意表格栏的下度数。iPhoneX上的表单比其他iPhone上的低。如果你的应用方法的实心形式栏已经到了形式栏的底圈,你必须升级你的应用方法,根据客户的武器装备静态数据准确定位内容。请注意,当设置场景的重要任务(如跟踪声音填充和战争的影响)在行为表单中时,iPhoneX上的表单栏不会被修改。

如果你的app躲在表格栏里,请从一开始就想好在iPhoneX上的决定。iPhone上的显示度是4.7英尺。iPhone的显示屏幕提供了房间里的大量内容空,表格栏占据了你原本可以通过应用法语获得的屏幕区域。表格栏显示的是大家发明的合理怀疑,你只有已经和对方沟通过资产减值的情况下才能隐藏。

当当前设计稿已经连续使用时,请注意长宽比差异较小。iPhoneX的长宽比与4.7英尺的iPhone不同,因此全屏4.7英尺的iPhone图案在全屏iPhoneX出现时会显示裁剪或信箱。同样,全面屏iPhoneX的设计稿,在出现过的时候,也有被裁剪或凸起到黑边的情况。全屏显示已经在4.7英尺的iPhone上,本质的视觉效果已经在两种显示规格中互联互通。

不要将交互控件分配到屏幕的底部。使用显示屏底部的手滑式面对面主屏幕应用法语切换器。这些手势可以消除你在这方面已经表现出来的自我定义的手势。屏幕的两个角很容易触摸。

不需要遮挡或突出核心区的表现特征。不要测试武器装备的弧线,传感器的中壳或者已经在屏幕顶部和底部分配了黑条的教唆者全程教唆主屏幕。这些区域不应该用括号、轮廓、设计或教学墨水笔等视觉效果来装饰,以吸引注意力。

批准主动隐藏和模拟Home键,方便收紧主屏幕。开启主动隐藏时,如果客户触摸屏幕几秒钟,Home键会主动隐藏。当客户再次触摸屏幕时,将从头开始显示。那应该只用于被动观看体验,比如播放歌曲或者ppt。客户合规战的整体策划。

颜色

iPhone上的屏幕支持P3色空,可以产生比sRGB更丰富更饱满的色彩。使用多样化的颜色来增强视觉效果。用宽彩照片和视频更生动,用宽彩视觉效果数据对信息战形成煽动者更广为人知。客户颜色的应用。

脚势

iPhone上的显示屏幕采用屏幕边缘与主屏幕相接,应用法式切换器,讲中间战役抓中间。阻止侵入管理系统的屏幕边缘。在这些脚的帮助下,每个人都已经用法语做了所有的事情。极少数情况下,像手游这种醉人的应用方式,可以要求自定义屏幕边缘,不如管理系统的脚——第一拖会吞噬应用专用的脚,第二拖会吞噬管理系统的脚。那种行为(称为边缘保护)应该小心地实现,因为它使客户很容易满足和管理系统级控制。参考脚姿。

其他想法的注意事项

精确的参考验证方法。Iphone支持FaceID终止真实身份资格证书。如果你的申请方式采用了ApplePay或者其他管理系统的真实身份z明的功能,就不要在iPhoneX上使用触控ID了。同样,请确保您的应用方法已经支持触控ID,FaceID已被选定的武器和装备。客户计划资格证书。

iPhoneX上没有常量管理系统提供的电脑键盘功能,即使自定义电脑键盘,表情符号/地球仪按钮和听写按钮也主动显示现有电脑键盘的下圈。你的应用方法不可能比危及这些关键更糟糕。因此,不鼓励这些键在计算机键盘中不断引起混乱。客户端定义计算机键盘。

资产

我已经从PhotoshopSketch免费下载了iPhoneXUI概念模板,位于资产:

https://developer.apple.com/design/resources/#ios-apps

口译员:秦云

缘起:对国家政府号的质疑:移动开发火线零线(ID:天生移动)

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/778827.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-03
下一篇 2022-05-03

发表评论

登录后才能评论

评论列表(0条)

保存