あらゆる画面サイズに対応する
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。

Wear OS のすべての画面サイズにおけるエクスペリエンスの最小品質基準
Wear OS に適したアプリを作成するための最初のステップは、アプリをすべての画面サイズに対応させることです。つまり、さまざまなターゲット画面サイズでアプリをテストし、明らかなバグを特定して修正します。
この段階では、アプリのレイアウトは理想的ではないかもしれませんが、視覚的や操作上の明らかな問題はなく、ユーザーはすべてのタスクフローを完了できます。

注意すべき一般的な問題
- 上下の余白、左右の余白に関する問題
- テキスト、ボタン、その他のコンポーネントのクリップ
- コンポーネントの不適切な適応
- UI 要素のスケーリングに一貫性がない
check_circle
ベスト プラクティス
画面サイズ全体でアプリに明白なバグがないことを確認します。
cancel
注意すべき点
- 配置や間隔が不適切。
- UI コンテンツを比例的にスケールアップします。
次のステップ: レスポンシブで最適化
レスポンシブで最適化されたアプリは、さまざまな画面サイズに自動的に適応するレスポンシブ レイアウトを利用して、ユーザーに付加価値を提供し、生産的で魅力的なユーザー エクスペリエンスを提供します。
始める
このページのコンテンツやコードサンプルは、コンテンツ ライセンスに記載のライセンスに従います。Java および OpenJDK は Oracle および関連会社の商標または登録商標です。
最終更新日 2025-07-27 UTC。
[null,null,["最終更新日 2025-07-27 UTC。"],[],[],null,["# Be ready for all screen sizes\n\nA minimum quality bar for experiences across all screen sizes on Wear OS\n------------------------------------------------------------------------\n\nThe **first** step in creating a great app for Wear OS is making your app ready\nfor all screen sizes. This means testing your app across a range of target\nscreen sizes and identifying and fixing any obvious bugs.\n\nAt this stage, your app's layout might not be ideal, but the app doesn't have\nobvious visual or interaction issues, and users can complete all task flows.\n\n\nCommon issues to look out for\n-----------------------------\n\n- Issues with top, bottom, and or side margins\n- Clipping of text, buttons, or other components\n- Improper component adaptation\n- Inconsistent scaling of UI elements\n\ncheck_circle\n\n### Best practice\n\nCheck to make sure your app has no obvious bugs across screen sizes. \ncancel\n\n### Watch out for\n\n- Awkward alignments or spacing.\n- Proportionally scaling up the UI contents.\n\nNext step: responsive and optimized\n-----------------------------------\n\nApps that are **responsive and optimized** utilize responsive layouts that\nautomatically adapt to different screen sizes, offering some additional value to\nusers and providing a productive, engaging user experience.\n\n[Get started](/design/ui/wear/guides/foundations/larger-screens-optimized)"]]