UD5工具箱
快速入门指南
本教程将介绍如何使用纸上原型拼接工具，从创建第一个页面到构建完整的交互流程，帮助您快速掌握低保真原型设计的方法。
第一步：创建第一个页面
打开工具页面后，默认会创建一个空白的屏幕画布。屏幕采用常见的移动端尺寸（375x667px），适合制作手机应用的原型。您可以点击页面顶部的设置按钮切换到桌面端尺寸。为第一个页面命名（如首页），然后开始添加界面元素。左侧是组件库面板，右侧是画布区域。
第二步：添加UI组件
在左侧的组件库面板中，浏览可用的UI组件。找到需要的组件后，将其拖拽到右侧的屏幕画布上。组件会自动对齐到网格，确保整齐排列。您可以多次拖拽同一组件创建多个实例，也可以调整已放置组件的位置和大小。建议从顶部的导航栏组件开始，逐步向下搭建界面布局。
第三步：排列组件布局
按照产品的界面设计，将组件排列成合理的布局。通常从顶部导航栏开始，然后是搜索区域或标题区域，接着是主要的内容区域（列表、卡片、图片等），最后是底部标签栏。使用对齐辅助线确保组件之间的间距均匀。不需要追求像素级精确，低保真原型的重点是表达信息层级和功能分区。
第四步：创建更多页面
点击左侧面板的新建页面按钮，创建第二个页面。如果新页面与现有页面结构相似，可以复制现有页面再修改，这比从零开始高效得多。为每个页面命名（如搜索结果、详情页、设置），构建产品的完整页面结构。建议一次规划5到10个核心页面来覆盖主要用户场景。
第五步：建立页面跳转
在页面上选择一个可交互的组件（如搜索按钮或列表项），然后点击连线工具，从该组件拖出一条箭头指向目标页面。重复此步骤建立所有必要的页面跳转关系。完成后切换到流程视图，查看整个产品的导航流程是否合理完整。检查是否有死路或循环陷阱。
第六步：添加注释说明
为关键的交互节点添加文字注释，说明此处的业务逻辑、数据来源或特殊交互规则。注释使用手写风格字体，保持低保真的视觉调性。标注完成后导出原型为PNG或PDF，与团队成员分享并安排评审会议。收集反馈后快速修改，进行下一轮迭代。