應(yīng)用設(shè)計文檔內(nèi)容來自鴻蒙官方網(wǎng)站，鴻蒙學堂 hmxt.org 整理

HarmonyOS IoT 應(yīng)用設(shè)計文檔

V1.0

鴻蒙學堂 hmxt.org 整理

2020 年 9 月 10 日

應(yīng)用設(shè)計文檔內(nèi)容來自鴻蒙官方網(wǎng)站，鴻蒙學堂 hmxt.org 整理

目 錄

1 設(shè)計原則 1

2 系統(tǒng)架構(gòu) 2

2.1 應(yīng)用 2

2.2 功能入口 5

2.3 交互流程 8

3 應(yīng)用架構(gòu) 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 設(shè)備展示 36

5.3 實時狀態(tài) 39

5.4 功能控制 44

5.5 信息展示 54

5.6 服務(wù)擴展 58

6 功能模板 62

應(yīng)用設(shè)計文檔內(nèi)容來自鴻蒙官方網(wǎng)站，鴻蒙學堂 hmxt.org 整理

7 設(shè)計自檢表 65

聲明：所有內(nèi)容均來自華為官方網(wǎng)站 ，如有錯誤，歡迎指正。

應(yīng)用設(shè)計文檔內(nèi)容來自鴻蒙官方網(wǎng)站，鴻蒙學堂 hmxt.org 整理

1 設(shè)計原則

在萬物互聯(lián)的新時代，HarmonyOS 會盡最大努力為用戶打造簡單易用的 IoT

設(shè)備使用體驗。通過這份設(shè)計指南，你可以詳細了解 HarmonyOS IoT 設(shè)備

應(yīng)用的構(gòu)成，并快速掌握相應(yīng)的設(shè)計方法。我們基于對用戶生活和設(shè)備使用行

為的分析，總結(jié)了以下設(shè)計原則，在設(shè)計過程中 ，希望你能遵循這些原則，這

將有助于提升產(chǎn)品的體驗。

清晰一致的界面顯示

通過合理的布局與分類，幫助用戶更好地理解設(shè)備功能；實時展示設(shè)備工作狀

態(tài)、及時提供必要的操作反饋，確保使用體驗的可知可控。

線性簡單的交互流程

通過清晰簡單、逐層深入的頁面架構(gòu)，幫助用戶快速觸達所需的服務(wù)；避免復

雜的界面導航和切換，保證功能的輕量。

首先展示最相關(guān)的內(nèi)容

向用戶提供服務(wù)時，首先展示當前場景最重要的內(nèi)容，避免加載過量或不相關(guān)

的內(nèi)容(如：全量功能、廣告等)，讓用戶無需思考就可以立即進行操作。

避免復雜的帳號注冊流程

盡可能簡化帳號的注冊流程，降低功能的使用門檻；建議使用華為帳號服務(wù)，

可有效減少用戶需要輸入的信息量。

1

應(yīng)用設(shè)計文檔內(nèi)容來自鴻蒙官方網(wǎng)站，鴻蒙學堂 hmxt.org 整理

2 系統(tǒng)架構(gòu)

2.1 應(yīng)用

用戶可通過手機便捷地使用 HarmonyOS IoT 設(shè)備，完成設(shè)備控制和連接等

操作。HarmonyOS IoT 設(shè)備的控制和連接等應(yīng)用界面，支持運行在華為

EMUI 分布式能力手機上。EMUI 分布式能力手機識別到 HarmonyOS IoT

設(shè)備標簽后，將從云端把對應(yīng)的應(yīng)用下載到手機中進行展示(本文檔所提及的

手機，均指 EMUI 分布式能力手機)。

為了滿足不同的用戶使用場景，我們定義了三種不同的 IoT 設(shè)備應(yīng)用界面：卡

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。