鸿蒙设计规范
更多
好的,华为鸿蒙操作系统(HarmonyOS)的设计规范主要以中文呈现,其核心思想是 “一生万物”,强调统一设计语言、多设备无缝协同、智能服务和高效开发。
以下是鸿蒙设计规范的主要内容和要点(中文版):
一、 设计哲学与目标(Design Philosophy & Goals)
- “一生万物”: 一套设计系统适应所有鸿蒙设备类型(手机、平板、智慧屏、手表、车机等),保持用户体验的一致性和连贯性。
- 一致体验: 不同设备间,用户交互模式、视觉风格、操作逻辑应高度统一。
- 高效简洁: 减少认知负担,操作直观高效,信息层级清晰。
- 智慧服务: 强调服务的原子化、卡片化表达(服务卡片),实现服务主动找人,即用即走。
- 包容友好: 关注无障碍设计,确保不同能力的用户都能便捷使用。
二、 核心设计原则 (Core Design Principles)
-
原子化服务设计:
- 服务是核心:应用功能可以拆解为独立的、可跨设备流转的原子化服务。
- 服务卡片: 这是鸿蒙设计的标志性元素。卡片是服务的可视化入口和轻量化信息展示载体。
- 内容直观: 卡片直接展示核心信息或关键操作。
- 尺寸灵活: 提供不同尺寸规格(如2x2, 2x4, 4x4等),适应不同设备和场景。
- 动态更新: 支持实时刷新信息(如天气、日程)。
- 跨端流转: 卡片可以在不同鸿蒙设备间无缝流转。
- 免安装/轻松获取: 强调服务的即用即得(尤其是在手表、车机等设备上)。
-
多设备协同设计:
- 设备无感: 设计应让用户感知不到设备切换,专注于任务本身。
- 任务连续: 在不同设备上启动的服务或任务应能无缝接力。
- 超级终端: 设计要考虑应用如何感知和利用周围的鸿蒙设备(如手机碰一碰连接音箱、平板作为笔记本副屏)。
- 自适应布局: UI需根据不同设备的屏幕尺寸、形态、交互方式进行动态调整和优化。
-
高效人机交互:
- 简单自然: 手势、动效应符合直觉(如单指上滑返回桌面、左滑后退)。
- 一致性: 核心交互逻辑(导航、通知、控制中心等)在所有设备类型上应保持高度一致。
- 分布式操作: 探索跨设备协作的新交互方式(如手机控制智慧屏播放、用平板手写笔在智慧屏上批注)。
- 语音交互优化: 结合小艺语音助手,设计易于语音控制和识别的界面元素。
-
动效与反馈设计:
- 清晰传达: 动效应准确表达状态变化、层级关系和操作结果。
- 连贯流畅: 设备间流转、页面跳转等动效应如流水般自然平滑。
- 趣味与活力: 在高效清晰的基础上,适当融入具有鸿蒙风格的微动效,提升活力感。
- 即时反馈: 用户操作必须有清晰的视觉、触觉或听觉反馈。
-
视觉美学:
- “无限”符号风格: Logo和系统UI常融入无限符号元素,象征万物互联和无限可能。
- 色彩体系:
- 品牌蓝: 主色调,体现科技感、专业感和信赖感。
- 明亮清晰: 整体色彩倾向明亮、清晰,有层次感。提供标准的色板规范。
- 和谐渐变: 适度使用平滑细腻的渐变。
- 图标: 简洁几何化、识别度高。提供统一规范的栅格和设计模板,包括应用图标和服务卡片图标。
- 字体: 推荐使用华为自有字体 HarmonyOS Sans,该字体在易读性、普适性和屏幕显示效果上进行了专门优化。规范了字体大小、字重、行高等。
- 布局与空间: 强调呼吸感,留白得当。定义了标准的间距系统、圆角半径、网格系统(栅格系统)。
- 沉浸体验: 在游戏、视频等场景提倡全屏沉浸式设计。
-
可信安全:
- 透明可控: 清晰告知用户系统状态、数据使用、权限请求。
- 安全感知: 设计元素应传递安全感,例如明确的加密状态提示。
三、 资源与工具 (Resources & Tools)
- 官方文档与规范库: 最重要和权威的来源!务必访问华为开发者联盟官网的设计专区:
- 华为开发者联盟 - 设计 (关键入口)
- 具体包含:设计指南、原则、颜色/字体/图标等基础规范、组件规范(如按钮、输入框、卡片、列表等)、动效文档、布局模板、主题资源、设计工具插件等。
- 设计套件 (Design Kit):
- 通常提供基于主流设计工具(如 Sketch, Figma, Adobe XD)的设计资源文件(UI Kits, Templates),包含所有标准组件、图标、布局模板,方便设计师快速启动项目。
- 提供可切换不同设备形态(手机/手表/平板等)的设计模板,方便进行自适应设计预览。
- 开发者文档: 开发者在实现UI和交互时,也需要参考开发文档中关于UI组件和布局实现的部分。
四、 多设备适配要点 (Key Points for Multi-device Adaptation)
- 屏幕尺寸与DPI: 理解目标设备的物理尺寸、分辨率和像素密度。
- 交互方式: 明确设备的主要交互方式(触屏、旋钮、按键、语音、手势等),优化操作。
- 使用场景与环境: 考虑设备的使用环境(如驾驶中的车机需大字体少操作,手表需信息精炼),设计合适的交互和信息密度。
- 形态特点: 如折叠屏的开合状态、圆形/方形表盘、大竖屏(车机)等,需要特殊的布局和组件处理。
- 性能考量: 不同设备的硬件性能有差异,动效和资源占用需权衡。
总结
鸿蒙设计规范的核心在于“用一套语言服务万物”,围绕原子化服务、多设备协同、高效一致与安全可靠展开。它以服务卡片为重要载体,强调一致性的基础体验,同时通过自适应布局和交互满足不同设备的特性。设计师应充分利用官网提供的详尽中文设计资源(文档、规范、工具套件),并始终将多设备协同和无缝流转的理念贯穿设计始终。
强烈建议: 直接访问 华为开发者联盟的设计中心 获取最新、最全面、最官方的设计规范文档、资源和工具。
如果你有具体的设计方面想深入了解(例如服务卡片规范、图标规范、某类组件的具体用法、动效细节等),欢迎继续提问!
7天热门专题
换一换
换一换
- 如何分清usb-c和type-c的区别
- 中国芯片现状怎样?芯片发展分析
- vga接口接线图及vga接口定义
- 芯片的工作原理是什么?
- 华为harmonyos是什么意思,看懂鸿蒙OS系统!
- 什么是蓝牙?它的主要作用是什么?
- ssd是什么意思
- 汽车电子包含哪些领域?
- TWS蓝牙耳机是什么意思?你真的了解吗
- 什么是单片机?有什么用?
- 升压电路图汇总解析
- plc的工作原理是什么?
- 再次免费公开一肖一吗
- 充电桩一般是如何收费的?有哪些收费标准?
- ADC是什么?高精度ADC是什么意思?
- EDA是什么?有什么作用?
- dtmb信号覆盖城市查询
- 苹果手机哪几个支持无线充电的?
- type-c四根线接法图解
- 华为芯片为什么受制于美国?
- 怎样挑选路由器?
- 元宇宙概念股龙头一览
- 锂电池和铅酸电池哪个好?
- 什么是场效应管?它的作用是什么?
- 如何进行编码器的正确接线?接线方法介绍
- 虚短与虚断的概念介绍及区别
- 晶振的作用是什么?
- 大疆无人机的价格贵吗?大约在什么价位?
- 苹果nfc功能怎么复制门禁卡
- 单片机和嵌入式的区别是什么
- amoled屏幕和oled区别
- 复位电路的原理及作用
- BLDC电机技术分析
- dsp是什么意思?有什么作用?
- 苹果无线充电器怎么使用?
- iphone13promax电池容量是多少毫安
- 芯片的组成材料有什么
- 特斯拉充电桩充电是如何收费的?收费标准是什么?
- 直流电机驱动电路及原理图
- 传感器常见类型有哪些?
- 自举电路图
- 通讯隔离作用
- 苹果笔记本macbookpro18款与19款区别
- 新斯的指纹芯片供哪些客户
- 伺服电机是如何进行工作的?它的原理是什么?
- 无人机价钱多少?为什么说无人机烧钱?
- 以太网VPN技术概述
- 手机nfc功能打开好还是关闭好
- 十大公认音质好的无线蓝牙耳机
- 元宇宙概念龙头股一览