Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Material Design とは

Material Design とは

みっちゃん

May 29, 2023
Tweet

More Decks by みっちゃん

Other Decks in Programming

Transcript

  1. Material Designとは
    登壇者:みっちゃん

    View full-size slide

  2. Material Designはなぜ必要か
    一番の目的はアプリのデザインを統一すること!
    アプリはデザインが統一されている必要があります。
    そのためにDesign Systemがあります。
    2

    View full-size slide

  3. Design Systemとは
    アプリの中でデザインがブレないように用意するコンポーネントや、プ
    ロダクトにおけるデザインの決まり事
    例えば、SmartHRさんはプロダクトのDesignSystemを公開されている
    3

    View full-size slide

  4. Material DesignもDesign Systemです!!
    4

    View full-size slide

  5. Material Designをどう使う?
    Material Designはあくまで手段
    Material Designの全てを使わないといけないわけではない!
    デザイナーさんとのやりとりをもっと円滑に行うためのユビキタス言語*
    (*全員で同じ言葉でコミュニケーションを行うための共通言語の定義)
    5

    View full-size slide

  6. MaterialDesignは従来のデザインとどう違う?
    従来のデザイン(M2)
    ● 凹凸がある・立体的
    ● elevation(陰)がある
    ● 色が濃い
    ● 四角い・角がはっきりしている
    Material 3
    ● 平面的
    ● elevation(陰)がない
    ● 色が淡い
    ● 全体的に丸い

    View full-size slide

  7. まとめ
    可愛くなった。(♡)
    7

    View full-size slide