实验10-2:交互原型设计

搭一个可点击的低保真手机原型:把组件拖进页面、建多个页面、给组件设置“点击后跳转到”,再进入预览模式真的点一遍流程。做好的原型可以导出成能直接在浏览器打开的网页。

组件库

拖到手机里,或点一下添加到页面中央。

导航栏
标题
文本
按钮
输入框
图片
列表
卡片

原型工具

设计统计

组件数量:0

页面数量:1

交互热点:0

无法到达的页面:0

原型设计原则

低保真:灰框线稿即可,重点验证流程而不是配色

交互热点:可点击区域要明确,预览时点空白处会闪出所有热点

流程完整:每个页面都应能从首页到达,也应能返回

页面流程图:方框是页面,箭头是“点击后跳转”。

操作提示

拖动组件移动位置(8 像素网格吸附);选中后在右侧改文字、尺寸和跳转目标;Delete 键删除选中组件;P 键进入/退出预览。