小米200万的新LOGO 一行代码就能修改？

最新推荐文章于 2023-08-14 22:59:35 发布

Hello world&&

最新推荐文章于 2023-08-14 22:59:35 发布

阅读量1.1k

点赞数 3

文章标签： css html

本文链接：https://blog.csdn.net/weixin_45806709/article/details/115402046

版权

这篇博客讨论了小米花费200万设计的新LOGO引发的热议。作者通过CSS代码展示了如何简单修改LOGO的圆角边框，但指出真正的设计差异在于圆心位置。小米官网最终选择了直接更换图片而非修改样式表。文章认为，这笔费用的价值更多体现在品牌效应和营销策略上，而非设计本身的变化。

摘要由CSDN通过智能技术生成

价值200万的小米新LOGO

近期小米花费200万设计新LOGO事件登上热搜，网传一行代码即可修改，咱们来尝试一下。

css样式如下：

        img {
            width: 55px;
            height: 55px;
        }

效果如图：
在这里插入图片描述
小米使用了10年的经典LOGO，深入人心。

css样式如下，选中行为新加的一行代码，用于修改圆角边框。

        img {
            width: 55px;
            height: 55px;
            border-radius: 19px;//新加入的一行代码
        }

效果如图：在这里插入图片描述
效果确实差不多，肉眼很难与原研哉设计的小米新LOGO发现差距，但仔细观察并结合函数图后发现存在如下差距：
红色的为通过修改 border-radius: 19px;

可以发现，其圆角的圆心并不在选图心位置。
在这里插入图片描述

在最新的小米官网中，已经取消了这行代码(border-radius: 19px;)。

我原本以为小米会进行更新样式表，正好可以去学习一下如何制作复杂的盒子模型，
结果小米官网简单粗暴，直接更换了一张新的LOGO图片。

其实也可理解，在图片相差不大的情况下更换一张图片比起进行复杂的样式表修改要容易的多，也不容易产生BUG。

个人认为：200W的价值，不在于LOGO变化的大小，而在于品牌效应和热度。此次小米更换新的LOGO，以传播声量和关注度来算，价值远远超过200万，配合小米造车的战略，确实是一次值得学习的营销策略。

关注