材料。シンプルな言葉ですが、いろいろな意味が込められています。通常、これは名詞、つまり物体を構成する物質の総称です。しかし、形容詞としても使用でき、当面のトピックの最も本質的で関連性の高い部分を意味します。
Capital-M マテリアルを考慮する場合、後者の定義が最も適切です。グーグルの新しい設計哲学は、Android 5.0「Lollipop」でバナーデビューします。最初の Lollipop デバイス --Nexus6スマートフォンそしてNexus 9 タブレット-- 今月デビューし、マテリアル時代の到来を告げます。
材料には野心的な使命があります。それは、モバイル、デスクトップ、ウェアラブルなど、すべてのデバイスにわたって統一されたデザイン言語を作成することです。これは、Google だけでなく、Google のエコシステムに関わるすべてのアプリ開発者や製造パートナーにも機能します。 Android が世界、アプリが国だとすると、マテリアルは新しい国際法です。
「マテリアル デザインは私たちの新しいルック アンド フィールですが、それだけではありません」と Android 向けデザイン担当副社長の Matias Duarte 氏は説明します。 「私たちは、ラップトップ、携帯電話、時計、テレビ、自動車など、デザイン対象となっているさまざまな画面を実際に統合して合理化するのに役立つデザイン システムを考え出したかったのです。そこで、一歩下がって、リセットして、グラウンディングしたいと考えたのです。ゼロ...これらすべての画面のデザイン システムを考え出すことはできますか?」
建材
マテリアルは、Google がこれまでに取り組んだ最大のデザイン プロジェクトだとドゥアルテ氏は言います。それはある時点で社内のすべての設計チームに影響を与えました。プロジェクトの初期段階では、1 人のデザイナーが物理的な紙からすべての Google 製品ロゴを実際に作成しました。
[img src="https://admin.mashable.com/wp-content/uploads/2014/11/material-icons.jpg" caption="「マテリアル」デザイン哲学を作成するプロセスの一環として、Google はすべての製品アイコンは物理的な紙で作られています。」クレジット = "Google" ]
「私たちはマテリアルとは何なのかを理解しようと努めました。」ドゥアルテ氏は言う。 「マテリアルからどうやって物を作ることができるでしょうか? 私たちは、すべての製品アイコンを実際に紙から彫り出すという研究を行いました。そこから、私たちは多くの探求を行いました...それは今非常にトレンドになっているだけでなく、脳が直感的に理解できるような微妙でもっともらしい現実を反映したものでもありました。」
マテリアルの最も重要な側面の 1 つは、レイヤーと次元の使用です。ユーザーの操作方法に応じて、画面の一部が浮き上がったり、背景がぼやけたりします。 Android Wear スマートウォッチが Google ハングアウトの通知をどのように処理するかを示す好例です。メッセージは前景の「紙」に表示され、その人のプロフィール写真は「後ろ」にわずかにぼやけて表示されます。
レイヤーはマテリアル デザインにおいて重要です クレジット: Google
iOS 7 (そして現在は 8) のユーザーにとっては、これはおなじみのことでしょう。 Apple の設計では、しばらくの間、この方法でレイヤーを使用してきました。マテリアルは、確かに、Android の世界で同様の第一原則のセットを持つ利点を浸透させようとする Google の試みの一部であることは間違いありません。 Android は少なくともバージョン 4.0「Ice Cream Sandwich」以来、独特のルック アンド フィールを持っていましたが、マテリアルはそれを更新し、体系化しました。
「『Android 上のアプリとウェブ上のアプリのルールは何ですか?』という意味で、マテリアルは非常に意見が分かれています」と Duarte 氏は言います。 「これには、レイヤーを使用する必要があり、空白を使用する必要があり、スキューモーフィズムを回避する必要があるという観点があります。ある意味、これは、その範囲内で作業したい人にとって、より大きな制約を生み出します。しかし同時に、 、デザインとは制約の中で作業することです。」
この素材のもう 1 つの重要な側面は、アニメーションの使用です。アプリ内のボタンをタッチすると、メニューが呼び出されるだけではありません。これが正しく行われていれば、マテリアル アプリでは、水たまりの波紋のように、タッチ ポイントからすべてのアニメーションが発生します。
「ユーザー インターフェイスのすべてのエネルギーがユーザーのタッチから得られるようにしたかったのです」と Duarte 氏は言います。 「ナビゲーションでもこれと同じ原理に従います。」
理論と実践
理論的にはすべて美しく聞こえますが、これまでのところ、実際にその原則を具体的に示した例が 1 つあります。受信箱, Google の新しいメール アプリは、マテリアル デザインのショーケースです。レイヤリング、大胆な色、直感的なアニメーションが満載です。
「Inbox には、明るく主要なアクションがあります」と Google デザイナーのニコラス・ジトコフは説明します。 「しかし、彼らはまた、それを進化させました。どのようにしてそれをスピードダイヤルに変えて、さまざまな人に即座に作曲できるかを検討しました。」
マテリアルが Google プロパティだけで機能しないようにするために、Google のデザイナーが独自にサードパーティ アプリを作成したとドゥアルテ氏は言います。 Google I/O 2014 で大々的に発表されるまでマテリアルは秘密にしておく必要があったため、デザイン チームは、原則が確実に機能し、かつブランドが自己表現できる余地を残せるように、アプリの代替世界全体を構築する必要がありました。
実際のサードパーティ アプリの初期の例に基づくと、それは機能しているようです。 Tumblr のマテリアル アプリには、Inbox と同様に目立つアクション ボタンがあり、作成されるアニメーションはタッチ ポイントから「発せられる」というマテリアルのアプローチに従っていますが、ナビゲーションは独特の Tumblr です。
Tumblr のアプリはマテリアル デザインを中心に構築されていますが、ブランドのアイデンティティも保っています。 クレジット: Google
Google は、Inbox、Tumblr、およびその他の初期のマテリアル アプリ (ウォール ストリート ジャーナルを含む) が、新しい設計哲学に合わせて進化する必要がある 100 万以上の Android アプリの標識として機能することを期待しています。
Google にとって、マテリアルは、Android を断片化したデバイス、多種多様なアプリ、醜い OEM スキンの乱雑なものとして片付けているかもしれない人々に、「私たちも Apple と同じようにデザイン ゲームをプレイできる」というメッセージを送ります。現在、iOS が注目されています。
マテリアルが Google のエコシステムに完全に浸透するにはおそらく何年もかかるだろうが、ドゥアルテ氏によれば、同社はそのような忍耐を念頭に置いてこの哲学を作成したという。
「それは、『Google のデザインは将来どこへ向かうのか?』という質問から始まりました。私たちは単に進化のステップについて考えるだけではなく、5 年後の自分自身を投影し、その時はどうなっているのかを問いたかったのです。」
Google が思いどおりにすれば、それは物質的な世界になるでしょう。
[wp_scm_comment]
ボーナス: Google に関する 5 つの驚くべき事実