GoogleによるMaterial Designのメイキング動画

GoogleによるMaterial Designのメイキング動画

GoogleがGoogle DisignというサイトにてMaterial Designのメイキングの動画を公開しています。

Making Material Design

Material Designのコンセプトムービー
Making Material Design - YouTube

非常に簡単なMaterial Designのまとめ

• コンテンツの多様化に左右されない表現規則が必要

• 紙（cardboard）のメタファー

• 紙の重なりとその奥行をデバイス上で表現しよう

• これまで2次元の表現だった画面構成を3次元空間としてユーザーに認識させる新しい表現規則の誕生

Material Design Guidelines

Introduction - Material design - Google design guidelines

Material Designのガイドラインがアップデートされていました。
アニメーション解説付きなので興味のある人は目を通しましょう。

• Meaningful transitions - Animation - Google design guidelines
  「意味のあるアニメーション」の事例。

• Elevation and shadows - What is material? - Google design guidelines
  画面を横から見た高さ（elevation：立面図）で、各画面要素の位置を表現。
  ↑基礎概念
  
  ↑例
  
  ↑まとめ

新しいNotation（表記法）として、ヘイダックやアイゼンマンのと比較すると面白いかもしれない。