事例紹介サービスブランディング構築ホームページ制作ロゴデザインパッケージデザイン会社案内・パンフレットブログFAQお問い合わせ採用プレオ日誌blogレスポンシブwebデザインのメリット・デメリットhtml・csswebデザインホームページホームページ制作基礎知識2017.05.23こんにちは、フロントエンドエンジニアの岡田です。最近じんわり暑くなってきましたね。今回は、レスポンシブwebデザインについてメリット・デメリットを含めご紹介したいと思います。レスポンシブwebデザインとはレスポンシブwebデザインとは、PC、タブレット、スマートフォンなど異なる画面サイズでサイトを表示した際に、画面サイズに応じてレイアウト・デザインを調整するホームページ制作の手法です。様々なレスポンシブwebデザインレスポンシブwebデザインで制作されたサイトを紹介しているサイトです。PC・タブレット・スマートフォンそれぞれのレイアウトが一目で見れたり、カテゴリー分けされており数多くのサイトが紹介されています。MagazineレスポンシブwebデザインのメリットHTMLファイルが同じなので管理・メンテナンスが楽になるPCとスマートフォンで別々のファイルを作るのではなく、1ファイルで制作できるため、制作後に共通の画像変更・修正を行う場合は作業時間を短縮することができます。基本的に各デバイスで同じコンテンツを使用するため、ユーザーが混乱せず閲覧することができます。URLを統一できるURLを統一しておくことで、1つのページに情報がまとまっているのでユーザーが簡単にコンテンツを共有・閲覧できます。レスポンシブwebデザインのデメリット通常より工数がかかるPC、タブレット、スマートフォンと多くのデバイスに対応させるため、切り替えるレイアウトごとに複数のデザインを制作したり、PCだけのページより構築が複雑になったり、各デバイスでチェック作業が必要になったりと、通常より工数がかかります。場合によってはサイトが重くなるPCとスマートフォンで同じファイルを読み込むため、PC用にサイズの大きい画像を使用していた場合、スマートフォンでも同じサイズの画像を読み込むことになります。そのため、サイズの大きい画像を複数使用している場合、スマートフォンでのサイト表示が遅くなってしまう場合があります。今回はレスポンシブwebデザインについてご紹介しました。制作するサイトの内容やユーザーの利用状況によっては、レスポンシブwebデザインよりもPCとスマートフォンでサイトを分けて制作したほうがいい場合もあります。PREODESIGN。