リスティング広告をはじめとしたインターネット広告や、自社のウェブサイトなどで使用するバナーはユーザーにクリックされてはじめて価値が生まれます。では、ユーザーにクリックされるためにはどうしたら良いのか？バナーを制作する上で皆さん意識されるかと思います。
そこで、今回はバナーデザインにおける「文字」の調整方法をメインに、ユーザーに伝わりやすいバナーをデザインする10のポイントについて説明していきたいと思います。

要素を「揃えること」でデザインにまとまりをもたせ情報を見やすくし、「強弱をつける」ことでユーザーの目を引き付けます。
この2点を意識しながら、右記の素材を使用して実際に制作を進めていきましょう。

まず、バナーに掲載したい文字を全て配置してみましょう。

その次に、この中でどの情報を一番伝えたいか、どの情報がユーザーにとってメリットのある情報なのかを考え、目立たせたい文字の優先順位を決めます。

先ほど決めた優先順位をもとに、視覚的に優先順位の違いがわかるよう文字の大きさを変えて強弱をつけていきます。

人の視線は左から右に移動するので、文章を読ませることを目的としたコンテンツを作成する場合は左揃えることがセオリーです。しかし、ユーザーに読ませるほどのテキストを配置することは、バナーを作成する上であまり考えづらいです。

背景画像と文字だけで構成するバナーを作成する際には、「中央揃え」がおすすめです。
中央揃えは全体がシンメトリー（左右対称）になるので安定感が生まれ、デザインとしての一体感を出しやすくなります。

文字の大きさを変えてだけでは、まだ単調な印象です。
文字要素によって文字の後ろに背景色を敷く、上下に線を引くだけでも要素間にメリハリが生まれます。

背景を敷いた文字や、白抜きにした文字は他に比べて目に留まりやすくなるので、全体の構成に合わせて文字の大きさを再調整します。
ここで色を付けると配色とレイアウトの両方で悩んでしまい、余計に時間がかかってしまう場合もあるのでモノクロのまま進めていきます。

フォントはデザインの印象を決める大事な要素です。
選ぶフォントによってユーザーに与わる印象が変わってくるので、どういったユーザー層に訴えたいのか、どのような印象を与えたいのかによって使いわける必要があります。

今回は旅の楽しさを演出するためにポップな印象のゴシック体のフォントを選びました。
ひとつのデザインの中でたくさんの種類のフォントを使うと散漫な印象になってしまいますが、要素によってフォントを変えることで、メリハリが生まれより魅力的なデザインになります。

インターネット上には商用無料で使える美しいフォントを多数ダウンロードできます。
今回の例題では、下記のフリーフォントを使用しています。

■明朝フォント：はれのそら明朝
http://fontopo.com/?p=377

■ゴシックフォント：M+FONTS
https://mplus-fonts.osdn.jp/about.html

色はデザイン全体の印象を決める大事な要素です。
バナーのリンク先のページの色に合わせる、伝えたい内容のテーマやイメージに合った色を選ぶなどでメインの色を決めます。

今回は旅の華やかさを演出するためにピンクをメインカラーに選びました。
鮮やか過ぎる色は他の要素に比べて悪目立ちし過ぎる場合があるので、使用する写真等の素材と調和のとれたトーンの色を選ぶことがポイントです。

デザインがまとまったところで、より魅力的になるよう少し手を加えてみましょう。

例題では楽しげな印象にするために「ボリビアで～」という文言をアーチ状にし、「クイズに～」の要素を斜めにすることでデザインに動きを出しています。
また「プレゼント」キャンペーンなのでピンク色の帯をリボンのデザインに変更し、空の色も明るくました。