Webサイトデザインの横幅何ピクセルにしよう?の悩みを解決するお役立ち記事まとめ&事例9選

「横幅何ピクセルにしようかな?」 地味に困ることありませんか?そんな時に役立つデザインの横幅の基準をご紹介します!
※この記事は読者によって投稿されたユーザー投稿のため、編集部の見解や意向と異なる場合があります。また、編集部はこの内容について正確性を保証できません。

サイト制作をする時、Webサイトの横幅は何を基準にされていますか?

デザインをはじめる時にアプリケーションを開いてまず思う事、
「横幅何ピクセルにしようかな?」
地味に困ることありませんか?

ディレクターに、渡される指示書にはサイトの横幅の記載がない
デザイナーにサイトの横幅を聞かれたけど決めてなかった!

今回はそんな時に役立つサイトと、
参考にするために実際にいくつかのサイトの幅を調べてまとめました。

目次================================
デザインの横幅を決める際に参考になる記事
大手サイトの横幅を参考にする
ブログ系サイトの横幅調査
調査結果
最終的に横幅はどうするべきか
おまけ
===================================

デザインの横幅を決める際に参考になる記事

Webサイトの横幅を決める時、何を参考にすればいいかわからない!
そんなときにまず参考にしたいサイトはこちら。

デザインは8の倍数でできている|1 pixel|サイバーエージェント公式クリエイターズブログ

Webサイトを作成する時には、いろいろな種類のサイズのボックスや余白などを作ると思います。その時に、多くのサイズに対応できるのが8の倍数であり、8の倍数でデザインすると作りやすくなる、という主旨の事が書いてあります。

大手サイトの横幅を参考にする

2014年7月までの大手サイトの横幅をまとめたサイトです。190の企業や組織のサイトの横幅が業種ごとに一覧になっています。

記事の続きを読む

この記事が役に立ったらシェア!
みんなが読んでるWeb担メルマガで、あなたも最新情報をチェック
  • SEOやデジタルマーケの最新情報をゲット
  • 事例やインタビューも見逃さない
  • 要チェックのセミナー情報も届く
みんなが読んでるWeb担メルマガで、あなたも最新情報をチェック
  • SEOやデジタルマーケの最新情報をゲット
  • 事例やインタビューも見逃さない
  • 要チェックのセミナー情報も届く

Web業界の転職情報

もっと見る
Sponsored by

今日の用語

EFO
申し込みフォームの入力完遂率を高めるために、フォームを改善する施策のこと。 ...→用語集へ

連載/特集コーナーから探す

インフォメーション

Web担のメルマガを購読しませんか?
Web担の記事がコンパクトに毎週届くメールマガジン「Web担ウィークリー」は、10万人が読んでいる人気メルマガ。忙しいあなたの情報収集力をアップさせる強い味方で、お得な情報もいち早く入手できます。

Web担に広告を掲載しませんか?
購読者数10万人のメールマガジン広告をはじめとする広告サービスで、御社の認知向上やセミナー集客を強力にお手伝いいたします。

サイトマップ
RSSフィード


Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]