Material Design – Googleの新しいデザイン提案


Google が、新しい UX の体系「Material Design」を発表しましたね。
スマホやタブレットやPC、次世代の腕時計までを含めた端末の違いをこえて、UI を統一し、全てのスクリーンサイズで同じ操作体験ができるというコンセプト。
ムービーを見ると、デザインコンセプトが伝わってきます。
こういう動画いいなぁ。



Material Design = マテリアル・デザイン、と聞くと、昔の Apple のスキュオモーフィック・デザインに近いコンセプトには感じますが・・・。
現代のデザインの方向性が「一部の人にささっていくデザイン」ではなく、「大衆的で誰からも特に文句が出ないデザイン」である以上、より画面は装飾の無い無機質なものに今後もなっていくはずなのですが。
シンプルで機能的なフラットデザインが利用される機会が増えるというのは、時代の必然性ですね。
ただ、マテリアルというだけあって、紙媒体の古典的な技術が継承されているのが面白いところ。
このマテリアルデザインというキーワードは、デザイン的には特に目新しいものではなく。
紙やインクの「素材」としての関係性を考えることで、アフォーダンスの発揮された分かりやすい UI を実現するものです。
概要を説明した文章を読むと「視覚的な言語」「古典的な原則」「技術との融合」という考え方が示されています。
統一したルール化されることで、異なる端末間での操作のわずらわしさを解消するという、大いなる野望を実現する基盤システムの構築にあるようです。
基本的には、WEB では絶対に外せないインタラクション部分の強化。
フラットデザインでは圧倒的に弱かった「ボタンっぽくない」「押せるところが分かりにくい」という問題を解消するためのシステム。
基本的にマニュアルを必要とさせないデザインでまとめ、動きを多用することでこれから入力すべき場所や入力に対する反応などのフォードバックが容易になり、わかりやすくなっています。
こういうのって誰もが思いつくのですけど実装するには道程が遠く諦めることが多いと思う。
ただ Google が先陣きってやってくれたことで、これから腰の重い人たちがアニメーション効果をつけていくことになると思います。
僕は余白を多く使うタイプなので、こういうデザインは大好物なのですが、これからガイドラインを翻訳しつつ読んでみようと思います。

UI/UXに興味がある人におススメの記事

2013/06/11
iOS7 のデザインを紐解く
Copyright c 2013 Apple InciOS7 が発表されて、自分的にまず一番気になるのは、画面内のインターフェースがどうなったか。先行した噂では「フラットデザインになる」とされていたが、発表された画面はモダンではあるものの、メトロ UI とはコンセプトの違う、よりビジュアルめいたミニマルデザインといったもの。…


2013/07/01
アダプティブ・デザイン。最適化、専用化、汎用化。
イングランドの WEB クリエイターであるアンディ・クラーク(Andy Clarke)のセミナーで問題提起された「レスポンシブ・デザイン」の定義が、そこら中で議論となっている。Andy Clarke については、よく知らないので特に語らない。彼の語る「レスポンシブ・デザイン」と「アダプティブデザイン」の定義の違いの…


2013/02/22
アフォーダンスとシグニファイア
書いたつもりになって終わってしまっていたノーマンによるアフォーダンス事件の、その後。ノーマンは著書 “;Living with Complexity”; を出版(2010年10月)。自らも誤用を認めた「アフォーダンス」とギブソンの提唱した真のアフォーダンスの言葉の意味を区別するため、デザイナーの使うアフォーダンスを「シグ…


2012/12/12
Activity-Centered Design
今年1年のデザイントレンドを考えると、アレだったりアレだったりするのですが(自分が制作する際に使いづらいので自主規制)、話題になったものといえば、ドナルド・ノーマンが今年に入ってすぐに書いたコラム「Don Norman: Does Culture Matter for Product Design?」が様々な議論を巻き起こしました。■Does Cu…


2013/06/18
マテリアルオネスティと WEB 美学
来たるべきデザインのキーワード「マテリアル・オネスティ(Material Honesty)」。工業デザインの教科書的な考え方で、簡単に言えば「デザインは素材に忠実であるべき」という原理です。物質は模倣した何かになるべきではなく、その物質の本来の姿であるべき。木材の材質を活かした椅子やテーブルは温かみが…


コメント

タイトルとURLをコピーしました