新闻详情

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

2018-05-29

7114

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

相关标签

Windows
Mac OS
iOS
Android
Linux
爱思助手 V9.03
2025-09-21
爱思助手 V9.0
2025-10-15
请通过“爱思助手电脑端”来安装“iOS 端”
1、 安装“爱思助手的 Win/Mac/Linux 中任意一个电脑端”
2、 打开电脑端,用数据线连接设备到电脑
3、 连接成功后,等待电脑端自动为设备安装移动端,或在电脑端找到“安装移动端”手动点击安装
手机扫码安装“爱思助手”
爱思助手 V3.08.002
2025-08-04
Windows
iOS
Android
TV
iOS 设备无需安装应用,具体投屏步骤如下
1、 iOS 设备无需安装应用,具体投屏步骤如下
2、 在 iOS 设备的“控制中心”中找到“屏幕镜像”
3、 点开屏幕镜像后,在列表中选择主机发起投屏
4、 或使用 USB 数据线将手机与电脑连接后发起投屏
手机扫码安装“爱思投屏”
爱思投屏TV V1.0.17
2025-10-13