ワイヤーフレーム

ワイヤーフレーム（デザインカンプ）とは

WEBサイトのレイアウトデザインのこと。
まず、何をしたいのか？を明らかにして、パーツを決める。時間をかけずにすり合わせることが大切。
※イラスト・ピクトグラム・アクセスMAPなどはまだ作らない。配色も入れない。白黒で配置をする。

フォントは目立たないものを使って、デザイン要素は抜く。配色の72：25：5などはあとで考える！

サイトマップも同時に考える。

お見積りもこの段階で。作業ボリュームは明確にお客さんに見せる（サイトマップやSEO調査結果など）と見積もりに役立つ。SEO関連はSEOチェキで検索。

お客さんに見せる横幅は、ニュートラルだが暫定的に1280px（背景含む横幅）。
中身の部分は960px。（つまり余白は320pxなので左右に160px）

因みに、楽天の横幅は960-980pxが推奨されている。また、スマホ対応していないサイトでも980pxまでならiPhoneでピタッとはまって表示され、それ以上だと崩れる。
更に、PCは1366x768pxが最も出荷台数が多い（統計）。

iPhone5/SE？（一番小さい機種）は横幅320px。これを基準にしてx3,x4て覚えとくとわかりやすい。

ファーストビューに何を入れるか？がとーーーーっても重要。