动效

已捕获优质的产品细节 175 个

动效

细节 175

我也有新发现 我要投稿
如何在网页滑动中抓住眼球?这个液态玻璃动态视觉值得借鉴
System Studio

动效设计如何在网页滑动中抓住眼球?这个液态玻璃动态视觉值得借鉴

猎人 - 龙爪槐守望者8.5

System Studio是一家澳大利亚设计咨询公司,他们似乎从液态玻璃设计风格中获得灵感,在他们网站滚动鼠标查看案例时,不仅采用横向滚动,而且图文从两侧滑出时会产生一种重力...

查看详情

#动效#液态玻璃#网页

同样是Siri,为什么在 iPhone 和 VisionOS 上体验完全不同?
VisionOS

空间交互同样是Siri,为什么在 iPhone 和 VisionOS 上体验完全不同?

猎人 - 龙爪槐守望者9.0

在iPhone上看Siri也就是个好看的特效,但是在VisionOS的三维空间里就变成了一个闪烁着虹彩光泽的魔法水晶球,。彩色折射光芒的半透明球体会根据用户的声音在空中起伏律...

查看详情

#3D#AR#动效

为什么 iOS 27 的通知要改到左上角弹出呢?
iOS

微交互为什么 iOS 27 的通知要改到左上角弹出呢?

猎人 - 龙爪槐守望者9.3

通知从手机屏幕顶部向下弹出,用了这么多年,大家似乎都感觉没啥问题,但是在 iOS 27 中,通知f改成从左上角弹出。这是因为我们从左上角下滑是进入通知中心,而从右上角下滑是进...

查看详情

#全面屏#动效#微交互

运用故障风视觉语言,让用户被Claude Code的像素微动效爽到
Claude Code

动效设计运用故障风视觉语言,让用户被Claude Code的像素微动效爽到

猎人 - 龙爪槐守望者9.0

Claude Code在切换Effort Level(努力/效能等级)时,原本只是在低、中、高之间移动的普通游标,在滑到最高档 ultracode 的一瞬间,整个操作面板突然...

查看详情

#AI#仪式感#动效

比Figma强,MasterGo在画布直接做流动渐变特效
MasterGo

设计工具比Figma强,MasterGo在画布直接做流动渐变特效

猎人 - 龙爪槐守望者8.0

你肯定在很多网页设计里看到过流动渐变,动态变幻美轮美奂。但在Figma里做不出来的,毕竟设计稿是静态的。而MasterGo莫高设计推出的Shader容器就行,相当于开了一个特...

查看详情

#体验背后的技术#动效#图层

腾讯把AI智能体设计成摸鱼员工,消除你对AI的信任焦虑
Marvis马维斯

隐喻设计腾讯把AI智能体设计成摸鱼员工,消除你对AI的信任焦虑

猎人 - 龙爪槐守望者9.2

腾讯这款能控制电脑的AI管家Marvis马维斯,采用了情境化设计和隐喻设计。把技术底层不同的功能模块「Browser Agent」和「Computer Agent」直接变成了...

查看详情

#AI#AI Agent#IP形象

下拉就能拍照!picocam 赋予了苹果灵动岛全新生命力
picocam

灵动岛设计下拉就能拍照!picocam 赋予了苹果灵动岛全新生命力

猎人 - 龙爪槐守望者7.5

这款名叫picocam的拍照App对灵动岛的运用非常巧妙,下拉就把取景器和拍摄按钮等等从灵动岛里下拉出来了。点击拍照后,拍成功的照片就像拍立得打印一样,从灵动岛中吐出来。仪式...

查看详情

#动效#复古#手势交互

腾讯Marvis用拟人化场景,让AI控制电脑变得更好玩
Marvis马维斯

IP形象设计腾讯Marvis用拟人化场景,让AI控制电脑变得更好玩

猎人 - 龙爪槐守望者8.0

腾讯出品了一款能控制电脑的AI管家Marvis马维斯,还专门设计了一个黑色的马作为IP形象。还设计了操作电脑这个动作。在等待界面里不仅呼应了产品的马类谐音,还在进度条上玩起了...

查看详情

#AI#IP形象#loading

复杂的AI生图找不到落地场景?夸克这次做了一个好示范
夸克

AI复杂的AI生图找不到落地场景?夸克这次做了一个好示范

猎人 - 龙爪槐守望者9.2

520这天的夸克App把主意打到了Logo上,用动效引导用户使用拍结婚证功能,点进去其实并不是真的去民政局拍照,而是上传两张单人照,通过AI换脸或生成技术,拼出一张红底的结婚...

查看详情

#AI#AIGC#Doodle

腾讯推出对标Figma的新工具Ardot,官网交互细节也太高级了
Ardot

情感化设计腾讯推出对标Figma的新工具Ardot,官网交互细节也太高级了

猎人 - 龙爪槐守望者5.0

腾讯开发了一款类似Figma的设计工具Ardot,官网非常有艺术气息,随着鼠标移动,,梵高的「星空」、戴珍珠耳环的少女这些经典艺术符号,像气泡一样从指尖溢出,顺着惯性在屏幕上...

查看详情

#动效#彩蛋#情感化设计

AI等待环节竟然是设计机会?灵光App这波交互我给满分
灵光

动效设计AI等待环节竟然是设计机会?灵光App这波交互我给满分

猎人 - 张老三8.0

灵光 App 的开眼功能,摄像头对准什么就识别什么。按下快门的瞬间,整个画面流光溢彩地闪了一下,像是有什么能量脉冲从中心炸开,然后四周迅速压暗,视觉焦点被收拢到中央,几个操作...

查看详情

#AI#仪式感#加载

把官网做成产品Demo?Faces交互式幻灯片刷新我认知
Faces

网页设计把官网做成产品Demo?Faces交互式幻灯片刷新我认知

猎人 - 龙爪槐守望者5.5

Faces 是个把演示文稿变成交互网页的工具。他们喊出口号说传统的 PPT 已经没有力量了,得用 Web 的交互来做。绝就绝在,他们直接把自己的官网做成了一份交互式的在线幻灯片。

查看详情

#Aha! Moment#PPT#动效

设计师怎么卷细节?看Dia如何处理下载文件的飞行感
Dia浏览器

动效设计设计师怎么卷细节?看Dia如何处理下载文件的飞行感

猎人 - 龙爪槐守望者0.0

Dia浏览器为下载文件设计了一个新动效。当你点击网页里的下载按钮,整个网页背景会瞬间压暗,而被下载的文件则带上一层柔和的扩散光晕,顺着抛物线精准地「飞入」侧边栏的下载图标。这...

查看详情

#下载#临时模态化#动效

macOS 闹钟 DeskMinder,拉一拉就能设置时间的交互太绝了!
DeskMinder

动效设计macOS 闹钟 DeskMinder,拉一拉就能设置时间的交互太绝了!

猎人 - 龙爪槐守望者0.0

DeskMinder是一款macOS上的提醒闹钟,交互非常丝滑,拉扯桌面上的小部件就能调整提醒时长,拉扯后输入提醒事项就开启倒计时。这个动效最成功的地方在于它对拉扯的「阻尼感...

查看详情

#动效#拟物化#提醒

没文案都能秒懂,TinyShots只靠一个动效就讲清了所有功能点
TinyShots

动效设计没文案都能秒懂,TinyShots只靠一个动效就讲清了所有功能点

猎人 - 龙爪槐守望者6.0

TinyShots 的官网只放了一个动画,但看完这个动画你就完全不需要读任何文字了——截图丢进去,自动变成精致的展示图,三秒完事。这大概是我见过把「产品即演示」做得最干净的独...

查看详情

#动效#焦点图#网站

把草图转3D搬进官网,Vizcom这波交互设计我给满分!
Vizcom

动效设计把草图转3D搬进官网,Vizcom这波交互设计我给满分!

猎人 - 龙爪槐守望者8.8

Vizcom 的官网设计打破了传统「图文说明书」的套路。它通过滚动驱动的动画,将工具的「草图转 3D 渲染」核心能力,所见即所得直接集成在了浏览体验里。用户通过滚动这一简单动...

查看详情

#动效#可视化设计#心理账户

别总想AI提高生产力,先像iBeer一样思考如何带来新奇的体验吧!
iBeer

设计考古别总想AI提高生产力,先像iBeer一样思考如何带来新奇的体验吧!

猎人 - 龙爪槐守望者9.7

iBeer是一款诞生于 iPhone 1 刚发布的现象级App。它的逻辑简单得可爱:采用拟物化设计,屏幕上装满了一杯金黄色的、冒着泡的虚拟啤酒,当你倾斜手机时,这杯酒会顺着物...

查看详情

#人机交互#动效#微交互

加入一只手就能救活死气沉沉的网页设计!
苹果

动效设计加入一只手就能救活死气沉沉的网页设计!

猎人 - Jackywine9.2

苹果官网在展示MacBook neo 时,并没有采用常规的生硬跳转,而是安排了一只「手」作为视觉引导。通过一把推开前序产品的残影,紧接着从底部稳稳托起并翻开新电脑,完成了一次...

查看详情

#动效#滚动#网站

原来语音也能有仪式感,小红书这个春节特效做对了什么?
小红书

动效设计原来语音也能有仪式感,小红书这个春节特效做对了什么?

猎人 - 张老三9.0

小红书在春节期间推出仙女棒语音特效,用户在录制与播放语音时,界面会呈现两支仙女棒燃烧的动画效果,营造仿佛共同点燃烟花的互动氛围。运用 节日情境营造 与 陪伴感强化 的设计手法...

查看详情

#仪式感#分享欲#动效

开屏广告都很丑?懂车帝用3秒视差动效教你做高级感
懂车帝

动效设计开屏广告都很丑?懂车帝用3秒视差动效教你做高级感

猎人 - 龙爪槐守望者4.6

懂车帝的的开屏广告设计没有采用传统的静态海报或粗糙的视频贴片,将 2.5D 视差动效完美融入视觉表达的开屏设计。它聪明地剥离了杂乱的背景图,应用了「格式塔原理」中的「图形与背...

查看详情

#动效#开屏广告#格式塔

1/9

热门应用