ブログヘッダーに手描きイラストを使うコツ｜サイズ・構図・依頼のポイント

大事な要素は中央に#

ブログヘッダーは、スマホとパソコンで表示のされ方が変わることがあります。

PCだと、横長のヘッダーエリアに引き伸ばされて表示されます。
スマホだと、いくつか選択肢があります。
・スマホの横幅に合わせて縮尺される
・中央部分が中心に表示される
・スマホ用画像を別に設定する

そのため、ヘッダー用イラストを作るときは

• キャラクター
• タイトル
• 重要な要素

を 中央付近に配置するのがおすすめです。

端に重要な要素を置くと、
スマホ表示のときに 切れてしまう可能性があるからです。

ヘッダーの縦横比を意識して#

ブログヘッダー用のイラストを描く場合は、
ヘッダーの縦横比に近い形で描くと使いやすくなります。

例えば、ヘッダーサイズが「1600 × 300px」の場合、縦横比は「16 : 3」になります。

この比率に近い横長の構図でイラストを描くと、そのままきれいに使うことができます。

もし通常の紙（A4など）に描く場合でも、
最初に横長の枠を軽く描いてからイラストを描くと
ヘッダーに合わせやすくなります。

タイトルをどこに入れるか考える#

ブログヘッダーには
ブログタイトルやキャッチコピーを入れることが多いです。

タイトルの入れ方には、主に3つの方法があります。

画像サイズを調整#

画像編集ソフトで

• 画像ヘッダーサイズに合わせる
• 余白・不要な部分をトリミング

をします。

ここで重要なのは縦横比を変えないことです。

縦横比を変えると

• イラストが伸びる
• イラストがつぶれる

原因になります。

明るさ、コントラスト、文字の調整#

パソコンやスマホの画面上でイラストがみにくい場合は、
画像編集ツールで調整をします。

• 明るさを調整
• コントラストを調整

これだけでもイラストが見やすくなります。

ツールの例

• Canva
• Photoshop
• Procreate

初心者には Canva が扱いやすいです。

画像にタイトルなど文字を入れたい場合はここで入れておきましょう。
イラスト内の色と文字の色を揃えると、統一感が出ます。