Tier 2: レスポンシブで最適化

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

レスポンシブ レイアウトを採用し、さまざまな画面サイズに自動的に適応するアプリは、ユーザーに付加価値を提供し、より生産的で魅力的なユーザー エクスペリエンスを提供します。

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

レスポンシブ デザインで価値を高める

Wear OS 向けのレスポンシブなアプリとタイルを作成する

レスポンシブ UI は、レンダリングされる画面のサイズに関係なく、使用可能なすべての画面スペースを最大限に活用するように伸縮して変化します。

丸い画面でレスポンシブ レイアウトを設計する場合、スクロール ビューとスクロールしないビューには、UI 要素のスケーリングを維持し、バランスの取れたレイアウトとコンポジションを維持するための独自の要件があります。スクロール ビューの場合は、切り抜きを回避し、要素を比例的にスケーリングするために、上、下、左右のすべての余白をパーセンテージで定義します。スクロールしないビューの場合は、すべての余白にパーセンテージと垂直制約を使用します。これにより、中央のメイン コンテンツが使用可能な領域に収まるように伸びます。

スクロール ビュー

スクロール不可のビュー

例

次の画像は、レスポンシブで最適化されたアプリの例を示しています。