01　バナー作成講座　まずは基本のサイズとフォント設定

作成する前にバナーのサイズ・種類を覚えよう

バナーには、よく使うサイズがあらかじめ決められています。

広告バナーには正方形のもの、正方形の変形、縦長、横長といくつか種類があります。

また、フロントページ（トップページ）などにある目を引く大型のキャンペーンバナー。スクリプトなどを使ってスライドショー（フェードイン・フェードアウト）になっていたり、カルーセル（画像が右から左に移動するもの）などがあります。

大きめのキャンペーンバナーは迫力があるので、ポートフォリオなどには向いていますね。

ただ広告バナーで一番人気のサイズは、レクタングル 横300ピクセル 縦250ピクセルのサイズです。これは、Google広告（アドセンス）に採用されてからブログなどのサイドバーで非常によく見かけるサイズです。

あとは、サイズ感が大きくて目にとまりやすい 横728ピクセル 縦90ピクセルが人気です。またその変形として横728ピクセル 縦幅が異なるのも多いです。

縦に長く取る スカイクレーパーも根強い人気で、ブログなどのサイドバーでは、レクタングルとスカイクレーパの変形などがよく見かけます。

フォントの準備もしておこう

バナーは、限られたスペースの中で効果的なコピー・キャッチフレーズ・目に留まる文章　が必要です。内容ももちろんですが、素晴らしいキャッチーなコピーでもそれを表示するフォント（書体）がうっすらとしていて、目立たなかったら目を惹きません。また、これでもか！という感じの強いフォントや、文章に合わないフォントでは、ユーザーに伝わりずらい内容になります。内容とフォントをマッチングさせたバナーを作成していきましょう。

PROCLASS BLOG

【現役デザイナーが厳選】Adobe Fontsで使える！おすすめ日本語フォント10選 | PROCLASS BLOG こんにちは。 プロクラスの中本です。 ついに今年も残り約１ヵ月となり、あっという間に年の瀬が近づいてきましたね。 日に日に寒くなり、手足が冷える季節となりました。 …

Adobe Fontsをアクティベート

Adobe fontsでは、Creative Cloud サブスを利用しているユーザーのために、多くのフォントをアクティベートして使うことができます。アルファベットフォントに限らず、日本語フォントも多く利用できます。また書体のメーカーである「モリサワ」「凸版印刷」「大日本印刷」などのフォントも幅広く利用することが可能です。

Adobe Fonts

Adobe Fonts Adobe Fonts partners with the world’s leading type foundries to bring thousands of beautiful fonts to designers every day. No need to worry about licensing, and…