密度、グリッド、スペース

ディスプレイ画面の解像度（SR）を画面の横幅（SW）で割ると、密度を求めることができます。

SR（画面の解像度） ÷ SW（画面の横幅） = D（密度）

• 画面解像度（SR）の単位はピクセルです。
• 画面の横幅（SW）の単位はインチです。
• 密度（D）の単位は、インチあたりのピクセル数（PPI）です。

たとえば、小型の円形デバイスの密度は、次のようになります。

480ピクセル ÷ 2.5インチ = 192 ppi

Alexaのデザインでデバイス間での密度の独立性を維持するためには、標準的な密度の分類が使われます。分類は、デバイスの密度（PPI）によって決まります。

密度を使うことで、画面インターフェースの物理サイズに依存しないユーザーエクスペリエンスを実現できます。この密度の独立性により、歪みや想定外の大きさになることなく、さまざまな密度の画面で一貫したユーザーエクスペリエンスを提供できるようになります。

密度の独立性を確保するには、以下のベストプラクティスに従います。

• px（ピクセル）の値ではなく、dp（密度に依存しないピクセル）値を使用します。
• レイアウトにパーセンテージ値を使った動的なグリッドを定義し、利用します。
• ベクター形式の画像を使い、ユーザーエクスペリエンスを表示する各画面の密度に応じた最適な倍率と描画を行います。

グリッドとスペースは、画面サイズや視聴距離にかかわらず視覚的な一貫性と調和を実現し、すべてのエンドポイントで洗練されたデザインを可能にします。

ガター（図のピンクで示した部分）は、カラム間のスペースです。ガターのサイズはデバイスモードの視聴距離によって決まります。遠くからの視聴を想定しているコンテンツの場合は、コンテンツのピースを区切って遠くからでも読みやすくするために、大きなガターが必要です。