Trends | “猫途鹰”新 Logo，动效赋能品牌内涵，拒绝“死气沉沉”

UX辞典

公众号：UX辞典

2023-11-25浏览 56541,339 字 · 约 5 分钟

…

Whale LabPresents
撰文/编辑│梦奇/雪诗

排版│梦奇

本文约1842字，阅读需要5分钟

多样式的动效设计

研究主题：如何用动效展现 Logo 研究对象：动效 Logo Tripadvisor（猫途鹰）——对，就是那个全球著名的旅游网站，近期更新了品牌形象，不光调整了标识，还对色彩，字体完成了一系列的优化定制。

标识对比（左：旧版，右：新版）

不过这新版标识，虽然乍一看略有点儿憨憨，但配合着新设计的动效 Logo 一起“食用”后，愈发觉得猫头鹰的神气活灵活现。

单黑色标识 by Mother 工作室

TripGreen（猫途鹰绿）备用版标识 by Mother 工作室

传神的动效 Logo

为什么需要动效设计？

先来想一个问题，为什么现在动效设计越来越火？

手表上的动效设计

自从「5G」这个概念挤入进人们的视野后，已经体验过其“威力”的科技爱好者们，纷纷担当起了普及小能手，尝试着向大众输出「5G」能给予的颠覆性变革。不难猜测，这项技术也必然会再一次加速互联网等行业的进化。那么，再把视线聚焦到 Whale Lab 最关注的点上，技术又给设计带来了什么改变？圈内的伙伴明白，每年的设计趋势会相对的依附于设备载体的迭代、进化。在电子/智能主宰一切的时代里，纯文字、纯图像都不再是唯一吸引视线的方式了，如何更灵活、更高效地传达信息？——动效设计脱颖而出，走向主流。

手机上的动效设计

动效标识的利&弊

动效设计被人熟络后，人们意识到：若 Logo 动起来且被应用到品牌宣传、营销上，则比静态版本更加有趣生动，更像是为客户添加了新的维度，去看待标识设计这项工作。 Whale Lab 在看了大量作品后，也摸出了些门道，简单总结下动效 Logo 的优势： 为「原创作品」加分——虽然呈现难度递增，却让设计更具有辨识度； 使「品牌内涵」更直观——静态 Logo 相较来说，设计师在构思时可能选取1-2个创意点去体现，但动起来的 Logo 能让品牌故事更连贯清晰； 另「品牌营销」效果好——不同于常见的标识设计，帮助品牌得到更多的关注与宣传，且更适合当今互联网飞速发展的时代。由静到动，通过不同的运动路径、效果、蒙版形状，使得 Logo 们有了全新的变化轨迹，依据其特点 Whale Lab 大致做了以下几种分类： -线条动效 Logo 或弯或直，或长或短，虽然颜色不同，切入的方向不同，但都结合了各自品牌的特点，不约而同的成为了画面的主角。

by Aleksey

-手写动效 Logo 此动效风格非常显著，将 Logo 以英文的艺术花体书写。看似容易，不过 Whale Lab 倒觉得这种应用形式还挺有情怀的，复古与现代被巧妙结合了。

-蒙版动效 Logo “想做成什么形状，纯看设计师什么心情”——开个玩笑，别当真！若想将内容重点突出，试试加入蒙版，效果也不错。

-互动性动效 Logo 都是平面 Logo ，怎么就它不一样！这类型的标识多以可爱形象出现，同时又营造出视错觉，让用户觉得标识想迫不及待地冲出屏幕，与人 Say Hello！

by Maksim Marakhovskyi -抽象性动效 Logo 大色块，大面积，撞色且有趣。伦敦设计博物馆建立30周年之际，发起了一个趣味项目，特别邀请了几位设计大咖参与，该动效则出自其中。擅于应用色彩的 Paul Smith 以简单的线条形状，画出了彩虹，动效的配合让画面更立体。

伦敦设计博物馆30周年 by Paul Smith

不过， Whale Lab 也注意到了一些其他的“声音”： ——“将客户说的「简洁、高大上」通过动效 Logo 超高性价比融合，但真的是这样吗？” ——“跟风走，就能保证不错，一直是对的吗？” 既然是动效 Logo，是新衍生的产品，你能喜欢它，说明也是对其有自己的判断和认可因素在的。但最核心的，若想吸收这种新潮的理念，就要更了解自己的品牌，结合自身再去判断适不适合使用，它只是一个辅助品牌展示的手法，不是吗？ ／End. -GIF来自网络

-文字为WhaleLab鲸实验室原创，未经允许不得转载

-商务合作欢迎微信联系：ZOMO__ZOMO

-延伸阅读：Behance《2020年设计趋势》，作者 Milo Themes https://www.behance.net/gallery/86124977/2020-Design-Trends 以往文章推荐