概要

コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。

Wear OS エコシステムは、さまざまな画面サイズのデバイスで構成されています。すべてのユーザーに最高品質のエクスペリエンスを提供するには、適応型 UI の原則を適用することが重要です。アダプティブ UI は、レンダリングされる画面のサイズに関係なく、使用可能な画面スペースをすべて最大限に活用するように伸縮および変更されます。アダプティブ UI は、レイアウト ロジックに直接組み込まれたコンポーネントとメソッドを使用して、レスポンシブに変化します。また、これらのレイアウトでは、画面サイズのブレークポイントを利用して、画面サイズに応じて異なるデザインを適用することで、すべてのユーザーにとってより豊かなエクスペリエンスを実現しています。

重要な用語

レスポンシブ デザイン: 最適なユーザー エクスペリエンスを実現するために、ボタン、テキスト フィールド、ダイアログなどの要素を動的にフォーマットして配置するレイアウトのデザイン手法。レスポンシブ デザインのベスト プラクティスを活用して、大画面でユーザーに追加の価値を自動的に提供します。一目で確認できるテキストの増加、画面上のアクションの増加、タップ ターゲットの拡大とアクセス性の向上など、レスポンシブな手法は、大画面のユーザーにとってエクスペリエンスを向上させます。

適応型デザイン: ユーザー、デバイス、環境の既知の条件に基づいてインターフェースが変化する設計手法。マテリアルのアダプティブ デザインには、レイアウトとコンポーネントのアダプテーションが含まれます。

レイアウトの種類

円形画面のアダプティブ レイアウトを設計する場合、スクロール ビューとスクロールしないビューには、UI 要素のスケーリングと、バランスの取れたレイアウトとコンポジションの維持に関する独自の要件があります。

主な画面サイズ

Wear OS エコシステム内のスマートウォッチの多くは、画面サイズが異なります。Wear OS 向けに設計する場合は、アプリのサーフェスがさまざまな画面サイズに表示されることに留意してください。さまざまなデバイス向けに設計する際は、次の原則に留意してください。

Wear OS デバイスでは、次の画面サイズが特に一般的です。小さい画面と大きい画面の間のブレークポイントとして 225dp を使用することをおすすめします。

設計品質の階層

また、柔軟なコンテナ形状を利用して角の半径を丸めたりシャープにしたりすることで、形状変化リストとボタンの状態をサポートし、より広範で意味のある方法でシェイプ言語を活用しています。また、Wear OS の丸いデバイス向けの新しいコンポーネントとして、エッジを覆うボタンとアイコニックなデザイン パターンも導入します。品質ガイドラインは 3 つの階層に分かれています。3 つの階層すべてでガイドラインを満たすことで、ユーザーに最適なエクスペリエンスを提供します。