Understanding navigation ナビゲーションの理解 Navigation enables users to move through an app. ナビゲーションを使用すると、ユーザーはアプリ内を移動できます。 CONTENTS Types of navigation Lateral navigation Forward navigation Reverse naviga…

Component behavior コンポーネントの振る舞い The following guidance describes how components behave, both in the grid and between breakpoints. 次のガイダンスでは、グリッド内とブレークポイント間の両方でコンポーネントがどのように動作するかに…

Spacing methods 間隔の設定メソッド Spacing methods use baseline grids, keylines, padding, and incremental spacing to affect ratios, containers, and touch targets. スペーシングメソッドには、ベースラインのグリッド、キーライン、パディング、増…

Responsive layout grid The Material Design responsive layout grid adapts to screen size and orientation, ensuring consistency across layouts. マテリアルデザインに対応したレイアウトグリッドは、画面のサイズと向きに適応し、レイアウト全体の一…

Understanding layout レイアウトの理解 Material Design layouts encourage consistency across platforms, environments, and screen sizes by using uniform elements and spacing. マテリアルデザインのレイアウトは、均一な要素と間隔を使用して、プラ…

Material surfaces cast shadows when they obstruct light sources. マテリアルサーフィスは、光源を遮ると影を投げかけます。 Light Light and shadows 光と影 In the Material Design environment, virtual lights illuminate the UI. Key lights create …

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. マテリアルデザインは、優れた設計の古典的原則を…