マガジンのカバー画像

Material Design 3 要点まとめ

14
本
Material Design 3 ガイドラインの要点をまとめたものです。
運営しているクリエイター
パジェロ｜COMPASS

Material Design 3 要点まとめ #10 Icons

Material Design 3 ガイドラインの要点をまとめたものです。 第10回はIconsの章。マテリアルデザインにおけるアイコンの役割や、アイコンデザインの基準について説明しています。また、Googleが提供するアイコンライブラリ「Material Symbols」についても紹介しており、デザイナーが利用する際の注意点や使い方についても解説しています。 OverviewM2からの更新ポイント バリアブルアイコンフォントとしてMaterial Symbolsが登場し

パジェロ｜COMPASS

Material Design 3 要点まとめ #9 Elevation

Material Design 3 ガイドラインの要点をまとめたものです。 第9回はElevationの章。Elevation（高度）とは、z軸に沿った2つの表示面の間の相対的な距離のことです。M2での厳密さと比べると、かなり簡略化されました。シャドウが減って見た目の印象もだいぶ変わりました。 OverviewM2からの更新ポイント M2では高度を表現するために必ず「シャドウ」を使っていたが、M3からはその制約がなくなった。 シャドウの代わりに表示面の色の変化で高度を表

パジェロ｜COMPASS