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

「横幅何ピクセルにしようかな?」 地味に困ることありませんか?そんな時に役立つデザインの横幅の基準をご紹介します!
よろしければこちらもご覧ください

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

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

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

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

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

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

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

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

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

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

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

記事の続きを読む

よろしければこちらもご覧ください
この記事が役に立ったらシェア!
メルマガの登録はこちら Web担当者に役立つ情報をサクッとゲット!
メルマガの登録はこちら Web担当者に役立つ情報をサクッとゲット!

Web業界の転職情報

もっと見る
Sponsored by

今日の用語

ビジネスエスノグラフィ
ユーザー中心設計/人間中心設計における、ユーザー調査の方法論の1つ。 ユー ...→用語集へ

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

インフォメーション

RSSフィード


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

data-sprite-position-y="250" data-image-original-width="200" data-image-original-height="125">株式会社ブレインパッド株式会社サイバーエージェント株式会社フレームワークスソフトウェア
[SPONSOR]
株式会社キノトロープ株式会社アイレップユーザーグラム富士通株式会社Sitecore株式会社ミツエーリンクス