点击按钮总结全文核心内容,让你的阅读更高效率。

谷歌在今年2月份更新了Chrome浏览器的图标,这也是自2014年以来的首次更新。新的 Chrome标志与之前有一些细微的不同,包括去掉阴影,放大中心的蓝色圆形比例,填充更明亮的颜色。

近日,谷歌在其博客中讲述了 Chrome 浏览器的新LOGO的设计过程,首次曝光了设计团队为 Chrome 浏览器设计的多款LOGO方案,以及最后为何没有选择这些方案。
Chrome 图标最初的含义是什么?
根据视觉设计师 Thomas Messenger 的介绍,我们的目标是构建一个快速且易于使用的浏览器,我觉得没有没有什么比火箭飞船更能代表速度了。
因此,在2008年推出 Chrome 时,谷歌就在此概念上设计了一版有火箭元素的LOGO。

Chrome 图标的第一个想法
但是,火箭飞船LOGO 被Chrome 团队放弃,转而寻求一种看起来更加平易近人,但却能够体现 Google 精神的设计。由此诞生了一个集速度与动感一体的立体图标,该图标的主体框架一直沿用至今。

此外,Thomas Messenger 称 Google 自从在2014年推出第三版Chrome Logo 之后,连续八年没有更新过Logo 设计,导致看起来不太符合当下的审美。Google 便决定进行Logo 修改。

在修改探索阶段的过程中,设计团队尝试了各种想法。包括柔化边角、采用不同的几何形状搭建、进行色彩分割等等。

一些重新设计 Chrome 图标建议的示例
在确认了Logo 的设计方向后,将Logo 放在不同的环境中进行测试,主要是对颜色、渐变和比例选项进行考量。在这个过程中Google 设计师在进行着细微调本整,像是发现原本的渐变绿色很容易与默认的Windows 11 壁纸(任务栏)混淆一体,所以将渐变绿色进行了改动。

而在Logo 中央蓝色圆圈的比例修改过程中,设计师特意询问了视力较好的员工,结果发现新Logo 的蓝色与白色部分更容易被区分。此外,设计师专门设计了不同尺寸的Logo ,通过对齐像素边界提升Logo 易读性,避免模糊。

新Logo 整体进行了简化,去除了阴影、优化比例,更改颜色。仔细观察的话会发现,红色、黄色和绿色之间存在轻微的渐变,实现了不同平台看到的效果不尽相同。
Windows 版本的Logo 渐变更加明显、Chrome OS 版本是完全纯色的版本、Mac 版本的Logo 则是在现有的白色圆角正方形内有存在一个阴影。

在 Windows 上,图标使用更明显的渐变。在 ChromeOS 上,它们使用更亮的颜色,没有渐变,以匹配其余系统图标的外观。

在 macOS 上,图标看起来更 3D。并用蓝色丝带来表示该应用程序的 Beta 版本。大尺寸的丝带包含许多细节,但在小尺寸时会变成简单的图标,保持其易读性。

在 iOS 上,我们的 Beta 版 Chrome 应用程序具有类似蓝图的设计,这是对 Apple 以开发人员为中心的应用程序的一种认可。
我们如何重新设计 Chrome 图标:https://link.logonews.cn/h2vm0
点击下面的图标分享到你的社交圈吧
楊澤達
2022/08/12 at 23:35 · 中国台湾挺好的,比火箭那個強很多
爱炮杰克
2022/08/10 at 14:29 · 上海火箭确实不怎么好看