Date 2026-01-22 23:13:52
3 月 30 日夜，雷军在小米春季新闻发布会上发布了小米的全新品牌 LOGO，由原研哉团队设计，号称历时 3 年，投入 200w 将神秘的东方哲学融入小米品牌视觉。
官方宣传词中也出现了。「Alive」「生命感」「超椭圆」「数学之美」等等，不仅普通吃瓜的人听不懂，专业设计师也引起了强烈的不适。很多设计师叫我去找我，连前端学生都受不了，说风格增加了一个 border 圆角命令不就行吗？
当然，这波小米品牌升级的营销意义占了更大的比例。今天我们就把它放在一边 LOGO 背后的品牌营销和理念从纯视角分析 LOGO 有什么区别？
直观地说，最大的变化是从方到圆。为了实现赋予科学技术生命感的概念，原来的大师通过图形数学操作在方和圆之间找到了最合适的圆角比，作为基础，但这只是第一层。
细心的设计师会发现圆角采用连续曲率，这不是在 AI 可以随意拉出来，这里简单做科普的曲率，两条线的连接方式有很多种，这些连接方式对传统的工业设计非常重要，分为 G0-G4，四个等级，为了容易理解，可以简单理解:
G0-点连续性：只要遇到两点；G1-相切连续性：无棱角，所有点均为相切关系；G2-曲率连续性：平滑过渡，曲率连续变化；G3-曲率变化率连续性：更平滑，曲率变化率连续；G4-曲率变化率连续性：极端丝滑。（我在这里看不到）
因为人类总是喜欢连续流畅的东西，这也符合形式美的规律。在平面视觉的应用印象中，苹果是 iOS7 第一个领导者，在下图中可以看到传统软件中的圆角，从连续性来看只是 G1，苹果目测 G3 开始吧，其实 G1-G2 之间可以看到明显的差异，SKETCH 中国现在已经支持了「平滑圆角」这个功能，如果你看一段时间的高连续图形，你会发现普通的圆角太不舒服了，这种现象在一些小角度图形中更明显，实际上是一种反向视觉补偿。
目前除了苹果 iOS 另外，一些第三方 APP，安卓定制 UI，这种连续圆角的设计都跟进了，下图是 MIUI12 系统和蜗牛阅读 APP 应用中连续曲率圆角。
在工业设计中，图形需要实现 G2 以上连续等级可以使曲线看起来流畅舒适。上面提到的 SKETCH 有一个圆角的功能，但只针对矩形。PS、AI、SKETCH、FIGMA 都是用贝塞尔画的，想手动自由画连续曲线，直接得出结论:几乎没有可操作性。
@陈子木 你观察过你最喜欢的插画家未完成的作品吗？
阅读文章 >这里有大神给的用途 5 次贝塞尔曲线结构 G3 连续性，但根本没有可用性：https://patents.google.com/patent/CN103646150B/zh
然而，平面设计不同于工业设计，平面只需要达到视觉舒适，不需要严格的检测，以实现伪连续性。所以它可以完全通过犀牛或其他 NURBS 绘制软件后导入或下载 iOS 虽然提供的图形模板在数据转换过程中的连续性已经被破坏，但在有限的像素下几乎可以实现真假。
所以让我们看看如何手动绘制一个连续的圆角矩形，首先建立一个圆，然后将四个节点移动到相同的内部距离，移动距离可以决定圆角的曲率大小，但曲柄不能触摸，否则四边将是凹的。
这种方法可以得到绝对光滑的圆角矩形，但对圆角大小的控制比较繁琐，可以尝试第二种方法，PS 利用变形工具中的鱼眼，在不改变尺寸的情况下，通过调整数值，可以迅速增加或减小圆角曲率。
通过这种方法，加上变形工具，可以快速绘制小米新品牌 Logo 需要注意的是，原来的老人把所有的细节都打磨成了连续的曲率，包括 M 上曲线，以及文字中的曲线 xiaomi(因为我目前还没有得到这个 Logo 原生源文件，因此结构分析可能不完全准确)。
通过临摹可以看出这个 Logo 打磨比例和曲率真的很精致很严谨，仿佛看到了哲学图片。
最后，从实用的角度添加一些贝塞尔曲线绘制技巧。这些技能可能不会真正绘制严格的连续曲率，但会在视觉上提高图形的流畅性：
删除不必要的点。尝试删除和简化节点通常会获得更好的平滑度。圆角完成后不要拉伸图形。拉伸或改变非参数物体的图形比例会导致圆角扭曲。确保节点两侧有曲柄，曲柄平行，以实现最基本的 G1 连续性。尝试使节点两侧的曲柄长度相同，类似节点的曲柄长度变化不大，从而达到视觉光滑的效果。您可以尝试保留更大的圆角空间来拉长曲柄，以改善默认圆角的突变感。
如果你完全消化了这篇文章，恭喜你，你也可以画出来 200w 的 LOGO 了~
欢迎关注作者微信微信官方账号:「花厂设计招待所」
