折りたたみ式のデザイン: 姿勢、ウィンドウのサイズ、ジェスチャー

姿勢

Android の開発者向けドキュメントでは、折りたたみ式のさまざまな姿勢について説明しています。折りたたんだ状態、平らに開いた状態、横向きに回転させた平らな状態、およびテーブルトップとして知られる半分開いた状態です。折り目は、1 つの画面の柔軟な領域として、または 2 つのディスプレイ間のヒンジとして、画面を 2 つの部分に分割し、ディスプレイの一部を隠す可能性があります。

ウィンドウ サイズ クラスによる設計

Android は、特定のデバイスをターゲットとするのではなく、利用可能なスペースをウィンドウ サイズ クラスにグループ化します。コンパクトな幅 (600 dp 未満) で、縦向きのほぼすべての携帯電話をカバーします。中程度の幅 (600 ～ 840 dp) は、縦向きではほとんどのタブレットをカバーし、縦向きでは展開した大きな内側ディスプレイの多くをカバーします。拡張された幅 (840 ～ 1200 dp) は、ほとんどのタブレットと横向きに展開された大型ディスプレイをカバーします。大規模クラスと特大クラスは、より大きなタブレットとデスクトップをカバーします。

折り目を使用したレイアウト

よくあるパターン:

• 折りたたみ: 通常の電話機のレイアウト。
• オープンフラット: リスト詳細または 2 つのペインのレイアウトで、各ペインが折り目の片側にあります。
• テーブルトップ: 上半分にビデオなどのコンテンツ、下半分にコントロール。
• ボタン、テキスト行、または面を折り目を越えて配置しないでください。

連続

誰かがタスクの途中でデバイスを広げたとき、アプリは元の場所から継続する必要があります。同じスクロール位置、同じ下書き、同じ再生です。折りたたみと展開を再起動ではなくレイアウトの変更として扱い、コンテンツが移動した場所をユーザーが追跡できるように遷移をアニメーション化します。

ジェスチャーとリーチ

画面を広げた状態が大きくなると、親指の届く範囲が変わります。頻繁に操作するコントロールを手を置く端の近くに配置し、システム ジェスチャと競合するエッジ スワイプを避けます。ここでも物理ベースのモーションが役に立ちます。バネでスライドして固定されるガラス板により、姿勢間の変化が不快ではなく自然に感じられます。