マテリアルデザイン

material

ちょっと前よりフラットデザインが主流になってきていますが、
最近話題?のマテリアルデザインについて、今日は主に個人的な考えをもとにまとめます。

マテリアルデザインとは

googleが「Google I/O 2014 」で発表したフラットデザインと比べてより物質的なデザインのガイドラインです。

公式な情報は、ここに書いてあります。

googleガイドライン
http://www.google.com/design/
googleガイドライン動画
http://www.google.com/design/videos/making-material-design/

スクリーンショット 2015-06-16 2.42.51

近頃みるマウスを載せると手前に張り付いたような動きをするサイトは、このマテリアルデザインを意識したサイトといえると思います。
上のガイドラインは英語で書いてあるので、全て理解できていないのですが他のマテリアルデザインを紹介したサイトから察すると、googleはWebをより、現実に近づけることを良いアクセシビリティと考えてこのようなデザインのガイドラインを作ったようです。

ガイドラインには、レイアウトから色、アイコンなど細かなルールが書いてあります。

現在、主流のフラットデザインと比べてよりドロップシャドウなどをきかせたり、インタラクティブな動きつけた
「Webと現実の境を取り払う先駆けのデザイン」なんではないかと思います。

あくまで個人的な考えですが、googleが提唱しおすすめとしていくデザインである限り、もしかしたら今後SEOにもなにか影響を及ぼす可能性は0%でないと思っています。(ほぼないかもですが)
もちろん第一は、 良いコンテンツであることが普遍であるとおもいますが、、、

また、このごろ携わったりみるWebデザインがフラットデザインばかりで似通っていて正直にいうと面白くないなとは実は思っているのですが、(全部ではないですが)
時代の流行は理由があり積極的に取りいれることは大切なんだろうなと考えています。
もちろんスタイリッシュでかっこいいと思いますし、しっかり身につけていきたいです。

さいごに、参考にしたサイトです。

NAVERまとめ
http://matome.naver.jp/odai/2142379522980270301
株式会社エウレカ
http://eure.jp/blog/material_design_guide/
GIGAGIN
http://gigazine.net/news/20150316-best-of-material-design/Google/
クラスメソッド株式会社
http://dev.classmethod.jp/smartphone/android/google-material-design/
デベロッパーズブログ
http://blog.fenrir-inc.com/jp/2014/12/material-design-guide.html
PHOTOSHOP VIP
http://photoshopvip.net/archives/76201
materialup
http://www.materialup.com

コメントを残す