我从小米Logo悟出的顶尖设计师的两层思维

小米更新Logo这个事儿，排除搞笑、吐槽，正经点分析，我看到的是【顶尖设计师的两层思维】

顶层思维：能够感知、捕获情感，并将之具象化。

底层思维：审美的底层是「数学之美」。

就小米Logo的例子来说，原研哉大师首先是抓到了「科技越来越生命化」这个概念。特别对于小米来说，作为一家不断推出高质量、新技术、平价产品，同时也是国内唯一真正打通互联网、物联网、硬件生态的公司，完全能对得起它的Slogan：“让每个人都能享受到科技带来的快乐。”。对比小米早期的“为发烧而生”的极客范，小米早已在「科技越来越生命化」这条道路上前进了很远。这个点非常准确的表达了小米公司的成长与变化以及目标——由于不断推出普惠的高科技产品，用户体量越来越大，通过网络效应、物联网效应、大数据人工智能，产生了使科技产品与服务越来越好用的增强回路，这就是科技越来越生命化的过程，科技持续生命化，最终将产生灵性，如L5自动驾驶、强人工智能。

捕获情感只是第一步，更难的是将宏大或飘忽无形的情感共鸣具象化。

能感受到，原研哉以终为始倒推：生命化【Alive】，是什么？宇宙万物有生命、人、动植物有生命，他们的特点是什么？

【动】人有嬉笑怒骂转瞬间，花有朝开夕落，宇宙也已爆发、坍缩亿万年。

【曲线】微笑是曲线，花瓣是曲线，宇宙的运动也是曲线。

【动】+【曲线】就是Alive的具象化特征。

那么具体怎么做呢？原本方正的Logo变的更圆滑？但这个具体的度怎么把控呢？随意凭感觉？有没有更底层的规律可以依托呢？——有，数学规律，审美的底层是「数学之美」。

0.618黄金分割，就是一个将数学规律应用在审美中的普遍例子，大到达芬奇名画、希腊神庙，小到手机拍照都在广泛使用。

宇宙万物间都有数学上的联系和规律，不应该让某一设计元素完全孤立，因此「对齐」是「4大设计原则」之首，例如您现在阅读的文本就是居左对齐，对齐，以及各种对齐的组合，造就了数字化界面；另外3个原则是「重复」「对比」「亲密」。

原研哉用椭圆曲线函数，来量化的进行【Alive】设计，最终找出 n=3 这个解，使小米logo无限趋近正圆与正方的中间，正圆、正方都非自然生命产物，似圆非圆，似方非方，此时最具动感。同时3这个数字这是不是也暗含了小米创立时的「三驾马车（软件、硬件、互联网）」？

因此，经过椭圆曲线一顿量化操作，就赋予了小米Logo「生命化」。

---

如果这一点你还觉得是「玄学」，Blink可以分享一个更具体的例子，播放按钮随处可见吧，你看下面2图，觉得哪个更“舒服”更“协调”？

左图感觉是“歪的”是吧？右图更“舒服”。日常会在一些「粗糙」的产品界面上常看到左图，而一线大厂的产品一定会是右图，这个差异性，就是是否选对数学规则。

左图的产生原因，是设计师在做图时根本没有思考，将一个三角形，利用做图软件自带的「居中」功能放在了方形里面，就交差了，更遗憾的是，自己看上去并没有发掘“哪不对”，甚至坚持“对的啊，就是这样啊，我精确居中了啊……”。

这个问题Blink在与多名UI设计师面试或探讨时问过，最junior的设计师就是上面的回答；好不到哪去的会回答：“三角形不能太大，缩小点，这样就不觉得歪了”；中等一点的会说：“三角形居中后要往右移一点”，“怎么移，移多少？”，“移多少凭我作为设计的眼睛和经验”。

顶级的设计师，应该能够用数学规律中一个完美的答案来回答「移多少」，Blink至今没遇到过直接说出解答的，而是自己悟出来的（我不是设计师）正解：

对于不对称图形，例如三角形，应当使其「几何重心」与外容器中心重合。

对于三角形，重心点在哪？每个顶点与对边中点连接线的焦点

所以看起来“舒服、和谐”的视觉，就是使用了「重心点」的设计。

当然，Blink也不是专业设计师，这是我的思考，但不一定是最优的方案。

---

最后总结一下，通过原研哉给小米设计Logo的例子，Blink总结出优秀设计的2层思维：

顶层思维：能够感知、捕获情感，并将之具象化。

底层思维：审美的底层是「数学之美」。

先运用顶层思维，捕获情感，并落实到可用视觉传达的具体元素上，例如小米的将「生命化」具象为「曲线」

再结合具体场景运用恰当的数据模型去量化设计产出，例如小米中的「椭圆曲线函数」，或者播放器按钮中的「几何图形重心」。

所以，雷军被忽悠了吗？Blink觉得至少我和你又学到新的东西了，不是么。