HarmonyOS Design

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

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

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

画像は出典ページで確認

辞書情報

向いている用途
スマートフォン、タブレット、車載、ウェアラブルへ同じ情報を再構成して渡すとき。機器間の継続操作を、統一したカード、動き、階層で理解させるとき
文字
可変サンセリフの太さと字幅を画面寸法へ合わせ、短い見出しと数値を大きく置く。
構成
機能ごとにカード化し、広い画面では横へ展開、小さい画面では重要度順に縦へ積む。
素材
明るい無彩色を基礎に、透過と拡散光を操作層だけへ使い、アクセント色を一系統に絞る。
注意
角丸カードを並べるだけでは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>

一覧内の位置へ戻る