4.3 応答デザイン

応答 Web デザインとは、Web ページをあらゆるタイプのデバイス - デスクトップ、タブレット、携帯電話 - で見栄え良くすることです。どの画面サイズであっても見やすく、ユーザー・エクスペリエンスが良いものにするためには、Web ページの異なるセクションを非表示にしたり、サイズ変更 (縮小または拡大) したり、移動したりする必要があります。

サイズが変更された画面に合わせて、すべてが収まるようにページ上のエレメントを並び替えたり、比を使って縮小させたりすることは可能ですが、それに伴う欠点もあります。大画面用にデザインされたものを小画面に納めてしまおうとしたり、その逆を行うことが常にベストのソリューションであるとは限りません。モバイル環境におけるベスト・プラクティスには次のことが含まれます。

最終的にデザインは自由に決められますが、次のようなツールを使うことで実装がより容易になります。

4.3.1 レイアウト

4.3.2 デザイン