产品中心

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

2018-05-30关键词:

【导语】

为啥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产品的时候,一定要用苹果官方的设计资源,你不知道他们在哪个地方突然给你来了一条充满奇思妙想的曲线。