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