[제로베이스 콘텐츠 마케팅 스쿨] 스터디 노트 + 데일리 원미션 DAY8

[스터디 노트] Part 03. 광고 콘텐츠 디자인 - Chapter 03

 

 

Chapter 03. 광고 소재 제작을 위한 디자인 기초

 

 

• 시각 위계

시각 요소들이 각기 다른 중요도와 순서로 인하여 인지되는 순서나 각인되는 정도가 다른 것

가독성을 높이고 메시지를 명확하게 전달하기 위해 시각 위계 활용

 

- 요소 간 중요도 설정

- 시각적으로 명확하게 드러나도록 시각 위계 설정 : 폰트 굵기 조절(2단계 이상 차이), 색상 활용

- 중요하지 않은 것은 확실하게 힘을 빼기 (중요한 소재가 더욱 돋보이도록)

- 위계끼리 충돌하지 않도록

'메인은 메인 답게' '서브는 서브 답게'

 

• 여백의 중요성

- 가독성 향상 : 각 요소를 구분하는 역할

- 시각적 균형과 조화

- 메시지 강조

- 상하좌우 여백 값을 최대한 동일하게 설정

- 요소 간 여백을 적절히 설정 (여백이 큰 경우 이미지로 연결)

- 가독성이 떨어지지 않도록 적절한 행간 설정

적절한 여백 크기의 예시

 

• 게슈탈트 법칙

인간의 시각 시스템이 복잡한 이미지를 이해하기 위해 단순한 형태로 조직화한다는 이론

- 유사성의 법칙 : 시각적으로 비슷한 형태를 가진 요소를 하나의 그룹으로 인식 (색상, 모양, 크기 등)

- 근접성의 법칙 : 물리적으로 가까운 요소를 하나의 그룹으로 인식

유사성의 법칙 활용 예시 -> 텍스트 간의 연결성 부여하여 강조

 

• 타이포그래피

글자 배치를 통해 시각적 아름다움과 메시지를 효과적으로 전달하는 방법

 

- 폰트

1) 명조 : 세리프가 있는 폰트, 긴 글을 읽기 편함, 고급스럽고 감성적인 느낌

2) 고딕 : 세리프가 없는 직선형의 각진 폰트, 가독성이 좋음, 현대적이고 깨끗한 느낌

3) 디스플레이 : 시각적 특성이 강한 폰트, 주목도를 높이고 개성을 표현하는 데 적합

 

- 2가지 이내의 폰트 사용 : 분위기를 잡아주는 폰트 + 무난한 폰트 (메인카피용/서브카피용)

- 문장이 길면 정보 파악이 어렵기 때문에 간결하게 작성

 

- 글자 배치

1) 좌측 정렬 : 기본적인 정렬 형태, 글의 시작점이 동일하여 읽기 쉬움

2) 가운데 정렬 : 짧고 강렬한 메시지 전달에 용이, 균형잡힌 느낌, 긴 글에서는 사용하기 어려움

3) 우측 정렬 : 독특하고 흥미로운 레이아웃(좌측 상단에 이미지를 배치할 때), 가독성이 떨어짐

 

• 색깔 사용

색 : 색상 / 채도 / 명도

- 색 조합 방법 : 동일 색상 선택(명도와 채도만 조절), 유사색 활용, 보색 조합

 

- 주요 색상 별 이미지

1) RED 열정, 에너제틱, 활기, 긴장감, 스포츠, 에너지, 식욕

2) BLUE 차분함, 신뢰, 시원함, 트렌디함

3) YELLOW 밝음, 행복, 포근함, 따뜻함, 식욕, 감성, 경고/주의(검정과 조합)

4) GREEN 자연, 건강, 환경, 채소, 평화

5) BLACK 무게감, 권위, 단순함, 세련

6) WHITE 간결함, 순수, 깨끗함, 포근함, 청결

7) GREY 모호함, 비활성화

 

- 3개 이하의 색상 사용

- 70:25:5 (메인:서브:포인트)

- 완전한 흰색(#FFFFFF)/검정색(#000000) 자제

 

• 인물 사진 사용 시 주의 사항

- 크롭 위치 주의 (목x, 관절 위치x)

- 좌우 반전 금지

- 인물의 시선 방향에 유의 (시선의 방향에 맞추어 여백 설정, 요소 배치)

- 여러 인원을 배치할 때 사이즈 유의 (균형감이 잡히도록 or 시각 위계가 명확하도록)

 

• 폰트 추천

- 무료 폰트 사용 시 사용 범위(카테고리) 확인 필수

- 고딕 : 프리텐다드, Noto Sans KR, 나눔스퀘어 Neo, Apple SD Gothic Neo

- 명조 : 아리따부리, 나눔명조, Kopub바탕, 마포꽃섬, Sandoll 제비, AG최정호 스크린

- 디스플레이 : G마켓 산스, 강원교육튼튼체, 마포홍대프리덤, 던파 비트비트체 v2, 배달의 민족 한나는11살체

                      Sandoll 격동고딕2, Sandoll 네모니2, 210 옴니고딕, Sandoll 그러테산스, 210 평화

                      Sandoll 미생, tvn 즐거운 이야기체(딩벳 기호 지원), Sandoll 공병각필, Sandoll 박효진체 

 

 

 

[데일리 원미션] 실습 결과물 캡쳐해서 올리기