UI・Web素材 / #158
広告バナーをサイズ展開する
Banner / Multi-size / Layout
同じ内容を複数の枠に収める。要素の優先順位を決めるのが本質。
PROMPT
同じキャンペーンの広告バナーを、3つの異なるサイズで1枚の画像にまとめて。 左に縦長(160×600相当)、中央に横長(728×90相当)、右に正方形(300×300相当)。 3つとも同じ配色・同じ書体・同じ商品写真を使う。 縦長は要素を縦に積み、横長は横一列に並べ、正方形は中央にまとめる。 どのサイズでも、商品→見出し→ボタンの視線の順序が保たれるようにする。 文字はすべて英字、ボタンは角丸の塗り。各バナーを細い枠で囲む。
TIPS
- サイズが変わっても「視線の順序」は同じに保つ、が展開の原則です。
- 入る要素が減るときは、削る順番(装飾→説明→見出し)を決めておきましょう。
Related
UI・Web素材の他のプロンプト
#154
アプリのアイコン
App icon / Rounded square / Simple
#155
Webサイトのヒーロー画像
Hero / Web / Copy space
#156
アプリ画面のモックアップ
UI mockup / Screen / Wireframe
#157
デバイスに画面をはめ込む
Device mockup / Presentation / Studio
#159
シームレスな背景パターン
Seamless / Tile / Pattern