マテリアルデザインとは？　導入方法など

マテリアルデザインについて

 2014年にGoogleが発表したデザインのガイドラインのこと。 

UIデザインの変遷

スキューモフィズム　→　フラットデザイン・モダンUI　→　（わかりにくい）　→　マテリアルデザイン 　→　ニューモーフィズム（2020～）

マテリアルデザインは現実世界を表現

マテリアルデザインでは、光、影、奥行きの表現を追加することで、現実世界の物が持つ「質量」表現している。

参考URL 

マテリアルデザインでやってはいけない72のこと（間違いチェックリスト）

https://saruwakakun.com/html-css/material/failure

マテリアルデザインでの「ボタン」の使用ルールと作り方（サンプルCSS付）

https://saruwakakun.com/html-css/material/button

マテリアルデザイン

 https://material.angularjs.org/latest/demo/

フレームワークによる実装

Material Design for Bootstrap 4

https://mdbootstrap.com/docs/jquery/

https://uxmilk.jp/76081