![]()
本文转载自:LOGO大师(ID:logods)
图片来源:网络,侵删
最近,大大君在网上刷到了一组谷歌新图标LOGO的动态效果,看着那丝滑到解压的质感,还以为是官方又整了什么大动作。结果一查才发现,这居然只是海外设计师制作的“野生”谷歌图标动效。
![]()
不过,虽然动效是民间的,但谷歌官方最近确实也有实质性的大动作——Google的应用LOGO设计,已经进一步统一并升级了渐变风格。
![]()
#01
谷歌3.0时代
渐变LOGO
自从谷歌在前几年“强行统一”了旗下应用图标之后,互联网上关于更新的呼声就没断过。最早的1.0 时代,LOGO还是拟物与独立色时代。到了2.0的“绝对四色公式”时代,设计清晰度和易用性上实在饱受诟病,用户经常在标签页里玩“消消乐”,根本分不清谁是谁。
![]()
终于,谷歌进行了一次彻底的改版!
![]()
全新的图标设计相比之前的版本有了巨大的提升,在延续渐变视觉的基础上,这次Workspace 全系列迎来了大变脸。它不再强求每一个图标都必须凑齐死板的四色,而是根据软件的“本命灵魂”重新分配主色调,并注入了更细腻的渐变。
云端硬盘线条明显变得更加圆润,最细节的是,中间交织的图形甚至直接“反转”,从原本的正三角形变成了倒三角形!
![]()
谷歌邮箱Gmail,虽然保留了标志性的“M”信封造型,但谷歌终于向用户妥协,让红色变成了绝对的主角。其余的三种颜色被极度弱化。
![]()
谷歌日历变化非常明显,重新变回了传统的蓝色“翻页式”日历意象。
![]()
Meet的摄影机外观保留,但高亮的黄色成为了主要色彩。
![]()
Chat则改为了带有微笑符号的绿色胶囊气泡。
![]()
文档、表格与幻灯片虽然维持了原色,但表格和幻灯片图标从竖版改成了横版。这一小小的转动,正好对应了我们在电脑屏幕上使用表格和PPT时的真实场景。
![]()
![]()
![]()
不再强求每一个图标都必须凑齐四色,而是根据软件的本命灵魂,重新分配主色调,并且注入了细腻的微渐变。
#02
谷歌图标的“野生”动效设计
看完了官方的LOGO,我们再聊回开头提到那组让大大君误以为是官方出品的动态视觉。
![]()
虽然它并非官方大作,但这位海外设计师凭借动效推导,引起大量网友的参与和围观。
动画由一个简单的半圆流畅地演变成 Google Keep 的“发光灯泡”;紧接着,发光灯泡向内收缩,变成一颗小爱心,在一次充满弹性的弹跳后,极其丝滑地展开成了 Gmail 那个标志性的“M”字LOGO。
![]()
“M”字在定格后并没有停止,而是化作一条流动的多色波浪线,最终在律动中变成成了经典的Google“G”字LOGO。
![]()
“G”LOGO变小后弹出会翻动的日历;并在最后的滚动效果中,定格成了带有层次形状的Forms(表单)LOGO。
![]()
这套动效看起来之所以高级,是因为它利用了动画中经典的“弹性律动”。
![]()
海外设计圈的网友们看后纷纷直呼“极度舒适”,疯狂点赞这种顺滑的运动效果。
![]()
![]()
同时引发了设计师们的参与热情,并建议把云端硬盘的动效也安排上。
![]()
![]()
![]()
#03
总结
2020年谷歌追求的是绝对的、公式化的一致,结果却走向了反人类体验的胡同,而这次打破了死板的条框。这种“全新的一致性”,不再是形式上的复制粘贴。那么——
你最期待谷歌图标logo的哪个动效设计呢?
欢迎留言评论~
![]()
特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.