ワイヤーフレームとは「サイトの設計図」です。
サイトを作成する前に「何を・どこに・どのように」画面に配置するかを明らかにする事で、実際の作成作業をスムーズに進める事が出来ます。また複数人で作業する場合やクライアントとデザインイメージを共有する場合にも必要になってきます。
デザインルールの一例
- ワイヤーの段階で色を入れない
- ファーストビュー(高さ700px前後)を意識する
- 複数ページの場合、ヘッダー、ナビゲーションは基本的に全ページ共通
今回は既存サイトを元にワイヤーを作成していきます。
https://www.justinmind.com/www.justinmind.com