お問合せ株式会社ジェイコス
TEL 03-5428-8733

Webコンサルティング会社、首都圏(東京)を中心に戦略的なホームページの制作、Webマーケティングをご提供

Webコンサルティング.jp HOME > Blog Top > 今さら聞けないWebデザイン。レスポンシブWebデザインって、なに?

Profile

通称:株式会社ジェイコス
誕生日:2005年4月1日
出身地:三軒茶屋
現住所:麹町
職業:Webコンサルタント

2013年6月24日

今さら聞けないWebデザイン。レスポンシブWebデザインって、なに?

【読了2分】
20130624f.jpg


レスポンシブWebデザインは、PC、タブレット、スマートフォンなどの異なる画面サイズで見た際にページのレイアウト・デザインを柔軟に調整することを指します。

レスポンシブWebデザインでは、1つのHTMLファイルをCSS3で制御し、異なるデバイス毎に対応させページのレイアウト・デザインを調整します。



■ メリットはこんな所

・運用更新がラク!
 1つのHTMLファイルで対応できます


・デバイス毎に情報誤差がない!
 スマホだからってページが少ない、という事がないです。


・URLは一緒!
 デバイス毎に/sp/などURLが変わることがない、です。



■メリットばかりではないデメリットもある

・初期構築時の設計がもの凄く大事
 共通のパーツを使ったりするので、全てが同時に進行します。
 手を抜いたら痛い目にあいます。


・ページが重くなってしまうことも
 共通のHTMLですのでPCを基準にしてしまうと、どうしても携帯で閲覧する際に重くなってしまう危険性があります


・そもそもスマホとPCじゃユーザー層が違う
 メンテがラクだが、そもそもユーザー層が違うので見た目も構成も情報も本来は別々に作ったほうがユーザーと向き合っているともいえます。。。



■イメージはこんな感じ

20130624a.JPG


初期構築段階で、どうルールを決めるかよく考えて設計します。



■最後にどんなサイトか見てみないとわからないからサイト紹介する


20130624b.JPG



20130624c.JPG



20130624d.JPG



20130624e.JPG




"簡単にまとめ"

・レスポンシブはメリデメがはっきりとある!
・簡単にできるものではない
・運用軽減の為、初期負荷を選択する

と、すごく簡単にまとめるとこんな感じでしょうか。
クリエイターとよく相談して使いましょう。


Webコンサルタント 佐藤司 →facebookアカウント別ウインドウリンク



Photo by SOCIALisBETTER



trackbacks

trackbackURL:

Recent Entries

  1. 【あなたにピッタリのサービスがわかる】スマホでお得にエンタメ動画を楽しもう~全ての動画配信サービスを視聴してみた!~
  2. 個人の居酒屋もカフェもレストランもクレジットが安価に簡単に導入できる~ビジネスチャンスが広がる"モバイルクレカ"比較まとめ~
  3. 驚異の6秒動画プロモーション「Vineを活用した8つのキャンペーン事例」をご紹介!
  4. "スモールビジネス"LINE@活用法~PR戦略成功事例をご紹介!~
  5. 企業の存続危機に発展するかも!?Twitter炎上事例からわかるリスクの実態とその対策
  6. 注目のオウンドメディア100サイト「訪問者」ランキング!~Webマーケティング戦略に勝利したサイトはどれ?~6/6
  7. 注目のオウンドメディア100サイト「訪問者」ランキング!~Webマーケティング戦略に勝利したサイトはどれ?~5/6
  8. 注目のオウンドメディア100サイト「訪問者」ランキング!~Webマーケティング戦略に勝利したサイトはどれ?~4/6
  9. 注目のオウンドメディア100サイト「訪問者」ランキング!~Webマーケティング戦略に勝利したサイトはどれ?~3/6
  10. 注目のオウンドメディア100サイト「訪問者」ランキング!~Webマーケティング戦略に勝利したサイトはどれ?~2/6