新知榜官方账号
2023-07-04 15:20:23
鼠标移入图片时,图片有有一个放大缩小的效果
鼠标单击图片时,显示对应图片的大图,点击空白地方隐藏大图
制作的原型的元件包括:中继器、图片元件,动态面板。
添加一个中继器原件,将中继器内部的矩形删除,然后在中继器放置一个图片元件,设置图片比例,右键将图片转为动态面板,取消自适应内容。导入图片至中继器表格内即可。
添加一个大图的元件,大小和中继器里的图片比例一致,右键转为动态面板,固定在浏览器中部,设置默认隐藏。
1.中继器每项加载时交互
设置中继器内的图片元件显示对应图片即可。
2.鼠标移入图片时交互
通过设置尺寸的交互,将图片放大1.1倍,增加动画效果,等待500毫秒后再将图片大小还原。
3.鼠标单击图片时交互
使用显示的交互,显示大图动态面板,勾选灯箱效果,设置灯箱颜色和透明度,将图片的值传到大图里。
以上交互设置完成后,即可生成交互效果的原型模板。
产品经理的价值在于准确发现和满足用户需求,把需求转化为产品,并协调资源推动产品落地,创造商业价值。
本文由@AI产品人原创发布于人人都是产品经理。
相关工具
相关文章
相关快讯
推荐
用Deepseek写AI绘图提示词,像呼吸一样简单!
2025-02-19 16:12
你以为AI绘画是黑科技?其实早成了“路边摊生意”!
2025-02-19 10:15
Flux爆火,全网最全面最详细的Flux使用教程!
2025-02-18 14:19
用AI如何创作音乐,实战教学来啦!
2025-02-17 17:23
MidJourney让你秒变绘画大神,从零开始画哪吒!
2025-02-17 14:56
AI应用新境界:让人工智能成为你的得力助手
2025-02-14 15:45
AI短片革命:当创作遇上智能,人人都能成为导演
2025-02-14 14:53
AI狂潮下的人类职场:是失业危机还是进化契机?
2025-02-13 16:53
开启影视创作新纪元,效率提升 10 倍的神器来了!
2025-02-13 15:11
深度解析DeepSeek:当AI技术照进创作产业的未来
2025-02-12 17:16