【WEBサイト制作】ワイヤーフレーム

■ワイヤーフレームの作成

・枠決めを現段階で決めることで後の作業がスムーズにいく

・ページ内容をまとめた設計図

作成ポイント

・Xdの前に紙に書き出すとスムーズ

・アートボードのサイズ：1366px / コンテンツ幅：1100px

・ガイドライン３本出す

・使用するWPテーマを決めてから始めるといい

・文字サイズ：本文サイズ　16~18px(PC)　14~16px(スマホ)

ページタイトル 30~50px 　サブタイトル　22px

・カラー：白・グレー濃淡

・UI（わかりやすいデザイン）とUX（ストレスのない導線）を意識

・header/footer はシンプルなデザイン

・構成はカスタマージャーニーを落とし込んで考える

・サイト下部はわかりやすさ重視のため事務的（シンプル）にまとめる（BLOG/FAQ）

・余白はコンテンツ上部に対してコンテンツ下　　部は三分の一だと綺麗。

・大雑把すぎるとイメージしずらい

・パンくずリストとトップに戻るボタン忘れがち

・ボタンのデザイン統一した方がみやすい