プール背景の夏らしいページデザイン

アイキャッチ

最初に、今回仕上がったデザインはコチラ!

今回はこのような雑誌の1ページのようなデザインを作成してみました。
では早速、どのようにしてこのデザインが出来上がったのか、解説します!
ダイジェストのショートムービーはこちらにアップしていますので、
良かったら見てみてください!

デザインのつくりかた

step1 まずは原稿を配置していく

こちらが今回の原稿(word形式)です。
タイトル、リード、BEST1-5までの5コンテンツ、最後にまとめ、
という構成です。
この原稿をまずはアートボードに置いていきます。
今回のサイズはA4、エディトリアル想定ですがIndesignではなくIllustratorにて作成します。

このような形で配置しました。
タイトル、リード、Best1を大きく扱って、その下にBest2-5が2段で入ります。
再下段にまとめのコラムを入れる構造です。

adobe stockから背景のパターンを購入

作らないのか!と思われるかもしれませんが、使えるものは使います。
デザイン素材は良いものを使用すれば、自分で作るより良いものが出来上がりますし、
何より時間の短縮になります。
ブログ上は1案しか作成していませんが、現実では数ページを同時進行で、2-3案づつ作成します。
一つづつ手作りしていては間に合いませんので、
ライセンス上問題ないのであれば月10点まで無償で使用できるので、使用するのが良いと私は思います。

今回使用させていただいたのは、adobe stockより作成者 HuAさんの「シーグリーンな水面のシームレスパターン」になります。

この素材の色を少し変更し、文字を読みやすくして、パターン化してから枠の中に敷きます。

こんな感じで入ります。白縁と、背景に仮でベージュを入れています。
背景には自作のタイル柄を追加し、プールの影をつけました。
これでページの背景は完成です。

タイトル部分の作成

次にタイトルを作成していきます。
実際はここで30分くらい迷ってしまいましたが、このようなデザインにすることにしました。

リードの下にはコースロープを模した罫線を追加しています。
文字はそのままだと読みづらいので、影を追加しました。

まとめ部分とBEST2-5までのコンテンツを制作

サイズが固定されている、まとめやBEST2-5までのデザインを作成していきます。
BEST1から作成してもよいのですが、より条件が悪い(BEST2-5は2段組で、かつBEST1の縦幅より大きくできないため、条件が多いのです)BEST2-5を作成して、残りの部分をBEST1に回すことにしました。

あとはBEST1を余白部分に作成して完成です。

BEST1の枠を作成して完成

最後にBEST1を作成しました。
1位とわかりやすいように、王冠のアイコンを追加しています。
今回はこれで完成です。
読んでいただきありがとうございました。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です