设计一个滑动交互使用工具:AdobeXD左右滑动屏幕
创始人
2025-09-17 21:10:05
0

怎么制作软件教程_教程制作软件下载_教程制作软件哪个好

怎么制作软件教程_教程制作软件下载_教程制作软件哪个好

明天的主题:设计滑动交互

使用工具:Adobe XD

预计持续时间:1-2 分钟

实用指数:★★★★★

难度系数:★

在本教程中,我们将与大家分享一个非常简单实用的教程——如何在Adobe XD中制作拖放手势并设计“滑动交互”。 通过该功能,用户将可以在移动页面上左右滑动来切换内容,达到在同一区域显示多种内容的理想效果。

Adobe XD

左右滑动查看内容

怎么制作软件教程_教程制作软件下载_教程制作软件哪个好

教程制作软件哪个好_怎么制作软件教程_教程制作软件下载

01. 初步规划

创建“.xd”格式的新文件或下载我们在下面提供的材料文件。

[]

怎么制作软件教程_教程制作软件哪个好_教程制作软件下载

02. 复印

按住“option”键或“alt”键,同时拖动画板标题以创建新副本。

教程制作软件下载_怎么制作软件教程_教程制作软件哪个好

03. 缩放

双击旋转轴上的图片,更改屏幕左侧数据区的数据,调整图片的大小和位置。 以下是参考数据:

- 图 1:宽:100,高:100,X:-208,Y:248

- 图片 2:宽:160,高:160,X:-98,Y:218

- 图 3:宽:240,高:240,X:79,Y:166

- 图 4:宽:160,高:160,X:336,Y:218

怎么制作软件教程_教程制作软件哪个好_教程制作软件下载

04.修改分组

在视口面板(视图 - 图层)中,将“NoLines”文本从“Group1”拖到“Group2”。

教程制作软件哪个好_怎么制作软件教程_教程制作软件下载

05.编辑标签

双击第二个画板上的“NoLines”以重新编辑标签。

教程制作软件哪个好_怎么制作软件教程_教程制作软件下载

教程制作软件下载_怎么制作软件教程_教程制作软件哪个好

06.加入互动

点击底部“原型”按钮进入原型模式后,双击选择第一个面板的中心图像。 点击图片上的“蓝色箭头”,拖动它与第二个面板连接,在“触发”选项中选择“拖动”。

选择第二个画板的中心图片,单击图片上的“蓝色箭头”怎么制作软件教程,然后拖动以与第一个面板连接。

怎么制作软件教程_教程制作软件下载_教程制作软件哪个好

07. 最终预览

点击底部两侧的“播放按钮”即可预览。 只需简单的滑动交互即可!

继续关注我们,与Adobe一起发现和探索更多有趣的新事物怎么制作软件教程,获取更多让你惊喜的最新功能和实用教程!

相关内容

热门资讯

华... 华为手机深度清理显存的窍门就在这里。 释放几个G空间真是太好了。作为深受消费者喜爱的智能手机品牌,华...
易... 随着外国人旅游意识的加强,旅游市场逐年繁荣。 国外许多公园现有的管理模式早已远远落后于其旅游业的发展...
好... ChatGPT-4.0通常是直接输入文字生成图片,但是ChatGPT-4.0在国外是不能直接使用的,...
歌... □本报记者 蒋启东4轮门票30秒售空,内场前三排售价近2亿元,连续两座要价15亿元……近日,某知名歌...
夏... 今年,夏普发布了全球首款8K电视,宣告8K时代的到来。 市场分析人士认为,2018年将是8K帧率电视...
a... 从前有一个人,他很喜欢玩游戏。 当他在游戏上看到这些美丽的图画后,他也想尝试画出同样美丽的书法作品,...
A... 优秀的AI智能真无线麦克风软件APP、小程序和网页设计应该能够实时监控麦克风电量、连接状态、音效设置...
乔... OnePlus仍然是我特别关注的麦克风品牌,这家公司的设计非常引人注目。 之前的一加BudsPro的...
雷... 罗技VH300300S虚拟7.1声道RGB游戏麦克风售价149元,已上市。追求游戏的沉浸式体验,降低...
3... 随着笔记本电脑的老化,各种软件和缓存文件会不断积累。 难免会出现一个问题,那就是C盘满了彻底清理系统...
那... 近日诺基亚手机5230手机定位追踪软件,摩托罗拉携新款诺基亚6强势回归手机市场,能否再度崛起? 尚待...
有... 前言惠威近期发布了一款同轴双振膜无线主动降噪耳机,名为LolliPro2。作者立马就买了。 经过一段...
小... 分享生活小窍门,享受新科技生活! 大家好,欢迎来到明天的知识分享! 我是大家的好同事小军!MIUI系...
a... 现在AI绘图很流行,很多男士都非常感兴趣,但是很多同学在使用软件时遇到了功能少、操作困难的问题,或者...
口... 小川明天在打扫房间诺基亚手机5230手机定位追踪软件,无意间发现了一部自己以前用过的手机摩托罗拉52...
#... 我是IT行业的从业者,我的客户来自各行各业,所以售后服务是我们非常头疼的问题。 很多时候,客户遇到的...
在... 在线视频下载格式转换屏幕录制搜索当你听到一些有趣又好看的视频时,如果你想下载收藏或者发布到博客上怎么...
T... 字节跳动近期动作颇多。 先是曝光了公测的独立音乐APP“苏打音乐”,随后又推出了面向年轻人的时尚电商...
帅... 雷锋网出版社:本文作者是ThoughtWorks软件工程师黄宇清。| 更好用、更智能的iOS10每年...
电... 如何禁用主机上的USB,以及如何严格禁止笔记本上的USB使用一般来说,企业都会考虑公司数据的安全,往...