[TIL] Day_21 포토샵과 Firefly 4

배너 광고 디자인

1. 카드뉴스와 배너의 차이

카드뉴스	배너
여러 장	한 장
정보전달이 중심	행동 유도가 목적

 

2. 배너 디자인

[배너 디자인의 주요 흐름]

- 시선 집중: 가장 먼저 보이는 핵심 요소 배치

- 메시지 전달: 메시지를 이해시키기

- 클릭 유도: CTA 버튼으로 행동을 유도

 

[CTA 구성 원칙]

CTA: Call to Action

- 버튼 형태로 명확하게 보여주기: 클릭 가능한 요소임을 어필

- 주변 대비 확실히 하기: 버튼의 시각적 구분

- 시선 흐름 마지막 지점에 배치하기: 내용 → CTA 버튼 순

 

[배너 활용 예시]

- 랜딩 페이지 상단: 팝업 광고, 이벤트나 핵심 메시지 전달

- 메인/카테고리: 쇼핑할 때 첫번째 페이지에서 휙휙 넘어가는 광고, 특정 상품군 유도, 프로모션 강조, 구매 전환율 상승

- 앱 프로모션 광고: 이벤트, 포인트 지급, 안내 등. 사용자의 즉각적인 행동 유도

- SNS 광고 연동 이미지: 인스타 광고, 피드 스크롤 중 노출

 

[플랫폼별 배너 이미지]

- 웹 메인 가로형 배너: 1920 × (300~)600px

- Instagram Post: 1080 × 1350px(세로형)

- Instagram Story: 1080 × 1920px(세로형)

 

[실습]