没有合适的资源?快使用搜索试试~ 我知道了~
首页HarmonyOS智慧屏设计文档
HarmonyOS智慧屏设计文档
需积分: 22 159 浏览量
更新于2023-05-27
评论
收藏 3.63MB PDF 举报
智慧屏采用了自然简单,符合直觉的设计原则,让全家人轻松简单的使用智慧屏。基于对用户生活、娱乐习惯的洞察,努力为家庭用户带来更加智慧、沉浸、无缝的整体体验。 文档介绍了设计原则、系统架构、应用架构、遥控器及焦点、视觉风格、控件的相关内容。
资源详情
资源评论
资源推荐

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

应用设计文档内容来自鸿蒙官方网站,鸿蒙学堂 hmxt.org 整理
2
目 录
1 设计原则 .......................................................................................................................................................1
1.1 沉浸 ...................................................................................................................................................1
1.2 智慧 ...................................................................................................................................................2
1.3 无缝 ...................................................................................................................................................2
2 系统架构 .......................................................................................................................................................3
2.1 桌面 ...................................................................................................................................................3
2.2 控制中心 ..........................................................................................................................................4
2.3 最近任务 ..........................................................................................................................................5
2.4 熄屏屏保 ..........................................................................................................................................6
3 应用架构 .......................................................................................................................................................8
3.1 导航 ...................................................................................................................................................8
3.2 通用应用布局 ................................................................................................................................9
3.3 等待与加载 .................................................................................................................................. 11
4 遥控器及焦点 ........................................................................................................................................... 14
4.1 物理遥控器 .................................................................................................................................. 14
4.2 软件遥控器 .................................................................................................................................. 15
4.3 焦点 ................................................................................................................................................ 16
4.4 走焦规则 ....................................................................................................................................... 18
5 视觉风格 .................................................................................................................................................... 22
5.1 色彩 ................................................................................................................................................ 22
5.2 圆角 ................................................................................................................................................ 26
5.3 间隔 ................................................................................................................................................ 29
5.4 字体 ................................................................................................................................................ 31
5.5 布局 ................................................................................................................................................ 36
5.6 图标 ................................................................................................................................................ 39
5.7 图片 ................................................................................................................................................ 42
5.8 动效 ................................................................................................................................................ 45
6 控件 .............................................................................................................................................................. 46
6.1 标题栏 ........................................................................................................................................... 46
6.2 页签 ................................................................................................................................................ 48
6.3 子标题 ........................................................................................................................................... 50
6.4 导航点 ........................................................................................................................................... 51
6.5 进度条 ........................................................................................................................................... 53
6.6 即时反馈 ....................................................................................................................................... 54
6.7 按钮 ................................................................................................................................................ 56
6.8 下载按钮 ....................................................................................................................................... 57
6.9 单选 ................................................................................................................................................ 58
6.10 多选框 ....................................................................................................................................... 59
6.11 开关 ........................................................................................................................................... 61
6.12 列表 ........................................................................................................................................... 62
6.13 弹出框 ....................................................................................................................................... 65
6.14 滑动选择器 ............................................................................................................................. 67

应用设计文档内容来自鸿蒙官方网站,鸿蒙学堂 hmxt.org 整理
3
6.15 滚动条 ....................................................................................................................................... 68
6.16 评分条 ....................................................................................................................................... 69
6.17 文本框 ....................................................................................................................................... 70
6.18 搜索框 ....................................................................................................................................... 72
6.19 菜单 ........................................................................................................................................... 73
6.20 卡片 ........................................................................................................................................... 74
7 设计自检表 ................................................................................................................................................ 76
声明:所有内容均来自华为官方网站,如有错误,欢迎指正。

应用设计文档内容来自鸿蒙官方网站,鸿蒙学堂 hmxt.org 整理
1
1 设计原则
智慧屏采用了自然简单,符合直觉的设计原则,让全家人轻松简单的使用智慧
屏。基于对用户生活、娱乐习惯的洞察,努力为家庭用户带来更加智慧、沉
浸、无缝的整体体验。
在构建智慧屏应用时,无论是影音娱乐还是快捷办公,请遵守以下三点设计原
则,这将帮助应用在不同场景下发挥最大价值。
1.1 沉浸
智慧屏是适合展示沉浸式设计的家庭设备。杂志化的排版布局,流畅的转场动
效,高端音响设备,这些能力都致力于为用户打造身临其境般的沉浸式体验。
进行界面设计时,发挥智慧屏的屏幕尺寸优势,能够为应用的显示效果带来意

应用设计文档内容来自鸿蒙官方网站,鸿蒙学堂 hmxt.org 整理
2
想不到的视觉效果。除了必要元素外,减少不必要的露出,将更多的界面空间
用于精美画面展示,从而更好地吸引用户。
1.2 智慧
智慧能力的提升给用户带来更优质的服务和体验。在设计应用时,请结合现有
的成熟技术与解决方案创造更新颖与智慧的应用。例如,摄像头提供无死角的
视频通话体验;隔空手势彻底摆脱遥控器束缚,让高频操作一步直达,这些都
是智慧化带来的极致体验。智慧屏借助硬件和算法能力,提供了可感知、可互
动的界面体验。智慧屏不仅仅是一台视频播放设备,作为家庭智能场景的中
枢,为用户的生活方式提供更加智慧化的选择。
1.3 无缝
多终端之间的跨设备协同是 HarmonyOS 的核心,在不同设备之间自如切
换,协同操作,创造家庭场景的更多可能性是 HarmonyOS 的目标。基于
HarmonyOS 的智慧屏,作为家庭设备的中枢产品供全家人共同使用,它可以
连接不同的终端产品,并且实现流畅的影音流转和信息共享。请发挥应用在不
同终端设备上的交互特征和显示能力,创造更加贴合使用场景的分布式体验。
此外,智慧屏的应用还应当在交互流程上减少操作步骤,构建全家人都能轻松
操作的智能情景。
剩余82页未读,继续阅读

















羽长风
- 粉丝: 1
- 资源: 7
上传资源 快速赚钱
我的内容管理 收起
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助

会员权益专享
最新资源
- Xilinx SRIO详解.pptx
- Informatica PowerCenter 10.2 for Centos7.6安装配置说明.pdf
- 现代无线系统射频电路实用设计卷II 英文版.pdf
- 电子产品可靠性设计 自己讲课用的PPT,包括设计方案的可靠性选择,元器件的选择与使用,降额设计,热设计,余度设计,参数优化设计 和 失效分析等
- MPC5744P-DEV-KIT-REVE-QSG.pdf
- 通信原理课程设计报告(ASK FSK PSK Matlab仿真--数字调制技术的仿真实现及性能研究)
- ORIGIN7.0使用说明
- 在VMware Player 3.1.3下安装Redhat Linux详尽步骤
- python学生信息管理系统实现代码
- 西门子MES手册 13 OpcenterEXCR_PortalStudio1_81RB1.pdf
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈



安全验证
文档复制为VIP权益,开通VIP直接复制

评论0