应用设计文档内容来自鸿蒙官方网站，鸿蒙学堂 hmxt.org 整理
HarmonyOS IoT 应用设计文档
V1.0
鸿蒙学堂 hmxt.org 整理
2020 年 9 月 10 日
应用设计文档内容来自鸿蒙官方网站，鸿蒙学堂 hmxt.org 整理
目 录
1 设计原则 1
2 系统架构 2
2.1 应用 2
2.2 功能入口 5
2.3 交互流程 8
3 应用架构 12
3.1 卡片 12
3.2 控制面板 15
3.3 全屏页面 19
4 视觉风格 24
4.1 色彩 24
4.2 字体 28
4.3 图标 29
5 控件 36
5.1 标题栏 36
5.2 设备展示 36
5.3 实时状态 39
5.4 功能控制 44
5.5 信息展示 54
5.6 服务扩展 58
6 功能模板 62
应用设计文档内容来自鸿蒙官方网站，鸿蒙学堂 hmxt.org 整理
7 设计自检表 65
声明：所有内容均来自华为官方网站 ，如有错误，欢迎指正。
应用设计文档内容来自鸿蒙官方网站，鸿蒙学堂 hmxt.org 整理
1 设计原则
在万物互联的新时代，HarmonyOS 会尽最大努力为用户打造简单易用的 IoT
设备使用体验。通过这份设计指南，你可以详细了解 HarmonyOS IoT 设备
应用的构成，并快速掌握相应的设计方法。我们基于对用户生活和设备使用行
为的分析，总结了以下设计原则，在设计过程中 ，希望你能遵循这些原则，这
将有助于提升产品的体验。
清晰一致的界面显示
通过合理的布局与分类，帮助用户更好地理解设备功能；实时展示设备工作状
态、及时提供必要的操作反馈，确保使用体验的可知可控。
线性简单的交互流程
通过清晰简单、逐层深入的页面架构，帮助用户快速触达所需的服务；避免复
杂的界面导航和切换，保证功能的轻量。
首先展示最相关的内容
向用户提供服务时，首先展示当前场景最重要的内容，避免加载过量或不相关
的内容(如：全量功能、广告等)，让用户无需思考就可以立即进行操作。
避免复杂的帐号注册流程
尽可能简化帐号的注册流程，降低功能的使用门槛；建议使用华为帐号服务，
可有效减少用户需要输入的信息量。
1
应用设计文档内容来自鸿蒙官方网站，鸿蒙学堂 hmxt.org 整理
2 系统架构
2.1 应用
用户可通过手机便捷地使用 HarmonyOS IoT 设备，完成设备控制和连接等
操作。HarmonyOS IoT 设备的控制和连接等应用界面，支持运行在华为
EMUI 分布式能力手机上。EMUI 分布式能力手机识别到 HarmonyOS IoT
设备标签后，将从云端把对应的应用下载到手机中进行展示(本文档所提及的
手机，均指 EMUI 分布式能力手机)。
为了满足不同的用户使用场景，我们定义了三种不同的 IoT 设备应用界面：卡
片、控制面板、全屏页面。
免责声明：本网站内容主要来自原创、合作伙伴供稿和第三方自媒体作者投稿，凡在本网站出现的信息，均仅供参考。本网站将尽力确保所提供信息的准确性及可靠性，但不保证有关资料的准确性及可靠性，读者在使用前请进一步核实，并对任何自主决定的行为负责。本网站对有关资料所引致的错误、不确或遗漏，概不负任何法律责任。任何单位或个人认为本网站中的网页或链接内容可能涉嫌侵犯其知识产权或存在不实内容时，应及时向本网站提出书面权利通知或不实情况说明，并提供身份证明、权属证明及详细侵权或不实情况证明。本网站在收到上述法律文件后，将会依法尽快联系相关文章源头核实，沟通删除相关内容或断开相关链接。