應用設計文檔內容來自鴻蒙官方網站，鴻蒙學堂 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 設備應用界面：卡

片、控制面板、全屏頁面。

總結

以上是生活随笔為你收集整理的鸿蒙不支持PDF,华为鸿蒙 HarmonyOS IoT 应用设计文档(1).pdf的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。