登录/注册

鸿蒙设计规范

更多

好的,华为鸿蒙操作系统(HarmonyOS)的设计规范主要以中文呈现,其核心思想是 “一生万物”,强调统一设计语言、多设备无缝协同、智能服务和高效开发

以下是鸿蒙设计规范的主要内容和要点(中文版):

一、 设计哲学与目标(Design Philosophy & Goals)

  1. “一生万物”: 一套设计系统适应所有鸿蒙设备类型(手机、平板、智慧屏、手表、车机等),保持用户体验的一致性和连贯性。
  2. 一致体验: 不同设备间,用户交互模式、视觉风格、操作逻辑应高度统一。
  3. 高效简洁: 减少认知负担,操作直观高效,信息层级清晰。
  4. 智慧服务: 强调服务的原子化、卡片化表达(服务卡片),实现服务主动找人,即用即走。
  5. 包容友好: 关注无障碍设计,确保不同能力的用户都能便捷使用。

二、 核心设计原则 (Core Design Principles)

  1. 原子化服务设计:

    • 服务是核心:应用功能可以拆解为独立的、可跨设备流转的原子化服务。
    • 服务卡片: 这是鸿蒙设计的标志性元素。卡片是服务的可视化入口和轻量化信息展示载体。
      • 内容直观: 卡片直接展示核心信息或关键操作。
      • 尺寸灵活: 提供不同尺寸规格(如2x2, 2x4, 4x4等),适应不同设备和场景。
      • 动态更新: 支持实时刷新信息(如天气、日程)。
      • 跨端流转: 卡片可以在不同鸿蒙设备间无缝流转。
    • 免安装/轻松获取: 强调服务的即用即得(尤其是在手表、车机等设备上)。
  2. 多设备协同设计:

    • 设备无感: 设计应让用户感知不到设备切换,专注于任务本身。
    • 任务连续: 在不同设备上启动的服务或任务应能无缝接力。
    • 超级终端: 设计要考虑应用如何感知和利用周围的鸿蒙设备(如手机碰一碰连接音箱、平板作为笔记本副屏)。
    • 自适应布局: UI需根据不同设备的屏幕尺寸、形态、交互方式进行动态调整和优化。
  3. 高效人机交互:

    • 简单自然: 手势、动效应符合直觉(如单指上滑返回桌面、左滑后退)。
    • 一致性: 核心交互逻辑(导航、通知、控制中心等)在所有设备类型上应保持高度一致。
    • 分布式操作: 探索跨设备协作的新交互方式(如手机控制智慧屏播放、用平板手写笔在智慧屏上批注)。
    • 语音交互优化: 结合小艺语音助手,设计易于语音控制和识别的界面元素。
  4. 动效与反馈设计:

    • 清晰传达: 动效应准确表达状态变化、层级关系和操作结果。
    • 连贯流畅: 设备间流转、页面跳转等动效应如流水般自然平滑。
    • 趣味与活力: 在高效清晰的基础上,适当融入具有鸿蒙风格的微动效,提升活力感。
    • 即时反馈: 用户操作必须有清晰的视觉、触觉或听觉反馈。
  5. 视觉美学:

    • “无限”符号风格: Logo和系统UI常融入无限符号元素,象征万物互联和无限可能。
    • 色彩体系:
      • 品牌蓝: 主色调,体现科技感、专业感和信赖感。
      • 明亮清晰: 整体色彩倾向明亮、清晰,有层次感。提供标准的色板规范。
      • 和谐渐变: 适度使用平滑细腻的渐变。
    • 图标: 简洁几何化、识别度高。提供统一规范的栅格和设计模板,包括应用图标和服务卡片图标。
    • 字体: 推荐使用华为自有字体 HarmonyOS Sans,该字体在易读性、普适性和屏幕显示效果上进行了专门优化。规范了字体大小、字重、行高等。
    • 布局与空间: 强调呼吸感,留白得当。定义了标准的间距系统、圆角半径、网格系统(栅格系统)。
    • 沉浸体验: 在游戏、视频等场景提倡全屏沉浸式设计。
  6. 可信安全:

    • 透明可控: 清晰告知用户系统状态、数据使用、权限请求。
    • 安全感知: 设计元素应传递安全感,例如明确的加密状态提示。

三、 资源与工具 (Resources & Tools)

四、 多设备适配要点 (Key Points for Multi-device Adaptation)

总结

鸿蒙设计规范的核心在于“用一套语言服务万物”,围绕原子化服务、多设备协同、高效一致与安全可靠展开。它以服务卡片为重要载体,强调一致性的基础体验,同时通过自适应布局和交互满足不同设备的特性。设计师应充分利用官网提供的详尽中文设计资源(文档、规范、工具套件),并始终将多设备协同和无缝流转的理念贯穿设计始终。

强烈建议: 直接访问 华为开发者联盟的设计中心 获取最新、最全面、最官方的设计规范文档、资源和工具。

如果你有具体的设计方面想深入了解(例如服务卡片规范、图标规范、某类组件的具体用法、动效细节等),欢迎继续提问!

IPC 孔径设计规范

请教大牛,IPC哪个标准有孔径与引线的设计规范

2022-07-25 20:39:25

PCB Layout设计规范分享

PCB Layout设计规范

2021-01-25 06:32:33

硬件EMC设计规范分享

工程师必备:硬件EMC设计规范

2021-01-22 07:47:50

龙胜精品灯具PCB板工艺设计规范

龙胜精品灯具PCB板工艺设计规范

资料下载 ah此生不换 2021-08-26 10:15:36

电磁兼容之闪烁仪功能和设计规范综述

电磁兼容之闪烁仪功能和设计规范综述

资料下载 dothink2011 2021-08-11 11:48:17

PCB Layout设计规范电子版下载

PCB Layout设计规范电子版下载

资料下载 ah此生不换 2021-07-18 09:41:59

PCB工艺流程设计规范

PCB工艺流程设计规范免费下载。

资料下载 ah此生不换 2021-06-07 11:13:41

华为逻辑电平设计规范 资源下载

华为逻辑电平设计规范 资源下载

资料下载 佚名 2021-06-03 10:02:30

接地设计规范与指南---PCB接地设计规范

接地设计规范与指南---PCB接地设计规范

2020-08-15 07:35:24

贝尔Pcb设计规范

贝尔Pcb设计规范

2020-03-08 08:51:09

PCB泪滴设计规范

`请问PCB泪滴设计规范有哪些?`

2019-12-19 16:07:41

PCB设计规范盘点

PCB设计规范其实就是“怎么摆”和“怎么连”.pdf(593.81 KB)

2019-09-16 09:05:00

移动端UI设计规范总结

移动端UI 设计规范整理汇总

2019-08-30 09:03:28

UI设计规范

UI设计师基础设计规范

2019-06-21 06:06:49

IGBT驱动设计规范

IGBT驱动设计规范

2019-06-20 14:24:53
7天热门专题 换一换
相关标签