間隔/グリッド デザインシステム

コンテンツや画面が変化しても、レイアウトのリズムを一定に保ちます。

7 個の確認項目 · 2 個のグループ
チェックリストの内容

確認の進捗

01

構造と意味

使用状況に応じて情報とプレゼンテーションを比較します。

02

インタラクションとユーザビリティ

操作を試し、ステータスを変更して作業を続行します。

進捗はこのブラウザーに自動保存されます。

ガイド

確認方法

01

共通の距離セットを使用する

要素内の間隔とページセクション間の間隔を区別します。

使用例

使用例

共通の距離セットを使用する

ラベルと入力ボックスは近くにあります。 2 つの設定グループには大きなギャップがあります。

チェックリストを検索