HarmonyOSデザイン
HarmonyOS Design / 2019– / スタイル / プラットフォームの画面言語
異なる画面寸法と機器の連携を前提に、カード、余白、円弧、可変書体、光を含む半透明素材を再構成するHuaweiの画面言語。単一端末の固定画面より、情報と操作が機器間を滑らかに移る連続性を重視する。



ひと目で判断
見た目の特徴
- 情報を機能単位でまとめる大きな角丸カード
- 明るい地に広い余白と少数の高彩度アクセント
- 円弧、同心円、柔らかな拡大で示す操作状態
- 画面寸法に応じて再配置するカードと可変書体
向いている用途
- スマートフォン、タブレット、車載、ウェアラブルへ同じ情報を再構成して渡すとき
- 機器間の継続操作を、統一したカード、動き、階層で理解させるとき
このスタイルを使う
短い指針を制作へ持ち込むか、構造化された仕様をAIへ渡せます。
詳しい作り方と出典制作ルール、実在作例、比較、研究、引用形式
辞書情報
- 文字
- 可変サンセリフの太さと字幅を画面寸法へ合わせ、短い見出しと数値を大きく置く。
- 構成
- 機能ごとにカード化し、広い画面では横へ展開、小さい画面では重要度順に縦へ積む。
- 素材
- 明るい無彩色を基礎に、透過と拡散光を操作層だけへ使い、アクセント色を一系統に絞る。
- 注意
- 角丸カードを並べるだけではHarmonyOSではない。複数機器へ移っても情報の優先順位と操作の連続性が保たれる必要がある。
- 関連研究
- HarmonyOS design principles / multi-device adaptive layout / cards, variable type and light material
関連項目
- Material You(Material You)共通する印象:親密 / 技術。HarmonyOSデザインとMaterial Youの違いを見る
- リキッドガラス(Liquid Glass)共通する印象:未来 / 技術。HarmonyOSデザインとリキッドガラスの違いを見る
プラットフォームの画面言語をさらに見る
同じ「プラットフォームの画面言語」から、共通する印象が多い順に次の項目を選んだ。
- KDE Oxygen(KDE Oxygen)共通する印象:技術 / 親密 / 未来。
- BeOS インターフェース(BeOS Interface)共通する印象:技術 / 未来。
- ゼロックス・スター・インターフェース(Xerox Star Interface)共通する印象:技術 / 未来。
この項目を引用する
辞典はリンクされるためにある。書いている場所に合う形をそのまま持っていってよい。
- 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>