{"id":"harmonyos","no":601,"name":"HarmonyOS Design","ja":"HarmonyOSデザイン","era":"2019–","family":"プラットフォームの画面言語","kind":"スタイル","essence":"異なる画面寸法と機器の連携を前提に、カード、余白、円弧、可変書体、光を含む半透明素材を再構成するHuaweiの画面言語。単一端末の固定画面より、情報と操作が機器間を滑らかに移る連続性を重視する。","cues":["情報を機能単位でまとめる大きな角丸カード","明るい地に広い余白と少数の高彩度アクセント","円弧、同心円、柔らかな拡大で示す操作状態","画面寸法に応じて再配置するカードと可変書体"],"intents":["未来","親密","技術"],"sourceTitle":"Huawei Developer — HarmonyOS Design Guidelines: Design Principles","sourceUrl":"https://developer.huawei.com/consumer/en/doc/design-guides-V1/principle-0000001156667269-V1","pair":["material-you","liquid-glass"],"study":["HarmonyOS design principles","multi-device adaptive layout","cards, variable type and light material"],"works":["スマートフォン、タブレット、車載、ウェアラブルへ同じ情報を再構成して渡すとき","機器間の継続操作を、統一したカード、動き、階層で理解させるとき"],"recipe":{"type":"可変サンセリフの太さと字幅を画面寸法へ合わせ、短い見出しと数値を大きく置く。","layout":"機能ごとにカード化し、広い画面では横へ展開、小さい画面では重要度順に縦へ積む。","material":"明るい無彩色を基礎に、透過と拡散光を操作層だけへ使い、アクセント色を一系統に絞る。"},"avoid":"角丸カードを並べるだけではHarmonyOSではない。複数機器へ移っても情報の優先順位と操作の連続性が保たれる必要がある。","colors":["#F5F7FA","#0A59F7","#172033"],"motif":"mobile","collection":"Dictionary expansion 32","addedAt":"2026-08-22","source":{"title":"Huawei Developer — HarmonyOS Design Guidelines: Design Principles","url":"https://developer.huawei.com/consumer/en/doc/design-guides-V1/principle-0000001156667269-V1"},"reference":{"status":"verified","pageUrl":"https://developer.huawei.com/consumer/en/doc/design-guides-V1/principle-0000001156667269-V1","credit":"Huawei Developer — HarmonyOS Design Guidelines: Design Principles"},"en":{"essence":"Huawei's visual language reorganizes cards, spacing, arcs, variable type and translucent light materials across different screen sizes and connected devices, favoring continuity of information and action over one fixed screen.","cues":["Large rounded cards grouping information by function","Wide space on light fields with a few saturated accents","Arcs, concentric circles and gentle scaling for operation states","Cards and variable type recomposed to suit device size"],"works":["Recomposing the same information across phones, tablets, vehicles and wearables","Explaining continuity across devices through shared cards, motion and hierarchy"],"recipe":{"type":"Adapt the weight and width of a variable sans to the display and enlarge short headings and numbers.","layout":"Group by function; spread cards sideways on wide screens and stack them by importance on small ones.","material":"Start with bright neutrals, reserve diffusion and translucency for the control layer, and keep one accent family."},"avoid":"Rounded cards alone are not HarmonyOS. Information priority and action continuity must survive the move between devices.","study":["HarmonyOS design principles","Multi-device adaptive layout","Cards, variable type and light material"]},"usage":{"license":"CC-BY-4.0","licenseName":"Creative Commons Attribution 4.0 International","licenseUrl":"https://creativecommons.org/licenses/by/4.0/","attribution":"IndexStyle — https://indexstyle.org","attributionUrl":"https://indexstyle.org","scope":"Original IndexStyle text and structured data. Reference images, quoted works, and third-party material are excluded and retain their own rights."}}