レスポンシブデザイン

意味

レスポンシブデザインとは、画面の大きさに応じてレイアウトや要素の並びが自動的に組み替わる設計手法を指す。同じ内容を、パソコンでもスマートフォンでも見やすい形で届けることを狙う。

端末ごとに別々のページを用意するのではなく、一つの設計で複数の環境に対応させる点に特徴がある。可変の余白や折り返しによって、幅の違いを吸収する。

ブランドの観点では、どの端末でも崩れずに一貫した見え方を保つことが識別を支える。表示環境が変わっても「らしさ」が損なわれない状態が求められる。

成り立ち

画面幅に「反応する（responsive）」という語に由来する設計の考え方で、多様な端末での閲覧が一般化するなかで広く採られるようになった。

使いどころ

多様な端末での閲覧を前提に、単一の設計で表示を最適化する方針を示すときに用いる。端末ごとに別ページを持つ設計との対比で語られる。