xd原型交互怎么生成链接?

王子涵            来源:优草派

生成链接是xd原型交互设计中重要的环节。在设计过程中,链接可以帮助设计师展示设计成果,同时也帮助团队成员理解设计思路。下面从多个角度分析xd原型交互怎么生成链接。

xd原型交互怎么生成链接?

1. 首先打开 Adobe XD 软件,选择 Artboard(画板)面板,双击“iPhone 6/7/8”就可以创建一个 iPhone 设备画板。

2. 在 Artboard 面板左侧,可以看到 “Prototype”(原型交互) 面板,选择此面板,然后选中某一个元素或者组件,点击“+”按钮,建立“Link”(链接)。

3. 在 “Trigger”(触发器) 面板中选择“Tap”(点按),表示用户在点击此按钮后进入链接的页面。

4. 在 ”Destination”(目标页面) 面板中选择要链接的目标页面,比如另一个 Artboard 或是分栏窗口(Containment),然后设置链接的过渡效果。

5. 对于过渡效果,可以选择 None(无效果)、Dissolve(淡入淡出)、Slide(滑动)、Push(推动)等效果类型。同时还可以设置方向和缓动效果。

6. 生成多个链接后,可以在 “Preview”(预览) 面板中进行交互测试,查看每个链接的效果。

总之,在设计原型交互时,灵活应用链接是不可或缺的,它决定了最终用户界面的易用性和美学体验。

【原创声明】凡注明“来源:优草派”的文章,系本站原创,任何单位或个人未经本站书面授权不得转载、链接、转贴或以其他方式复制发表。否则,本站将依法追究其法律责任。
TOP 10
  • 周排行
  • 月排行