UI・Web素材 / #158

広告バナーをサイズ展開する

Banner / Multi-size / Layout

同じ内容を複数の枠に収める。要素の優先順位を決めるのが本質。

PROMPT

同じキャンペーンの広告バナーを、3つの異なるサイズで1枚の画像にまとめて。
左に縦長(160×600相当)、中央に横長(728×90相当)、右に正方形(300×300相当)。
3つとも同じ配色・同じ書体・同じ商品写真を使う。
縦長は要素を縦に積み、横長は横一列に並べ、正方形は中央にまとめる。
どのサイズでも、商品→見出し→ボタンの視線の順序が保たれるようにする。
文字はすべて英字、ボタンは角丸の塗り。各バナーを細い枠で囲む。

TIPS

  • サイズが変わっても「視線の順序」は同じに保つ、が展開の原則です。
  • 入る要素が減るときは、削る順番(装飾→説明→見出し)を決めておきましょう。
#バナー#広告#サイズ展開#Web

Related

UI・Web素材の他のプロンプト

App icon / Rounded square / Simple

Hero / Web / Copy space

UI mockup / Screen / Wireframe

Device mockup / Presentation / Studio

Seamless / Tile / Pattern