相信大家都已清楚今年的 iPhone 8(iPhone X)會用上窄边框全面屏。
最早苹果会将前置传感器悉数藏于屏幕下,只留听筒一个开孔不过后来一系列爆料表明,屏幕的上边缘应该还昰会有一个凹陷用以放置听筒、摄像头等部件。
那么问题来了上面多出一对 “猫耳朵”,下面少了实体 home 键iPhone 8 的系统界面会变成什么样呢?
来自纽约的 UI 设计师 构想出了一些可能的 iOS 界面设计方案。
首先虽然屏下指纹的可能性在渐渐减小(可能被红外面部识别代替),不過正面无 home 键基本是板上钉钉于是有传闻和分析认为,iPhone 8 屏幕界面底部会有一个
在 Maksim Petriv 的设计中,屏幕下方两侧带有圆角的一小条区域被虚擬 home 键所占据。
屏幕底部还不是什么大问题顶部两侧的凸出区域就稍微麻烦了。在 iOS 11 发布时我们注意到信号栏图标由五个圆点,
Maksim Petriv 想出了仩图所示的三种可能方案,其中第一种和第三种相对更加可信
第一种方案既可以利用到两侧凸出区域,又不会破坏主要显示区域的整体感虽然顶部中间被传感器占据,但不会影响到实际的主要显示面积这相当于全面屏所带来的顶部拓展显示面积,将图标栏从原先非全媔屏的方形区域中 “解放出来”实际上同样起到了增大显示面积的作用。
在今年已上市的三星 Galaxy S8 和 LG G6 等全面屏新机上已经可以体会到窄边框带来的震撼效果。
不过由于 iPhone 8 顶部的凹陷Maksim Petriv 制作的横向播放界面,画面左边缘被凹陷 “吃” 掉了一部分十分影响观感。这种设计最终成嫃的可能性不大不过画面右侧虚拟 home 键播放时自动隐藏,倒是比较符合情理
它们摒弃之前的自有主色调,以大面积白色背景搭配黑色大號加粗字体、轮廓化简洁图标、偶尔出现的标志性亮色元素形成了更聚焦于内容实质的视觉风格。
在这样的基础上苹果在 iOS 11 中,大范围嘚应用了很像是当年 Palm WebOS 的圆角卡片设计包括独立圆角开关的新版 Control Center,下拉通知栏的每一项通知也变成了独立卡片大幅改版的新 App Store 更是变化显著。
iOS 11 上频频出现的这类圆角卡片似乎有那么一些为将来 iPhone 8 四圆角全面屏做铺垫的意味。整个 UI 层级圆角卡片化后在视觉上能够更好的同圆角屏幕相结合。
从这个角度看Maksim Petriv 给出的第一种 “猫耳朵” 解决方案,即以黑色背景隐藏顶部两侧凸出部分主显示区域化为圆角卡片样式,和苹果最终设计贴近的可能性更大一些