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

产品: 小鹏汽车猎人: 龙爪槐守望者 时间: 2小时前

小鹏汽车

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

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

细节描述

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

91人评分
收藏
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

从Logo到搜索框,夸克怎样用光影特效引导用户深度思考?
夸克

动效设计从Logo到搜索框,夸克怎样用光影特效引导用户深度思考?

猎人 - 龙爪槐守望者9.0

夸克新增了AI深度思考功能,为了推广新功能,夸克首页的Logo「Quark」又沿用字母「a」做了动效变化,变成「开启深度思考」,深度思考的图标掉入搜索框中并且有一个科技感的光...

查看详情

#Doodle#logo#动效

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

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

猎人 - 龙爪槐守望者9.7

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

查看详情

#AR#HUD#情感化设计

在Kimi App里摇晃手机,解锁与IP形象的新互动方式!
Kimi

设计彩蛋在Kimi App里摇晃手机,解锁与IP形象的新互动方式!

猎人 - 龙爪槐守望者5.0

当你在Kimi App中摇晃手机时,App里的Kimi IP形象也会跟着一起摇晃脑袋。

查看详情

#AI#App#IP