HarmonyOSデザイン

HarmonyOS Design / 2019– / スタイル / プラットフォームの画面言語

異なる画面寸法と機器の連携を前提に、カード、余白、円弧、可変書体、光を含む半透明素材を再構成するHuaweiの画面言語。単一端末の固定画面より、情報と操作が機器間を滑らかに移る連続性を重視する。

HarmonyOS Design — AI生成の解釈イメージ 1
AI生成の解釈イメージ(参考作品ではありません)
HarmonyOS Design — AI生成の解釈イメージ 2
AI生成の解釈イメージ(参考作品ではありません)
HarmonyOS Design — AI生成の解釈イメージ 3
AI生成の解釈イメージ(参考作品ではありません)

ひと目で判断

見た目の特徴

  • 情報を機能単位でまとめる大きな角丸カード
  • 明るい地に広い余白と少数の高彩度アクセント
  • 円弧、同心円、柔らかな拡大で示す操作状態
  • 画面寸法に応じて再配置するカードと可変書体

向いている用途

  • スマートフォン、タブレット、車載、ウェアラブルへ同じ情報を再構成して渡すとき
  • 機器間の継続操作を、統一したカード、動き、階層で理解させるとき

このスタイルを使う

短い指針を制作へ持ち込むか、構造化された仕様をAIへ渡せます。

詳しい作り方と出典制作ルール、実在作例、比較、研究、引用形式

辞書情報

文字
可変サンセリフの太さと字幅を画面寸法へ合わせ、短い見出しと数値を大きく置く。
構成
機能ごとにカード化し、広い画面では横へ展開、小さい画面では重要度順に縦へ積む。
素材
明るい無彩色を基礎に、透過と拡散光を操作層だけへ使い、アクセント色を一系統に絞る。
注意
角丸カードを並べるだけではHarmonyOSではない。複数機器へ移っても情報の優先順位と操作の連続性が保たれる必要がある。
関連研究
HarmonyOS design principles / multi-device adaptive layout / cards, variable type and light material

関連項目

プラットフォームの画面言語をさらに見る

同じ「プラットフォームの画面言語」から、共通する印象が多い順に次の項目を選んだ。

プラットフォームの画面言語の全項目を見る

この項目を引用する

辞典はリンクされるためにある。書いている場所に合う形をそのまま持っていってよい。

Link
https://indexstyle.org/ja/styles/harmonyos
Markdown
[HarmonyOSデザイン(HarmonyOS Design) — デザインスタイル辞典](https://indexstyle.org/ja/styles/harmonyos)
HTML
<a href="https://indexstyle.org/ja/styles/harmonyos">HarmonyOSデザイン(HarmonyOS Design) — デザインスタイル辞典</a>

一覧内の位置へ戻る