グーグル公式のマテリアルデザイン作成の舞台裏ビデオ

2015.06.22 11:30
  • このエントリーをはてなブックマークに追加

150622google0001.jpg


グーグルもデザインに本気です。

2014年のGoogle I/Oでの登場以来、最近ではAndroid Mやウェブ、iOSのグーグルアプリなど幅広く採用されているマテリアルデザイン。そのマテリアルデザインとは一体何なのか、どう作られたのかを垣間見ることができるビデオが公開されています。



このビデオによるとマテリアルデザインは当初「Quantum Paper」として紙の動きから着想を得て生み出されたそう。

確かに四角いカードビューや影の奥行き感は、現実の紙のようなデザインでしたね。

さらに波動のような効果を生み出すインタラクションやカラースペクトラム、タイポグラフィまでが、一貫して細部まで考えられていることが伝わってきます。一つ一つのパーツはフラットでもそれを立体的に重ねている点でiOSと似ているのも興味深いです。

マテリアルデザインはがっちり決められた枠組みというより、どうデザインするかを示す考え方なのかもしれません。他にもGoogle Designのサイトにはマテリアルデザインに関するビデオがたくさんあるのでデベロッパーやデザイナーの人は参考になりそうです。

今後もAndroid WearやIoT向けOS「Brillo」などを通してマテリアルデザインがどう進化するか楽しみですね。


source: Google Design

(ケンタロー)

  • このエントリーをはてなブックマークに追加
  • プロとして恥ずかしくない 新・WEBデザインの大原則
  • 大藤 幹,窪木博士,久保知己,小西春輝,小浜愛香,坂本邦夫,佐藤 裕,原 一宣。,原田学史,前川昌幸,三留裕介|エムディエヌコーポレーション(MdN)
  • Apple Wireless Keyboard (JIS) MC184J/B
  • アップル
  • CAPDASE 日本正規品 Dual USB Car Charger PowerDrive Max 2.1, White, Apple iPad 2, iPad の充電に対応 CACB-DM02
  • CAPDASE
・関連メディア