跑步时,先看此刻。
运动中突出距离、时长与暂停;结束后再展示摘要。历史趋势、路线详情留到手机端,避免在跑动时翻找长列表。
先看任务,再画界面
智能穿戴界面设计,是把信息、操作和反馈组织到腕上的有限空间里。它通常需要短时间读懂、少量操作完成;手机上合适的一整页内容,不宜直接缩小后搬到手表上。
运动中突出距离、时长与暂停;结束后再展示摘要。历史趋势、路线详情留到手机端,避免在跑动时翻找长列表。
说明发生了什么,给出查看、稍后提醒或关闭的明确选择。重要信息不用只靠颜色表达,处理后也要有清楚反馈。
手表完成快速查看与确认,配套 App 承担设置、记录和详细说明。先分清设备各自的任务,再设计连接与返回。
智能手表 UI 设计
先确定目标设备的屏幕形状、尺寸和显示区域,再搭建页面。在墨刀中分别制作圆屏、方屏或窄屏方案;切换屏形时重新检查排布,避免把整张界面等比例压缩。

主指标保持易读,操作位置按目标平台规范安排。用长标题和最大位数检查圆弧区域,避免文本或按钮被意外裁切。
主指标、辅助信息和操作各有位置。留出圆角与系统区域;一页优先完成一个任务,详情通过后续页面展开。
数字与单位纵向组织,弱化次要信息。列表逐项呈现,重要操作保留易辨认的文字或符号,不靠拥挤小图标猜用途。
触控区域、字体和安全区需按目标设备的平台规范与实机表现确定,不把某一设备的尺寸直接当作所有穿戴产品的标准。
让交互可以体验
以户外跑步为例,原型需要表达完整过程:开始后显示运动指标,暂停时保留进度,继续时回到运动中,结束后给出保存反馈。比起几张孤立的界面,这样的方案更容易讨论。
户外跑步
准备好后,开始这一程
点击“开始跑步”,体验从运动到保存的完整过程。
交互演示采用固定样例记录,便于比较各状态的信息与操作。

在墨刀中搭建穿戴原型
先用文本、图形、图标和组件搭建布局,再为页面连接交互。在墨刀原型中逐步补齐内容、状态与操作,让团队看到完整的使用路径。
手表与配套 App
手表显示“运动已保存”,不等于手机已经收到记录。把设备端和手机端放进同一份原型,分别说明保存、传输与查看详情,让团队理解它们之间的关系。
墨刀用于设计与演示这些界面状态;蓝牙连接、传感器采集、离线存储与真实同步,需要由研发结合设备能力实现和测试。

从原型走向团队交付
把同一份穿戴原型分享给产品、设计和研发,在具体页面讨论问题。交付时把页面、状态与实现要求对应起来,避免只留下一组无法还原操作过程的截图。
从开始运动到结束保存,检查每次点击后的页面与返回位置;长数字、长标题和没有数据时也要能读懂。
在对应位置讨论文字、层级和操作。按项目设置分享访问范围,让不同参与者围绕同一份方案沟通。
结合开发标注、切图和交互说明交付尺寸、状态与资源。表冠、实体按键、震动与系统权限另列实现要求,并在真机复核。
带着清楚的需求开始
选一个场景,整理第一版页面与状态。需求可以复制给团队,也可以带入墨刀 AI,继续探索界面和交互方向。
常见问题
适合用来设计页面布局、组件样式和可点击交互原型,也能把穿戴设备与配套 App 放在同一份方案中评审。请按目标设备建立合适的画布,并在交付后结合系统规范与真机测试调整细节。
可以复用信息结构、配色和组件规则,但布局需要重新检查。圆屏应核对弧形区域的裁切和平台控件布局;方屏要考虑圆角与系统占位;窄屏手环通常需要减少并列内容。不要仅缩放整页来完成适配。
本页介绍的是界面与交互原型设计。可以用样例数据表达指标、连接与同步状态,但这不等于真实传感器采集或蓝牙通信。相关硬件、权限、数据准确性与功耗需要研发实现并进行设备测试。
不要把 Axure HTML 托管理解为 .rp 文件无损转换。需要保留原项目演示时,可使用Axure 托管分享 HTML 内容;如果希望在墨刀中重新编辑组件和交互,应先确认可用素材与迁移范围,必要时重建页面和逻辑。
先选择一个具体任务,例如“开始跑步并保存记录”,用空白画布或模板搭建关键页面,再连接操作与反馈。也可以把上方整理的需求带入墨刀 AI 探索初稿,之后继续修改。完成原型不等于已生成可安装到手表的原生应用。
继续完成你的设计
从点击后的变化,到状态和返回路径,继续完善完整体验。
了解交互设计规划设备管理、历史记录、设置与详细内容的手机端页面。
了解 App 原型设计描述用户、任务、页面与风格,在初稿基础上逐步调整方案。
了解 AI 生成原型