イラストのテイストの選び方：LPで浮かない配色と余白

LPのイラストには、はっきりした役目があります。使ってみる前から、製品がどんなものかを具体的に思い描いてもらうことです。イラストのテイストもその役目の一部。あとから上に着せる衣装ではありません。

UIの密度に合わせる

製品が情報の詰まったダッシュボードなら、スクリーンショットの横ににぎやかな3Dの場面を置くと、互いにぶつかります。実際のUIの隣には、たいてい落ち着いた、フラット寄りのテイストのほうがなじみます。

3Dが正解になるのは、製品にもともと手に取れるモノやおもちゃのような個性があり、スクリーンショットの横のフラットな絵では物足りなく見えるときです。

子ども向け、SNS、ライフスタイルなど遊び心のある製品なら、配色がブランドの色から外れない範囲で、もっと華やかにしてもかまいません。子ども向けの製品には、企業っぽいフィギュア風の3Dより、たいてい絵本風のイラストが合います。

色をルールにする

ブランドの色から2〜3色を選び、イラストにもその色を使います。いわゆる「トンマナをそろえる」考え方です。ボタンに黄色のアクセントを使っているなら、その黄色を服や小物、背景の形に入れましょう。脈絡のない色をもう1色足すのは避けます。

ポーズがもう決まっているなら、新しく生成し直すより、エディターで塗りの色だけ変えるのがおすすめです。

文字の余白を残す

メインビジュアルのイラストは、隅々まで埋めると失敗します。片側を空けるか背景をシンプルにしておけば、グラデーションを重ねなくても見出しがきちんと読めます。

スマホ幅で確かめる

デスクトップでは上質に見える描き込んだ場面も、スマホではただのノイズになりがちです。同じファイルを縮小するのではなく、スマホ用のメインビジュアルはトリミングする、要素を減らす、もっと寄った構図に替える、のどれかで対応しましょう。

汎用のイラスト素材は、この確認でつまずきがちです。ほかのサイトでもよく見かけるメインビジュアルより、製品の隣にしっくりなじむオリジナルのイラストのほうが、ずっと伝わります。