Introduction
https://material.io/design/introduction/
Introduction
Material Design is a visual language that synthesizes the classic principles of good design with the innovation of technology and science.
マテリアルデザインは、優れた設計の古典的原則を技術と科学の革新と合成する視覚的言語です。
Goals
Create a visual language that synthesizes the classic principles of good design with the innovation and possibility of technology and science. Develop a single underlying...
Create
Create a visual language that synthesizes the classic principles of good design with the innovation and possibility of technology and science.
技術と科学の革新性と可能性を備えた優れたデザインの古典的原則を合成するビジュアル言語を作成します。
Unify
Develop a single underlying system that unifies the user experience across platforms, devices, and input methods.
プラットフォーム、デバイス、およびインプットメソッド間のユーザーエクスペリエンスを統一する単一の基盤システムを開発します。
Customize
Expand Material’s visual language and provide a flexible foundation for innovation and brand expression.
マテリアルデザインのビジュアル言語を拡張し、革新とブランド表現のための柔軟な基盤を提供します。
Principles
原則
Material Design is inspired by the physical world and its textures, including how they reflect light and cast shadows. Material surfaces reimagine the mediums of...
Material is the metaphor
Material Design is inspired by the physical world and its textures, including how they reflect light and cast shadows. Material surfaces reimagine the mediums of paper and ink.
マテリアルデザインは、光とキャストシャドウをどのように反映するかなど、物理的な世界とそのテクスチャからインスピレーションを得ています。 マテリアルサーフェスは、紙とインクのメディアを再イメージします。
Bold, graphic, intentional
太字、グラフィック、意図的
Material Design is guided by print design methods — typography, grids, space, scale, color, and imagery — to create hierarchy, meaning, and focus that immerse viewers in the experience.
マテリアルデザインは、タイポグラフィ、グリッド、スペース、尺度、色、画像などのプリントデザイン方法によって、視聴者の経験を浸透させる階層、意味、およびフォーカスを作成します。
Motion provides meaning
モーションは意味を提供する
Motion focuses attention and maintains continuity, through subtle feedback and coherent transitions. As elements appear on screen, they transform and reorganize the environment, with interactions generating new transformations.
繊細なフィードバックや一貫性のある移行を通じて、モーションは注意を集中し、継続性を維持します。 要素は画面に表示されるので、環境を変換して再構成し、相互作用によって新しい変換を生成します。
Flexible foundation
柔軟な基礎
The Material Design system is designed to enable brand expression. It’s integrated with a custom code base that allows the seamless implementation of components, plug-ins, and design elements.
マテリアルデザインシステムは、ブランド表現を可能にするように設計されています。 コンポーネント、プラグイン、およびデザイン要素をシームレスに実装できるカスタムコードベースと統合されています。
Cross-platform
クロスプラットフォーム
Material Design maintains the same UI across platforms, using shared components across Android, iOS, Flutter, and the web.
マテリアルデザインは、Android、iOS、Flutter、およびWebの共有コンポーネントを使用して、プラットフォーム間で同じUIを維持します。
Getting around
Updates
Material is designed to evolve over time. Starting in May 2018, we’ll deliver on a monthly release cadence to increase the expressive capabilities of the...
Material is designed to evolve over time. Starting in May 2018, we’ll deliver on a monthly release cadence to increase the expressive capabilities of the Material Design system, bringing you even more Material Theming capability.
マテリアルデザインは時間とともに進化するように設計されています。 2018年5月からは、マテリアルデザインシステムの表現力を高めるために毎月リリースするケイデンスを提供し、より多くのマテリアルテーミング機能を提供します。
Sign up to receive release notifications by email, and view the latest release notes and release plan on GitHub.