iPhoneX额头刘海会如何影响UI设计?

科技 2021-11-07 14:38:51
导读 科技、数字、网络新闻都成为了大众关注的焦点,因为它们都与我们的生活息息相关,无论是手机、电脑还是智能手表,都与它们息息相关。所以今

科技、数字、网络新闻都成为了大众关注的焦点,因为它们都与我们的生活息息相关,无论是手机、电脑还是智能手表,都与它们息息相关。所以今天边肖也给大家推荐一篇关于互联网技术数字化方向的文章,希望大家喜欢。

苹果下一代旗舰iPhone X正式发布。这台新机器,苹果,放弃了主页按钮,采用了全屏设计。显示屏采用新技术新工艺,精准贴合机身曲线,延伸至优雅圆润的边角。毫无疑问,iPhone X额头上的“刘海”引起的吐槽最多。虽然这个充满黑科技传感器的区域肯定有存在的理由,比如Face ID,但是会影响很多原有的UI界面元素,短期内用户难免不会接受改变。

iPhone  X额头上的“刘海”将怎么影响UI设计的照片 - 1

iPhoneX发布后,苹果更新了《人机交互界面设计指南》,特别指出应用开发者不要试图“隐藏设备显示器的圆角边缘部分和传感器遮挡区域”,不允许在顶部或底部设置黑条试图隐藏这部分。此外,不要用括号、边框、形状或说明文字等视觉元素突出显示该区域。

也就是说,像下图左侧尝试将刘海区域与黑条整合,或者用黑条突出HOME底部调出滑块,都是苹果认为不对的UI设计方案。

iPhone  X额头上的“刘海”将怎么影响UI设计的照片 - 2

苹果表示,标准系统UI元素的大部分应用会自动适应iPhone X新的显示区域,背景元素会自动延伸覆盖这些区域。

iPhone  X额头上的“刘海”将怎么影响UI设计的照片 - 3

为了保证某些可操作的交互元素和重要的视觉元素不被iPhone X的圆角区域覆盖,原则上这些操控元素应该放在下图的“安全区域”,App Store在审核申请时会评估是否应用了这个标准。特别是苹果告诉我们不要在全屏底部放置任何交互控件,这样会影响HOME的调出滑块。

iPhone  X额头上的“刘海”将怎么影响UI设计的照片 - 4

苹果官网提供了很多UI设计的例子,在正确交互的原则下演示iPhone X的视觉外观。

当然可以。这些推广示例缺少风景模式下的UI外观演示,很多开发者通过新Xcode的模拟器演示了iPhone X下iOS 11的风景截图。在浏览网页时,左右异形显示区域会有一部分是空的,这部分颜色会取为网页默认的背景色。

iPhone  X额头上的“刘海”将怎么影响UI设计的照片 - 5

iPhone  X额头上的“刘海”将怎么影响UI设计的照片 - 6

当您放大全屏图片并玩全屏游戏时,全屏会自动拉伸和伸展以覆盖这些区域。

iPhone  X额头上的“刘海”将怎么影响UI设计的照片 - 7

遗憾的是,在播放视频时,默认情况下,苹果会将视频设置为两边都是黑边,这样才能完整观看视频,但用户可以双击使其全屏,视频会拉伸和拉伸以覆盖这些区域,而刘海自然会影响观看效果。

iPhone  X额头上的“刘海”将怎么影响UI设计的照片 - 8

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时候联系我们修改或删除,多谢

最新文章