「サイトアフィリ向けのページを作るデザインのポイント」の画像編です。
アフィリエイターさんの中で、
有料の画像作成ソフトを使って作成をされている方は
少ないように思います。
多くの方が
JtrimやGIMPといった無料ソフトを使っているのではないでしょうか？
これらのソフトでも十分画像の作成はできます。
が、問題は「デザイン」だと思います。
●メニューの文字数とバナーのサイズ
やっぱりここでも大事なのが「余白」です。
矩形と文字のバランスが大事だということです。
サイドメニューを画像にする場合、
設定した幅に合わせなくてはいけません。
メニュー名によってはその幅に収まらない！
そんな場合は、
テキストの大きさは一番文字数の多いメニュー名にあわせる。
これが鉄則です。
サイドメニューの幅が200pxの場合
メニュー画像の幅は200px以上にはできません。
必然的にその大きさに収まるフォントサイズを選ぶことになります。
そこで、プロのテクニックは
・文字の間を狭くする
・文字の横幅を狭くする
文字サイズは縦横100%の比率ですが、横を95～80%にしてやると
収まる場合もあります。
が、どうしても収まらない場合は
メニュー名を2行で表示しましょう。
メニューの矩形の高さを高くすればOKです。
●余白
画像作成でも重要になるのが「余白」です。
矩形と文字までの間には余白を取るようにしましょう。
そのほうが文字も読みやすく、
すっきりしたデザインにみせることができます。
余白の目安は上下左右共に3～5pxくらいです。
●文字の位置
これは好みの問題ですが、
矩形に対して文字を入れる場合。
左メニューとしてのバナーの場合は、
文字は左寄せにするほうが、安定したデザインになります。
矩形の左端が揃っていることで
安定した状態なのですが、
文字だけをセンタリングされてしまうと
せっかく揃っていた端が揃わなくなるため、
バランスが崩れ不安定な印象を与えてしまいます。
但し、メニューと異なるアフィリエイトリンクのバナーなどの場合は、
テキストをセンタリングさせることで
「属性」が異なるものとしてみせることができます。
画像の場合は実例がないとちょっとわかりにくいかもしれませんね～。
見本なども作って、近日中に無料レポートにして
まとめてみたいと思います。(*^^*) アーティクルリソース：http://www.infomake.org/
| 
