价值200万的小米新LOGO

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

1.原LOGO

css样式如下:

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

效果如图:

小米使用了10年的经典LOGO,深入人心。

2.网传加入一行代码修改后的LOGO

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

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

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

2.真正的小米新LOGO制作方法

可以发现,其圆角的圆心并不在选图心位置。

官网最新样式结构:

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

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

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

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

小米200万的新LOGO 一行代码就能修改?相关推荐

  1. 「话题」为什么微信、钉钉撤回消息的时限不同?小米200万改LOGO值不值?

    本周共有3个话题: 对于消息撤回,微信限制2分钟内,钉钉.企业微信限制24小时内,怎么看待这种区别? 你觉得直播中的打赏对应马斯洛需求理论的哪一层?为什么? 小米的logo直角变圆角,值不值200万? ...

  2. 一行代码如何自定义修改网页内容

    就是这一行代码,看好了 document.body.contentEditable='true'; 打开浏览器,按F12进入开发者选项 选中console,输入这行代码 然后就随便修改

  3. 一行代码值 200 万?雷军公开小米新 Logo 引吐槽

    今年是小米成立的第 10 年,从最初的 10 几个人创始团队,发展到如今的 3 万多员工. 为了迎接第十年,雷军透露在三年前(2017年)市场部同事曾建议他"升级品牌识别系统,先从 logo ...

  4. 聊一聊:你觉得这个新Logo值200万吗?

    今天小米正式发布了他的新logo,再一次刷新了大家对设计的认识,很多人纷纷吐槽真是人傻钱多!! 究竟是怎么样的设计让人这么吐槽呢? 我们来看下小米原来的logo: 再看下新的logo: 唔..小编的第 ...

  5. 价值200万的小米LOGO给UI设计师带来了什么?

    这几天小米更换logo的消息火遍全网,一个logo价值200万,作为设计师你认为这个logo有哪些可以借鉴的地方呢? Alive的设计理念 害,不管怎么说,我们先来看看这次原研哉老师设计的理念究竟是什 ...

  6. autojs之200万logo自己做

    使用场景 200万的logo, 自己动手实现 效果展示 autojs版本 原理 修改img控件的cornerRadius属性的值 代码讲解 UI 一个图片控件img显示logo 一个进度条用于调整圆角 ...

  7. 雷军回应小米新 Logo 争议;马化腾排名第 15 位,2021 全球亿万富豪榜出炉!谷歌将停止使用甲骨文的财务软件|极客头条...

    「极客头条」-- 技术人员的新闻圈! CSDN 的读者朋友们早上好哇,「极客头条」来啦,快来看今天都有哪些值得我们技术人关注的重要新闻吧. 整理 | 梦依丹 出品 | CSDN(ID:CSDNnews ...

  8. 如何教机器学会原研哉(小米新LOGO)的设计理念

    事情是这样的: 小米的Logo换了 而且CEO十分满意 并在发布会现场表示: 新logo很多人觉得只是换个外框 但是内在精神/气质发生了巨大的变化!!! 而且这个新Logo的设计 由国际知名设计师原研 ...

  9. 使用 HammerDB 对 Citus 和 Postgres 进行 Benchmark,每分钟200万新订单处理测试(官方博客)...

    在为 Postgres 运行性能基准测试时,主要建议是:"自动化!" 如果您正在测量数据库性能,您可能不得不一遍又一遍地运行相同的基准测试. 要么是因为你想要一个稍微不同的配置,要 ...

最新文章

  1. python programming training(一):最大回文子字符串
  2. 《计算机网络》实验报告——常用网络命令
  3. 【JavaScript】判断一个字符串是否是数值 / 判断是否包含字母(附常用正则表达式)
  4. js Blob对象介绍
  5. js获取浏览器语言(ie、ff、chrome)、contextpath
  6. RoHS、无铅制程、无卤 的基本介绍
  7. 28 CO配置-控制-产品成本控制-成本对象控制-期末结算-定义行标识
  8. 走近伏羲,谈5000节点集群调度与性能优化
  9. python特征选择后显示选取的特征名_python实现求特征选择的信息增益
  10. GNOME 3.20 两大新特性说明
  11. Focal Loss for Dense Object Detection解读
  12. mysql创建用并 grant_Mysql创建用户并授权
  13. 分享110个ASP源码,有一款适合你
  14. 树莓派3b+指南(二十二)暴力解决默认声卡设置失效问题
  15. 人工智能在解放客服,还是在解散客服?
  16. 筋膜枪方案-无刷马达方波运用1
  17. Redis简介和优势
  18. 模拟django-simple-captcha实现中文验证码、数字及字母验证码、计算题验证码功能
  19. 最快速的TeamTalk 服务器部署方
  20. 王道计算机组成原理第六章---总线总结

热门文章

  1. 又学一招——Chrome 插件安装技巧
  2. 微命令、微操作、微指令、微程序
  3. 微信小程序之网易云音乐(五)- 排行详情页、歌单详情页、播放器组件开发
  4. HDU 4125 Moles 线段树+KMP
  5. Python+selenium注册唯一账号
  6. abl String方法
  7. C#按钮添加图片的解决
  8. 台式电脑如何使用无线网,wifi怎么连接?
  9. VMware虚拟网络交换机的优点和缺点
  10. ArcMap制作疫情地图