动效设计打破常规!用球体思维重新定义网站导航

产品: OpenPurpose猎人: 龙爪槐守望者观众: 5.1k人 时间: 2025-09-24

OpenPurpose

与「OpenPurpose」有关的细节还有 1查看全部

我也有新发现 我要投稿
打破常规!用球体思维重新定义网站导航打破常规!用球体思维重新定义网站导航

细节描述

龙爪槐守望者: 如何让我们的网站或者作品集在第一时间就抓住用户的眼球?很多网站看起来都差不多,信息倒是很全,但就是缺少了一点惊喜,很难让人真正记住。 OpenPurpose网站的首页设计完全打破了常规。一进入网站,你看到的不是传统的导航和内容区块,而是一个由许多动态小图块组成的、悬浮在纯白背景中的三维球体。这些小图块其实是他们作品的缩略图。当你的鼠标点击某个作品时,无数个作品卡片从四面八方朝散开来掠过,选中的作品则会成为屏幕中间的焦点,创造出一种极具冲击力和沉浸感的「穿越」体验。 完全打破了用户对传统网页布局的认知惯性,创造出强烈的新鲜感和探索欲。用户不再是被动地滑动页面,而是可以主动与这个3D对象进行交互,每一次鼠标移动都会带来不同的视觉反馈。这种设计大大延长了用户的停留时间,因为人们天生对动态、立体的事物充满好奇。

9.518人评分
收藏 3
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

躺平App如何通过3D动态插画点亮装修世界的?
躺平

视觉躺平App如何通过3D动态插画点亮装修世界的?

猎人 - Monster8.6

「躺平」App通过创意的3D动态插画以独特又吸引人的方式来展示分类功能,尤其创造性的动画设计为内容分类构建了很强的场景感。比如:厨房分类卡片,动画运用品牌IP人物走进厨房倒水...

查看详情

#3D#动画#卡片

点击关闭VS手势归位,Spatial给产品设计带来的新启发
Spatial.

动效设计点击关闭VS手势归位,Spatial给产品设计带来的新启发

猎人 - 龙爪槐守望者8.5

桌面软件做卡片放大的设计很多,但Spatial最聪明的地方在于把卡片从全屏退回画布的交互,变成了极其顺手的横向滑动扔回动作。不需要寻找左上角的关闭图标,甚至不用等卡片完全展开...

查看详情

#动效#卡片#手势交互

荧光笔思维:京东把商品标题变成了视觉导航
京东

信息层级荧光笔思维:京东把商品标题变成了视觉导航

猎人 - 龙爪槐守望者9.7

在电商平台浏览商品时,面对一长串密密麻麻的商品标题,眼睛扫来扫去就是找不到重点?特别是像洗面奶这种功能性产品,用户最关心的往往是具体功效,但传统的纯文字标题就像一堆信息垃圾,...

查看详情

#对比#格式塔#视觉焦点