Material You
Material You / 2021– / スタイル / Google UI
壁紙から生成するdynamic color、大胆に変化する形、個人に合わせた配色と動きで、同一外観ではなく変化を受け止める規則を一貫性とするMaterial Design 3の表現。
.jpg)
ひと目で判断
見た目の特徴
- 壁紙由来の調和した色調
- 大きな丸みを持つカードと操作面
- 選択状態で形と色が同時に変わる
- 広い余白と大きな表示文字
向いている用途
- 利用者の壁紙や好みを製品の配色へ安全に反映するとき
- 同じ部品を保ちながら個人ごとに異なる外観を成立させるとき
このスタイルを使う
短い指針を制作へ持ち込むか、構造化された仕様をAIへ渡せます。
詳しい作り方と出典制作ルール、実在作例、比較、研究、引用形式
辞書情報
- 文字
- 大きめの表示文字と読みやすい本文を使い、色が変わっても階層を太さと寸法で保つ。
- 構成
- 大きな角丸面を余白の中へ置き、選択と移動を形・色・動きの組で示す。
- 素材
- 種色から明度段階を生成し、背景・面・文字・状態へ意味的に割り当てる。
- 注意
- 好きな色を大量に自動生成するだけでは読めない。コントラストと意味を保つ色役割が先に必要になる。
- 関連研究
- dynamic color / Material 3 shape system / personalization and accessibility
関連項目
- マテリアルデザイン（Material Design）同じ「Google UI」の系統。Material Youとマテリアルデザインの違いを見る
- フラットデザイン / ベクターミニマリズム（Flat Design / Vector Minimalism）共通する印象：親密 / 遊び。Material Youとフラットデザイン / ベクターミニマリズムの違いを見る
Google UIをさらに見る
同じ「Google UI」から、共通する印象が多い順に次の項目を選んだ。
- ホロ（Holo）共通する印象：技術。
この項目を引用する
辞典はリンクされるためにある。書いている場所に合う形をそのまま持っていってよい。
- Link
- https://indexstyle.org/ja/styles/material-you
- Markdown
- [Material You（Material You） — デザインスタイル辞典](https://indexstyle.org/ja/styles/material-you)
- HTML
- <a href="https://indexstyle.org/ja/styles/material-you">Material You（Material You） — デザインスタイル辞典</a>