こんにちは、コンスキです。
前回でTOPページのデザインカンプ作成が一通り終わったので、今回から次のページに移ろうと思います。
次のページは「園について」というページです。
ヘッダーを複製しておく
メインビジュアル以外のヘッダーはどのページも全く同じにするつもりです。
それぞれのページのデザインカンプを作るときに、毎回コピーアンドペーストするのは大変だと思うので、最初に一気に複製しておきます。
![](https://konsuki.com/wp-content/uploads/2021/07/image-107-878x1024.png)
上の画像だとちょっと小さくてわかりづらいですが、どのページも下のヘッダーが複製されています。
![](https://konsuki.com/wp-content/uploads/2021/07/image-108.png)
写真を入れる
TOPページのデザインカンプと同じように、まずはワイヤーフレームに具体的な写真を入れていきます。
![](https://konsuki.com/wp-content/uploads/2021/07/image-112.png)
![](https://konsuki.com/wp-content/uploads/2021/07/園について-–-1-1.png)
ベースカラーを塗る
サイト全体の印象を決めるベースカラーを塗っていきます。
ベースカラーはこちら↓です。
![](https://konsuki.com/wp-content/uploads/2021/07/image-117-1024x322.png)
![](https://konsuki.com/wp-content/uploads/2021/07/image-120-878x1024.png)
フッターも複製しておく
今頃気がついたのですが、ヘッダーだけじゃなくて、フッターも複製しておいた方が良かったです。
![](https://konsuki.com/wp-content/uploads/2021/07/image-122.png)
残りのページに複製しておきます。
![](https://konsuki.com/wp-content/uploads/2021/07/image-121.png)
コメント