マテリアルデザインの新しいデザインガイド

材料設計 だったデザイン言語です XNUMX年前に初めて統合 Lollipopとして知られるようになったAndroidアップデートで。 モバイルデバイス用のこのOSを別のレベルに引き上げることに成功した、フラットな色と明確で具体的なアニメーションを提唱する言語。

数日前、 新素材デザインガイド これは、他のいくつかのヒントの中でも、このデザイン言語から翻訳された「モーション」の重要性を十分に明確にし、トランジションの視覚的品質を向上させます。

マテリアルデザインの世界における「モーション」は、次のように解釈されます。 関係を説明する方法 空間、機能性、意図、美しさと流動性。 その意味を知ることで、その重要性を知ることができます。

「モーション」は、アプリケーションがどのように編成され、何ができるかを示します。 提供する 何が起こるかについての手がかり ユーザーがジェスチャー、スペースの関係、およびさまざまな要素とキャラクター間の階層を完了した場合。

Googleは、マテリアルデザインが次のような環境を提供することを明確にしています 自然の本当の力に触発される、重力や摩擦など。 これらの力は、ユーザーのジェスチャーが画面上の要素に影響を与える方法、または要素が互いにどのように反応するかに反映されます。

素材は エネルギッシュで行動に敏感 ユーザーの正確な; 実世界で見られる重力のような力の自然な動きを模倣します。 そして、彼の周りで起こっていることに気を配っています。これには、ユーザー自身と彼の周りの他のマテリアル要素が含まれ、オブジェクトへの魅力を生み出し、適切に応答することができます。

グーグルはまた、優れた品質の移行を行うものを定義します。 インタラクションはユーザーを必要以上に長く待たせてはいけません、トランジションはすべきです 明確で一貫性がある マテリアル要素は、速度、応答、および意図によって統一する必要があります。

ウェブサイト自体から、Google 明確な例を示す それらの新しいデザインガイドの。