如果你觉得小米 11 的四角看着不舒服,那可能是这个原因
尽管有着小米史上最贵的屏幕,但不少人在上手小米 11 的第一印象确实略微有点「丑」,但很多时候却又说不出来哪里不太和谐。
而部分有强迫症的同学发言就简单直接很多了,直言小米 11 屏幕上方的 R 角设计看得强迫症犯了不能接受。
实际上这一点在爱范儿之前的评测中也有提到,小米 11 的 R 角设计整体看来并不和谐。
原因在哪?
做一个圆角矩形,四角的圆弧就是 R 角
R是圆角, Radius,指的是内圆弧角或者外圆弧角。简单地理解的话,你可以认为把一个矩形的四角削成圆角,那么这个圆角就可以叫做 R 角。简单地说,R 角就是圆弧,在机械加工零件中会经常看到这个概念。
而在手机领域,我们说的 R 角大多数时间指代的只有两个圆角部分,第一种是手机外壳四边的圆角,第二种则是屏幕四边 R 角。
图片来自:博客园
在绘图中,如果想制作一个圆角矩形,那么通常的做法是在矩形内部的四角部分做四个圆形,每个圆形的分别与一个角延伸出来的两条边相切,然后去掉原先方正的四角,以两个相切点为起始保留圆形的边,这样就得出一个圆角矩形。
但是这个圆角矩形并不「完美」,虽然看上去大体没有什么问题,但是放大看细节的话就会发现,从圆弧到直线的过渡并不顺滑,在相切点是有一点生硬的。
其实擅长几何数学家们早就发现了这个问题,也一直在寻找如果做出过渡更加顺滑的曲线,比如像超椭圆 Lamé 曲线,PhotoShop 中常用的贝塞尔曲线(Bézier curve),还有羊角螺线(clothoid)等等,都能做出非常顺滑的曲线。
为什么设计师对曲线的认知与应用越来越重要,最大的原因就是手机 R 角在这几年呈现出一种逐渐增大的趋势。
如果你自己的观察的话会发现,这几年来手机的 R 角越来越大了,也就是手机变得越来越「圆润」,四四方方的手机已经越来越少见,近乎绝迹,罗永浩那句「圆滑时代当道的锐利异类」指的并不是只有中框,其中也包括了手机外观以及屏幕的 R 角。
R 角越来越大,手机越来越圆润了
为什么手机的 R 角设计的越来越大,让手机变得越来越圆润了呢?
▲ 趋同进化. 图片来自:YouTube
在生物学上有一个概念叫做「趋同进化」,说的是不同的物种,可能因为要适应类似的环境,或者在某些偶然的情况下,进化方向产生了一致性,以至于明明是不同的物种,却有着极为相似的外形体态或者器官功能。
比如我们在水族馆里常见的海豚和各种鱼,本质上一个是哺乳类动物一个是鱼类,但是为了适应水生环境趋同进化出了流线型的身体以及鱼鳍等等。
R 角设计的趋同,其实也要回归到手机行业的工业设计方向来看。在过去的十年中,手机的整体体积出现了不断变大的趋势。
▲ 手机越来越大. 图片来自:YouTube
手机整体变大之后,不仅能够受力的部分变得更大,同时结构也没有较小的时候的稳定,所以抗撞击性能成为了一个在工业设计上需要更多考虑的点。
另一个原因则是这几年玻璃材质的回归代替了之前的金属材质,由于玻璃更加不耐撞击,虽然玻璃工艺一直在发展,以康宁为首的玻璃厂商也在研发更加耐刮和防撞的玻璃,但总体上玻璃仍然你是很脆弱的。
还有一点则和玻璃和屏幕形态有关,由于柔性屏幕的出现,目前旗舰机大多使用了曲面屏幕来减少视觉上的两侧边框,提高手机的「颜值」,但是曲面屏幕在跌落时更容易受力也更脆弱,所以对整机的防撞性能要求更高。
所以 R 角的设计综合了美观和抗跌落等多种因素,既容易出现妥协,也彰显厂商的设计功力。
▲ Xperia Z3 的四角设计独特. 图片来自:Android Authority
当然,这也和追求全面屏和窄边框的趋势有关,在不追求的全面屏设计的手机上,R 角的设计就比较「放飞」一些,比如像当年的索尼 Xperia Z3,手机的四个 R 角采用了独立的塑胶设计,并不影响整体的外观设计,还提升了四角的抗跌落性能。
一直到现在,延续了这种留有上下「额头」和「下巴」设计的 Xperia 5 II,也依旧是简单而接近直角的屏幕。
iPhone 对 R 角设计给出了标杆级的答案
我们再回到最开始的问题,为什么小米 11 的 R 角看起来并不和谐,看起来屏幕的 R 角相比外观的 R 角缩进去了一截。
答案很简单,因为这是一块四曲面屏幕。正是因为小米 11 采用了四曲面屏幕,所以在屏幕的四角部分会比一般的曲面屏更加脆弱,为了减少应力增加防撞击的能力,采用了四曲面屏幕的手机厂商都会把四个角垫起来一点增加防护,但从视觉上说,R 角的和谐就被破坏了。
▲ 注意四角都被中框包住垫起来了
这样的案例也并非小米 11 独有,像同样采用了四曲面设计,并且左右和上边框也较窄的 P40 Pro+ 同样有这样的问题,虽然看起来要比小米 11 稍微好那么一点点,但当时也遭到了不少消费者的吐槽。
不过四曲面设计并非只有缺点,除了在视觉上减少边框的宽度之外,还对现在流行的手势操作更加友好。比如左右的返回手势,以及从屏幕低端上滑的返回桌面手势,曲面的加入都会让整体手感变得更加顺滑。
对于四曲面屏屏幕设计带来的利弊究竟怎么选择,还是要等待更多的市场检验了。
把四曲面屏幕排除排除在外的话,好看的手机 R 角又应该怎么设计?
简单来说,或者说遵循一项原则就是要处理好手机屏幕的 R 角弧度与手机外观的 R 角弧度,两者的视觉关系是否和谐,基本上决定了整体的 R 是否好看。
最简单直接的方法就是两个 R 角呈现视觉平行,并且屏幕和手机的 R 角都是连续曲线的流畅曲线设计。
这方面比较典型的是 iPhone,从 iPhone X 开始就遵循着四边等宽的设计,让人感觉非常具备规则几何上的美感。但和其它品牌不同的是,iPhone 对于 R 角的细节打磨甚至延展到了 iOS 系统中。
比如 iOS 的主界面中,屏幕下方固定摆放四个应用的 Dock 栏,它本身也是一个圆角矩形,再加上里面的应用,实际上有应用、Dock 栏、屏幕和边框一共四层。
可能很多人不知道的是,iPhone 12 系列的 R 角比之前的机型略大,更加的圆滑,包括屏幕的 R 角也有一点改变。而这点也体现在了 iOS 系统中,所以 iPhone 12 系列的 Dock 的栏的圆角也比之前要更加圆润一点,和屏幕与外观进行了很好的呼应。
从这一点说,iPhone 系列在设计上的确是相当深入细节的,当然与此同时也并不妨碍你吐槽刘海四年没有改变的现实。
除了苹果,大家都觉得没有设计的小米其实也曾经提过 R 角的设计。2018 年在小米 8 发布会的时候其 R 角设计被雷军称为是「完美 R 角」。当然不得不说这也是受到了 2017 年刚刚发布的 iPhone X 影响,让「G2 连续」这样原本的设计术语更多被大众所知悉。
在小米手机的官方微博搜索,现在还能看到一篇「水滴弧线加完美 R 角,小米 8 的好手感是如何造就的?」长微博文章。
其中的核心提取出来就是:曲率梳无间隔、无突变、无尖角,代表曲线更圆、过渡更平滑,等级更高。
其中对 G0、G1、G2、G3 曲线进行了简单科普,并表示小米 8 的 R 角设计上实现了接近 G3 级的「完美 R 角」。不知道这些名词也没有关系,你了解后一个比前一个圆角更顺滑就行了。
尽管在手机外观的四个 R 角上实现了连续顺滑的过渡,但是在屏幕 R 角与外观 R 角的贴合与视觉和谐程度来看,当时的小米 8 离前一年的 iPhone X 依然相差甚远。
不过值得鼓励的一点是,小米在去年的 MIUI 12 中也开始从软件上对屏幕的 R 角处理进行了更好的是适配,比如原生 Android 系统在部分界面会对屏幕 R 角处理出现锯齿的情况,而 MIUI 12 将其优化为了更加顺滑的曲线。
在手机的竞争已经高度竞争到现在的情况下,相信其实头部手机厂商都有不少对于细节上的类似处理,只是他们还没站出来说罢了。
对于大多数人来说,R 角的设计可能是一个并不起眼的细节,但对于力求细节完美的设计来说,R 角还远远没到值得忽略的底部。
而对于 R 角设计越来越多以及越来越专业的讨论可以看到,这其实透露出了手机行业比拼已经脱离了简单的性能与功能对比,对于厂商们来说,甚至不仅是简单 CMF 层面,而是要精雕细琢到像 R 角设计这样的细枝末节。
而能细节到这样的程度,也说明我们确实有一套高端手机的方法论了吧。