应用设计文档内容来自鸿蒙官方网站,鸿蒙学堂 hmxt.org 整理 HarmonyOS 智能穿戴应用设计文档

                               V1.0 
                      鸿蒙学堂 hmxt.org 整理 
                         2020 年 9 月 10 日 
                                                                         1 
                                                         应用设计文档内容来自鸿蒙官方网站,鸿蒙学堂 hmxt.org 整理 
                                                                  目 录 

1 设计原则 1 2 系统架构 3 3 应用架构 6 4 人机交互 8 5 视觉风格 11

      5.1      色彩 11 
      5.2       间隔参数 17 
      5.3      字体 20 
      5.4       图标 26 

6 Pattern 38

      6.1      消息通知 38 
      6.2      空界面  38 
      6.3      刷新40 
      6.4      删除42 
      6.5      异常提示44 

7 控件47

      7.1      标题栏 47 
      7.2      按钮48 
      7.3      导航点  50 
      7.4      进度条  51 
      7.5      单选框  52 
                                                                                                                                                    2 
                                                        应用设计文档内容来自鸿蒙官方网站,鸿蒙学堂 hmxt.org 整理 
      7.6      弹出框  53 
      7.7      多选 55 
      7.8      分隔器  56 
      7.9      勾选 57 
       7.10        滑动条 57 
       7.11        滚动条 58 
       7.12        滑动选择器 59 
       7.13        即时反馈 59 
       7.14        开关  60 
       7.15        列表  61 
       7.16        索引条 67 
       7.17        子标题 69 

8 模块超长文本规则70

      8.1      如何使用70 
      8.2      超长文本规则示例72 

9 设计自检表73

      9.1      设计自检表73 

声明:所有内容均来自华为官方网站,如有错误,欢迎指正。

                                                                                                                                                  3 
                           应用设计文档内容来自鸿蒙官方网站,鸿蒙学堂 hmxt.org 整理 

1 设计原则 为构建一致且易用的操作体验,我们总结了这份设计指南,对应用设计提供指导,适用于智 能穿戴和轻量级智