动效引导1 个导航hover动画,竟能同时完成了品牌宣发、产品推新和趣味体验

产品: 小鹏汽车猎人: 龙爪槐守望者观众: 3.4k人 时间: 2026-07-06

小鹏汽车

与「小鹏汽车」有关的细节还有 2查看全部

我也有新发现 我要投稿
1 个导航hover动画,竟能同时完成了品牌宣发、产品推新和趣味体验1 个导航hover动画,竟能同时完成了品牌宣发、产品推新和趣味体验

细节描述

龙爪槐守望者: 小鹏官网的导航栏里,「车型」旁边停着一辆小鹏新新车的剪影。鼠标hover上去展开下拉菜单,这辆车会往前跑。 这个设计的精妙之处在于它把品牌宣发、产品推新和基础交互融合在了一起。官网作为品牌的第一阵地,导航栏通常只承担纯粹的寻路功能,而小鹏在这里把最新的主力车型作为动画主角。通过一个简单的动效,用户的视线不仅被自然吸引,还在无形中完成了对最新车型的第一次动态感知。 如果你的产品也有需要引导用户注意的核心内容,找一个和产品属性相关的动作,把引导嵌入到自然的交互流程里。用户不会觉得被推销,只会觉得「这个交互挺有意思的」。

8.515人评分
收藏 2
分享细节海报

发表评论 为下方 1 条评论点赞,解锁好运彩蛋

{{ moreBtnTxt }}

你可能还爱看

网站如何用视觉和交互设计讲故事?
浪琴

视觉网站如何用视觉和交互设计讲故事?

猎人 - 龙爪槐守望者7.8

「浪琴Zulu手表」网站的视觉和交互设计很有艺术感。「Zulu」是航空和军事领域的通用时间表达,而「浪琴Zulu手表」则是用支持多时区来延续这个概念。网站以「 Zulu手表」...

查看详情

#交互手势#情怀#沉浸感

UX设计新边界:当汽车HUD变成情绪宣泄器
小鹏汽车

智能汽车UX设计新边界:当汽车HUD变成情绪宣泄器

猎人 - 龙爪槐守望者9.7

前面那辆车慢得像蜗牛爬行,你坐在驾驶座上心急如焚,恨不得瞬移过去。按喇叭?人家充耳不闻。

查看详情

#AR#HUD#情感化设计

如何用动效强调产品特色,vivo告诉你答案
vivo

设计心理如何用动效强调产品特色,vivo告诉你答案

猎人 - 龙爪槐守望者6.5

大家都知道,iPhone充电慢如蜗牛,而安卓阵营的快充速度却让人眼前一亮!作为设计师的我们,深知技术再牛,如果不能让用户直观感受到,那也是白搭!vivo就深谙此道!

查看详情

#vivo#充电#动效