1. 광고 디자인 원칙
1) 텍스트는 광고의 메시지
- 아무리 비주얼이 좋아도 텍스트가 안 읽히면 좋은 광고라고 할 수 없습니다.
- 광고 텍스트는 헤드라인, 서브 카피, CTA, 고지/심의필(추가 정보)로 구성됩니다
2) 광고용 텍스트 디자인 원칙 1: 명확한 위계
- 헤드라인 (Primary)
- 역할: 핵심 메시지
- 중앙/상단 중앙
- 가장 크게
- 산세리프 계열, 굵게
- 서브 헤드라인 (Secondary)
- 역할: 부연 설명
- 헤드라인 바로 아래 혹은 위
- 중간 크기
- 설명·보완 역할
- CTA (Call-to-Action)
- 역할: 행동 유도
- 하단 중앙 또는 우하단
- 버튼 형태+강조 색
- 짧은 동사형 문구
- 주변 여백 확보
- 고지/심의필
- 하단 모서리
- 눈에 띄지 않지만 읽을 수 있을 정도의 크기
2) 광고용 텍스트 디자인 원칙 2: 가독성 최우선
- 폰트 크기: 최소 14pt 이상
- 대비: 배경과 텍스트 색상 차이 크게
- 밝은 배경 → 어두운 텍스트
- 어두운 배경 → 밝은 텍스트
- 여백: 텍스트 주변 충분한 공간
- 행간: 1.2-1.4배 권장
- 너무 좁으면 답답함
- 너무 넓으면 산만함
3) 광고용 텍스트 디자인 원칙 3: 여백 활용
여백은 숨 쉴 공간입니다. 텍스트 주변에 충분한 여백이 있어야 시원해 보입니다.
- 여백 가이드
- 텍스트 상하좌우
- 여러 텍스트 블록 사이 간격 삽입
- 프레임 가장자리와 텍스트에도 간격 삽입
- Figma에서 여백 확보
- 텍스트 배치 후 눈으로 확인
- 너무 답답하면 → 위치 조정 또는 크기 축소
2. Figma에서 플랫폼별 프레임 설정
1) Instagram 포스트(피드) 프레임 : 1080x1350
2)Instagram 스토리 프레임 : 1080x1920
- 안전 영역 설정 방법
- 프레임 선택 → 우측 속성 → 레이아웃 가이드에서 ‘+’ 선택
- 타입을 ‘행’으로 변경
- 개수 1, 유형 ‘상단’으로 설정
- 높이 값을 250px로 입력
3)YouTube 썸네일 프레임 : 1280x720
4)웹 리더보드 배너 설정 : 728x90
5)구글 애즈 배너 사이즈
| 배너 | 종류별 사이즈 |
| 정사각형 및 직사각형 | - 200 x 200 작은 정사각형 - 240 x 400 세로 직사각형 - 250 x 250 사각형 - 250 x 360 트리플 와이드스크린 - 300 x 250 인라인 직사각형 - 336 x 280 큰 직사각형 - 580 x 400 넷보드 |
| 스카이스크래퍼 | - 120 x 600 스카이스크래퍼 - 160 x 600 와이드 스카이스크래퍼 - 300 x 600 반 페이지 - 300 x 1050 세로 |
| 리더보드 | - 468 x 60 배너 - 728 x 90 리더보드 - 930 x 180 상단 배너 - 970 x 90 큰 리더보드 - 970 x 250 빌보드 - 980 x 120 파노라마 |
| 모바일 | - 300 x 50 모바일 배너 - 320 x 50 모바일 배너 - 320 x 100 큰 모바일 배너 |
2. Figma에서 이미지 마스킹하는 법
마스킹이란 이미지를 특정 도형 안에 넣는 것입니다.
1) 프레임 안에 원하는 모양 도형 그리기
2) 레이어 패널에서 이미지를 도형 위로 그래그
3) 레이어 패널에서 이미지와 도형을 모두 선택하고 우클릭 -> 마스크로 사용 선택
4) 이미지 위치 조절
3. [실습]
[과제] 아래 브랜드를 1개 선택하거나, 실제 브랜드를 선택하여 브랜드의 광고용 이미지를 완성하세요.
브랜드 1: “퓨어슬립” (수면 베개 브랜드)
브랜드 2: “플랜티” (실내 공기정화 식물 브랜드)
브랜드 3: “마이보이스” (온라인 보이스 트레이닝 서비스)
- 프레임 설정: 1080x1350 (4:5)
- 이미지 배치: Midjourney 생성 이미지 사용
- 텍스트 3개 추가:
- 헤드라인: 48-60pt, Bold
- 서브 헤드라인: 24-36pt, Regular
- 브랜드명: 18-24pt
- CTA 버튼: “지금 구매하기” (또는 적절한 문구)
- 로고: 상단 또는 하단 모서리 (선택)
※ 본 글은 학습을 목적으로 작성된 게시물로, 특정 브랜드·제품·서비스명이 언급될 수 있습니다. 이는 순수한 예시일 뿐이며, 상업적 목적은 전혀 없음을 밝힙니다.
'내일배움캠프 강의 > 강의 : AI를 활용한 광고 콘텐츠 제작' 카테고리의 다른 글
| 3-5 Instagram 피드형 광고 이미지 제작 (0) | 2026.02.05 |
|---|---|
| 3-4 상황별 이미지 프롬프트 구성 실습 (0) | 2026.02.05 |
| 3-2 Figma 기본 인터페이스 및 핵심 기능 (0) | 2026.02.05 |
| 3-1 이미지 제작 개념과 브랜드 일관성 (0) | 2026.02.05 |
| 2-4 문제 해결형 콘텐츠 기획 (0) | 2026.02.04 |