HarmonyOS Design

HarmonyOSデザイン / 2019– / 风格 / 平台界面语言

华为的视觉语言在不同屏幕尺寸和连接设备上重新组织了卡片、间距、弧形以及可变类型和半透明材料,优先考虑信息的连续性和操作性,而不是单一固定屏幕。

HarmonyOS Design — AI 生成的诠释图像 1
AI 生成的诠释图像(并非参考作品)
HarmonyOS Design — AI 生成的诠释图像 2
AI 生成的诠释图像(并非参考作品)
HarmonyOS Design — AI 生成的诠释图像 3
AI 生成的诠释图像(并非参考作品)

快速判断

视觉特征

  • 大型圆角卡片,按功能分组信息
  • 在浅色背景上留有宽阔的空间,并使用少量鲜艳的颜色作为强调
  • 使用弧形、同心圆和柔和的缩放效果来表示操作状态
  • 根据设备尺寸重新组合卡片和可变类型

适用场景

  • Recomposing the same information across phones, tablets, vehicles and wearables
  • Explaining continuity across devices through shared cards, motion and hierarchy

使用这一风格

把简短指引带入项目,或将结构化规格交给AI工具。

详细方法与出处制作规则、真实案例、比较、研究与引用格式

辞典词条

字体
Adapt the weight and width of a variable sans to the display and enlarge short headings and numbers.
版面
Group by function; spread cards sideways on wide screens and stack them by importance on small ones.
材料
Start with bright neutrals, reserve diffusion and translucency for the control layer, and keep one accent family.
注意
Rounded cards alone are not HarmonyOS. Information priority and action continuity must survive the move between devices.
延伸阅读
HarmonyOS design principles / Multi-device adaptive layout / Cards, variable type and light material

相关词条

继续浏览平台界面语言

从平台界面语言中按共同感受优先推荐以下词条。

查看平台界面语言全部词条

引用此条目

这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。

Link
https://indexstyle.org/zh/styles/harmonyos
Markdown
[HarmonyOS Design — IndexStyle](https://indexstyle.org/zh/styles/harmonyos)
HTML
<a href="https://indexstyle.org/zh/styles/harmonyos">HarmonyOS Design — IndexStyle</a>

返回索引中的位置