ホーム › チュートリアル・ブログ › 壁紙のプロンプトの書き方:まず比率を決め、アイコ

壁紙のプロンプトの書き方:まず比率を決め、アイコンと文字の位置を画面に書き込む

デスクトップ壁紙やスマホ壁紙のプロンプトで失敗しやすいのは、絵の出来ではなく、アイコンを並べた途端に画面が散らかってしまうことです。サイト内の16:9、2:3、9:16の壁紙事例を分解し、比率をどこに書くか、余白を誰のために残すか、地平線をどこまで下げるか、暗部をどうまとめるかを解説します。そのまま書き換えて使える壁紙テンプレートも添えました。

16:9の雨上がりの公園の壁紙。地平線がとても低く、曇り空が画面の大半を占め、マフラーのかかった空のベンチが左下に寄っている

壁紙がポスターやイラストと最も違うのは、単独で表示されることがまずない点です。デスクトップにはアイコンが並び、スマホのロック画面には時刻と通知が重なります。絵として完成していても、見せたい部分がそれらに隠れてしまえば、描いた意味がなくなります。そのため、壁紙のプロンプトで解決すべきなのは「何を描くか」ではなく、「画面の外にあるものをどこに置くか」です。

サイト内の壁紙カテゴリにあるこれらの事例は、プロンプトの書き方こそ大きく違いますが、ほぼすべてが先に決めている点が3つあります。画面の比率、余白領域の位置、そして明るい部分をどこに置くかです。以下、この3点に沿って見ていきます。

一、比率は最初の一文に書く。しかも用途に合わせる

濃い赤から黒に沈むグラデーション壁紙は冒頭が in a 16:9 widescreen frame、雨上がりの公園のベンチは 16:9 widescreen wallpaper format、松林に差す光の筋は 2:3 vertical wallpaper-format、葦原のヘラジカは vertical 9:16 frame で始まっています。

これらの数字は適当に書かれたものではありません。16:9 はモニター、2:3 はポスターや一部のタブレットに近く、9:16 がスマホのロック画面です。比率を間違えると、その後の「上3分の1は空ける」といった指定がすべてずれます。同じ「上3分の1」でも、横長と縦長では全く別の場所になるからです。比率をどの一文に置くのが最も安定するかは、画面の比率はプロンプトのどの一文に書くかで解説していますが、壁紙の場合は迷わず最初の一文に置いてください。

二、余白は「少し空ける」ではなく、誰が使うかを指定する

壁紙のプロンプトで最も効果的なのは、余白の用途を言葉にした文です。事例にある実際の表現を挙げます。

用途まで書くのと、negative space とだけ書くのとでは、実際にかなり差が出ます。モデルはそこに後から文字やアイコンが乗ると理解するので、その領域をより平らに、より暗く、ディテールを少なく仕上げます。単に「物が少なめの背景」にはなりません。この考え方はホリデー背景画像と同じで、ホリデー背景画像のプロンプトで解説した copy space の書き方をそのまま応用できます。

余白をどちら側に置くかも考えておく必要があります。デスクトップのアイコンは左上から下へ並ぶのが基本なので、横長の壁紙で安全に使える領域は左側か上側になるのが普通です。スマホのロック画面では時刻が上にあり、通知は上から順に積み重なるため、縦長の壁紙では主体を中央より下に寄せるのが望ましいでしょう。ヘラジカの事例は positioned slightly above center と書かれていて、主体が中心よりやや上に来るため、顔が時計に隠れません。下半分の葦の茎は、通知カードの下地にちょうどよく収まります。

三、地平線をどこまで下げるかで、空に残せる広さが決まる

風景系の壁紙で最もよくある失敗は、地平線を真ん中に置いて空と地面を半々にしてしまうことです。アイコンを並べると、空も地面も隠れてしまいます。雨上がりのベンチでは a low horizon line that hands most of the frame to a heavy overcast sky と書き、地平線をうんと低くして、上半分すべてを曇り空にしています。ベンチは小さく片隅に寄せています。

この画像で本当に価値があるのは、曇り空そのものです。曇りの日には硬い影がなく、空は均一な灰青色の一枚板になるので、アイコンを重ねてもハイライトと色がぶつかりません。これが晴れた日の雲だと、雲の縁がアイコンの文字を細切れにしてしまいます。風景壁紙における天気は雰囲気だけの問題ではなく、余白領域がどれだけすっきりするかを直接左右します。

縦長でも同じ理屈です。松林に差す光の筋では、幹を rising out of the lower quarter and continuing past the top edge と書き、下4分の1から画面の上端の外まで伸ばしています。最後に generous negative space in the upper third を添えています。縦長の余白は上側に取り、幹の垂直線が時刻の数字の背景として目立たずに収まります。

四、明るい部分をどこに置くかは、色そのものより重要

16:9の濃い赤のグラデーション壁紙。最も明るい部分は中心を外した左上に寄り、残りの広い範囲は黒に近い暗さに沈み、アイコンをどこに置いても暗部に乗る

グラデーション系やテクスチャ系の壁紙は、色を入れ替えても成立します。本当に決めるべきなのは、最も明るい一点をどこに置くかです。濃い赤のグラデーションには Position the brightest crimson low and off-center と書かれていて、明るい部分は中心を外しています(仕上がりでは左上に出ており、low とは食い違っていますが、中心を避けることはできています)。ピンクゴールドの大理石では、金箔が pools and flakes low, clustering along the bottom-left quadrant と書かれ、金色はすべて左下に集まっています。

明るい部分が中心を外れていれば、アイコンをどう並べても暗部に乗るので、白いアイコンの文字がはっきり読めます。この規則は「ダークトーンの壁紙」という漠然とした指定より役に立ちます。全体が暗くても、中央に一筋の光があれば、アイコンがちょうどその光に重なって読めなくなるからです。

テクスチャ系の壁紙では、光の角度にも注意が要ります。マットブラックの表面では Low-angle diffuse light skims the plane を使っていて、低い角度の光が表面をなめるように走るので、傷が浮かび上がります。正面から光を当てると、画面全体がのっぺりした黒一色になってしまいます。光の位置が同じシーンをどう変えるかは、家具は一つも動かさず、光だけを変えるの比較を見ると分かりやすいです。

五、そのまま書き換えて使える壁紙テンプレート

A [16:9 / 2:3 / 9:16] [desktop / phone] wallpaper. [MAIN SUBJECT or TEXTURE] sits [low and off-center / in the lower third / slightly above center], occupying no more than a third of the frame. The [upper third / right two-thirds / left half] stays clean and quiet, reserved as negative space for app icons, clock and notification overlays; keep it low in detail and low in contrast. Place the brightest area [low-left / low-right], away from the reserved zone. [LIGHT: soft overcast / low-angle side light / morning light from upper right]. Restrained palette of [2-3 COLORS], subtle film grain, no lettering, no logo, no watermark. High resolution.

日本語訳:[16:9 / 2:3 / 9:16]の[デスクトップ / スマホ]壁紙。[主体またはテクスチャ]を[低めで中心を外した位置 / 下3分の1 / 中心よりやや上]に置き、画面の3分の1を超えないようにします。[上3分の1 / 右の3分の2 / 左半分]はすっきり静かに保ち、アプリのアイコン、時計、通知のオーバーレイのために空けておきます。この領域はディテールを少なく、コントラストを低くします。最も明るい部分は[左下 / 右下]に置き、確保した領域から離します。[光:柔らかい曇天の光 / 低い角度の側光 / 右上からの朝の光]。[2〜3色]の抑えた配色、わずかなフィルムグレイン、文字なし、ロゴなし、透かしなし。高解像度。

よくある失敗

1. wallpaper とだけ書いて比率を書かない。モデルは正方形か4:3を出しがちで、16:9に切り抜くと余白がなくなります。
2. 主体を中央に置く。壁に映る葉の影は、影を left third and lower two-thirds に限定し、右側と上側をすべて空けています。壁紙らしい構図とは、こうした偏りのある配置です。
3. 余白領域にディテールがある。遠くの木、雲の縁、質感のハイライトは、アイコンの文字とぶつかります。余白領域には「空」と書くだけでなく、「低ディテール、低コントラスト」と書く必要があります。
4. きれいな横長画像をそのままスマホ壁紙に使う。縦に切り抜くと、主体がほとんど消えてしまいます。縦長は別に生成し、最初の一文から比率を変えてください。

余白が画像の種類ごとにどんな役割を担うのかは、余白は描き忘れではないでより体系的に解説しています。壁紙はそれを少し実利的にしたものにすぎません。空白とはアイコンと文字の居場所であり、絵がどれだけ美しくても、それらに道を譲る必要があります。

TOP