ここでは全部を理解せずとも、デザイナーでなくとも何となく分かるをベースに書いております。★マテリアルデザインでは影の要素が大事!フラットデザインとは異なりオブジェクト同士の階層の構造が重要になり、高さの概念がある。★マテリアルデザインでは、1つのページ内で色を多様しません。マテリアルデザインのアニメーションアニメーションといえばざっくりいえば動いているものを連想しますよね。マテリアルデザインとは触感的表現を含ませたものをさしますのでアニメーション効果にもリアリティのあるルールを適応させます。......コロコロ...紫のボールが先にゴールへたどり着きました。紫のボールの方が急斜面になっていますので、スピードが早くなります。黄色のボールの方は斜面が緩いのでゆっくりとした速さで進んでいきます。この結果は現実的な自然なのものとなっています。紫のボールと黄色のボールが距離は同じといえど、斜面の関係から同じ速さにはなりません。★基本的に状態が同じものを除き、アニメーションを行う際は個々のUIパーツが加減速され、等速の動きは致しません。現実的な動きに合わせたモーションが推奨されます。仮想ではなく現実によせることで、よりユーザーの視点や動きに合わせた表現が可能になるそう。静止画の見え方だけではなく動的な動きの見せ方も新しさを感じますね。マテリアルデザインは奥が深いですね。次回もマテリアルデザインについて、項目をピックアップしながら全部を理解せずとも、デザイナーでなくとも何となく分かるをベースにお伝えしていければと思います。コメントをキャンセルメールアドレスが公開されることはありません。