今天刚好看到了一个视频是关于圆角的，看完之后终于解决了我心中的关于圆角的疑惑了。

B站视频：

https://www.bilibili.com/video/BV1Xu41187W7/

为什么苹果oppo等UI设计的圆角看起来这么舒服，而deepin 的总感觉差点什么东西，究竟在哪里？

就是关于圆角曲率的过渡，提取视频里面的几点说一下：

曲率K，就是等于1/半径：

K=1/r

半径越大，那么K就越小，当半径超级大的时候，那么看起来就超级接近直线了。同样的，当K越来越小，小到等于0,那么他就会变成一条直线，也就“不曲”了，所以直线也可以叫成曲率为0的曲线。

以前我总以为圆角其实不就是一个圆角和矩形相切就OK了嘛，不就是4分之一的圆弧拼接的嘛～，但是看了视频我发现并不是那么简单。

因为圆角的地方曲率是：

1/r

而拼接到的直线曲率是：

0

就相当于交接处曲率直接****从1/r降到0。

曲率突变引起视觉上非常生硬。于是我看了一下deepin 的圆角：

（我还看了下时尚模式的圆角，同样也是）

的确是。

可以看下方的曲率表示图，蓝色的高低代表曲率的大小：

可以看到deepin就是G1这种情况，曲率都是一样，而G2的曲率是从中间慢慢降低直到曲率为0,然后衔接直线的曲率，看起来过渡就很平滑，视觉观感非常舒服，我猜这也许是以前为什么很多用户吐槽deepin圆角的原因吧。

有些人可能觉得G2的曲率连续变化还不够丝滑，可以用G3，G3是曲率的变化率连续，但是在这里就不细说了。

原来小小的圆角蕴含了这么多东西。