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

产品: OpenPurpose猎人: 龙爪槐守望者观众: 3.2k人 时间: 1天前

OpenPurpose

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

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

细节描述

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

9.510人评分
收藏 1
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

Unsplash 用网站排版提醒您,疫情期间请保持距离
Unsplash

设计彩蛋Unsplash 用网站排版提醒您,疫情期间请保持距离

猎人 - 海的格尔0.0

新冠疫情让大家人心惶惶。普通人的防疫措施除了戴口罩、勤洗手之外,人与人之间保持一定的社交距离也十分重要。「Unsplash 」图库最近就在其网站上线了相关的设计小彩蛋,时刻提...

查看详情

#Unsplash#信息呈现#情感化设计

不愧是阿里!夸克首页这个动画彩蛋,把IP联动玩出了新高度
夸克

彩蛋设计不愧是阿里!夸克首页这个动画彩蛋,把IP联动玩出了新高度

猎人 - 龙爪槐守望者7.8

阿里巴巴的每个产品都有各种IP形象,动物居多,被网友戏称阿里动物园。这次夸克App的首页Doodle就玩了个很巧妙的花活儿。打开App,最顶部的“QUARK”标志不再是静态的...

查看详情

#Doodles#IP形象#动效

腾讯CODesign网页设计中值得学习的体验小细节
CODesign

好功能腾讯CODesign网页设计中值得学习的体验小细节

猎人 - 柒柒5.1

腾讯打造的一站式设计协作平台「CODesign」,模拟了PPT的讲解效果进行网页动效设计。页面布局上,左侧是目录,右侧是介绍内容;动效上,左侧目录通过「凸显目录面板+显示进度...

查看详情

#CODesign#信息呈现#动效