株式会社クラフアーク

山形 "地域密着型" ホームページ制作・Webコンサルティングサービス

  • 受付時間 月~土/9:00~18:00 TEL:023-600-7950

INFORMATION

レスポンシブデザインって?

2018年07月11日

「レスポンシブデザイン」 ホームページ制作で良く耳にする言葉です。
そこで本日はかんたんにご説明させて頂きます。

例えばパソコン専用のホームページをスマホで見た場合文字が小さくて見づらくありませんか?
レイアウトが崩れてなんだかわからないとこありませんか?
その場合、通常はスマホ専用ページを制作するのですがホームページを2つ制作すると…。
まずコストがかかります。更にホームページが2つになるということは管理するページも2つに。
画像もパソコン用とスマホ用の2種類用意しなくてはいけないなんてことも!!

それらを解消するのが「レスポンシブデザイン」です。
パソコン、スマホ、タブレット…。ホームページが画面の大きさによって自動的に最適化されます。
言葉よりも実際の画面を見ていただいた方がわかりやすいかと思います。
 
パソコンで普通に見た時です。
pc
 
パソコンのブラウザを小さくしてみました。
すると自動的に画面サイズに合わせてレイアウトが最適化されます。
pc11
 
スマホで見た画面です。
電話番号に注目して下さい。
クリックで通話できるように電話番号がボタンになっています。
pc111
 
サンプルページをご用意しましたので実際にお試しいただけます。
ブラウザの右上のボタンで画面サイズを変えてみてください。

このように表示画面によって最適化されるホームページを「レスポンシブデザイン」と言います。
ただし、スマホ専用ページに比べデザインの自由度はどうしても低くなってしまいます。
ご相談いただければ「スマホ専用ページ」「レスポンシブデザイン」の利点・欠点など適切なアドバイスもさせていただきます。