爱思助手

为啥iPhone X的刘海更顺眼?设计师告诉你

当苹果第一次让刘海屏出现在 iPhone X 上时,几乎没有人愿意说这是一个好看的设计。但是时间来到现在,当越来越多的安卓手机开始加入刘海屏阵营的时候,我们也看到了各式各样的刘海,然后才发现,其实 iPhone X 的缺口设计竟然是看起来最顺眼的了!

为啥iPhone X的刘海更顺眼?设计师告诉你


为了解答大家的这个疑问,设计师 Brad Ellis 在博客上发表了一篇文章,详细解释了苹果在 iPhone X 缺口设计上的特别之处。首先我们需要来看看实现 Notch 屏幕(刘海、缺口屏)都有哪些方式,上图(图片源自网络,侵删)和下图的这些 Notch 屏要说制造难度、成本和 iPhone X 的屏幕其实没什么区别,都是需要按照须先设定好的形状切割而已,但是效果确是差了不少。

为啥iPhone X的刘海更顺眼?设计师告诉你


Ellis 表示,苹果在设计过程中并没有遵循常见的圆角矩形的曲线,也就是在一段直线之后直接接入一个正圆的圆形,而是用上了一个名为“方圆形”的曲线,它的坡度一开始更“陡”,而后来变得越来越柔和。下方的两张图能够清晰地解释两种设计方法的不同,简单来说,苹果这里用上了曲率连续的方法。

为啥iPhone X的刘海更顺眼?设计师告诉你


虽然很多人把苹果的设计风格成为“圆角矩形”,但是 Ellis 表示,其实苹果多年来一直在 MacBook、iMac 电脑和 iOS 7 以后的系统中使用曲率连续这一招数,并且这一形状其实比较难实现,因为它过去在 CAD 这样的 2D 编辑器中并不可用。

为啥iPhone X的刘海更顺眼?设计师告诉你


更加直接地为大家展示 iPhone X 的“刘海”,Ellis 又举了个例子。当我们需要将上下两条平行直线通过两个圆弧连接起来时,按理来说总会有那么一下圆弧的切线会垂直于两条平行直线的,对吧?但是苹果的设计中,你却发现这些切线竟然都不是垂直的!

为啥iPhone X的刘海更顺眼?设计师告诉你


对于苹果在刘海设计上的独具匠心,Ellis 表示这些决定看起来很小,但是在很多公司中,即使设计师愿意花些心思设计出一条美妙的曲线,公司也不一定会投入资源去让它变为实际产品。未来苹果肯定会不断改变 iPhone 刘海的曲线,直到完全实现100%的屏占比,而这其中的变化将很有趣。

当然,Ellis 也表示,需要提醒各位设计师朋友们,在开发 iOS 产品的时候,一定要用苹果官方的设计资源,你不知道他们在哪个地方突然给你来了一条充满奇思妙想的曲线。