# 배너 수정은 변경 사항을 1가지로 집중할수록 효과가 좋다.

> https://bookfactory.kr/board/canva/18278
> 게시판: Canva
> 작성자: admin
> 작성일: 2026-09-24T01:47:36.563Z

---

![見出し画像](https://assets.st-note.com/production/uploads/images/314822809/rectangle_large_type_2_5f3ea1ae14a79a7389af82b5cc9f2e98.png?width=1280)

배너를 연습할 때, 완성 후에는 글자, 색상, 사진, 여백을 전부 바꾸고 싶어질 수 있습니다. 하지만 한 번에 많은 것을 바꾸면 무엇이 개선되었는지 파악하기 어려울 수 있습니다. 수정 연습에서는 변경 사항을 한 가지에 집중하고, 비교할 수 있는 상태를 유지하면 자신의 판단에 대한 근거를 마련할 수 있습니다.

## 수정은 직관보다 검증에 가깝다

디자인 수정은 단순히 떠오른 장식을 더하는 작업이 아닙니다. 읽기 어렵거나, 눈에 띄지 않고, 정보의 순서가 전달되지 않는 등 문제점을 하나 골라, 수정으로 인해 개선되었는지 확인합니다. 목적이 하나라면, 결과도 판단하기 쉬워집니다.

## 먼저 목적을 명확히 해야 합니다.

제목을 먼저 보여주고, 신청 버튼을 찾기 쉽게 만들며, 사진보다 가격을 더 눈에 띄게 합니다. 수정 목적을 명확히 해야 색상이나 글꼴을 계속 수정하는 작업을 끝맺지 않습니다.

## 원래 디자인을 복사하여 남겨두는 행위는…

수정 전 배너는 삭제하지 않고, 옆으로 복제합니다. 왼쪽에는 원 디자인, 오른쪽에는 수정된 버전을 두고 같은 크기로 비교합니다. 원본을 남겨두면 개선한 것처럼 정보가 읽기 둔해졌을 때도 되돌릴 수 있습니다. Figma나 Canva에서는 복제를 먼저 하는 습관을 들이는 것이 좋습니다.

## 문자를 수정하는 회차에서는 문자만 바뀐다.

제목이 잘 보이지 않는 경우, 글자 크기, 굵기, 줄 위치 중 하나를 조정해 보세요. 배경색이나 사진은 동시에 변경하지 않습니다. 글자의 가독성 문제는 배너가 어색하게 보이는 원인이 여백에 있을 수 있다는 점을 확인하고, 글자 주변의 공간을 재검토해 보세요.

## 색을 수정한 단계에서는 역할을 배분합니다.

색을 바꾸는 경우에는 배경, 글자, 강조의 역할을 먼저 정합니다. 눈에 띄게 하고 싶은 부분에만 강조 색을 사용하고, 모든 것을 강한 색으로 만들지 않습니다. 색상 배색의 기본은, 색상에 대해 고민될 때 배경, 글자, 강조의 3색에 한정하는 것을 소개하고 있습니다.

## 여백을 수축하는 경우에 거리를 봅니다.

제목과 설명문, 사진과 글자, 버튼과 주변 요소 간의 간격을 살펴봅니다. 가까운 정보는 가까이, 다른 묶음은 넓게 배치합니다. 8px, 16px, 24px와 같이 기준을 정해 놓으면 감각에만 의존하여 조정 없이 완료할 수 있습니다.

## 사진 보정에서 잘라내기만 시도

사진이 잘 나오지 않아도 당황할 필요 없습니다. 다른 사진으로 바로 변경하지 않고, 사진의 앵글을 조금씩 이동하면서 인물의 눈선이나 상품의 방향, 그리고 글자와의 관계를 살펴볼 수 있습니다. 같은 사진이라도 여백이 있는 방향으로 글자를 배치하면 정보가 정리되는 효과를 줄 수 있습니다.

## 하나의 지점

제목을 읽기 쉽게 하기 위해 크기와 줄 위치를 동시에 조정할 수 있습니다. “한 곳”이란 하나의 목적, 즉 “제목의 우선순위를 높이는” 것과 관련된 변경만 수행한다는 의미입니다.

## 비교할 때는 동일한 조건에서 비교하십시오.

원래 디자인과 수정본은 동일한 화면 배율, 동일한 배경, 동일한 표시 크기로 확인합니다. 한쪽만 확대하면 판단이 흐려집니다. SNS용 배너의 경우, 실제로 표시되는 크기에서도 확인해야 하며, 큰 화면에서 읽기에도 좋지만, 스마트폰에서는 약해 보일 수 있습니다.

## 3초 안에 처음 보이는 것을 확인하십시오.

두 개의 배너를 약간 떨어뜨려 놓고 3초 동안만 주의를 기울입니다. 처음 읽은 단어, 다음으로 본 이미지, 버튼의 위치를 기록하고, 수정 목적과 일치하면 변경 사항이 적용된 것입니다. 세부적인 취향보다는 정보의 순서를 우선시합니다.

## 나쁜 예시는 전부를 고급스럽게 만드는 수정

가독성을 높이기 위해 그림자, 테두리, 그라데이션, 아이콘을 한 번에 추가하면 효과가 있는지 알 수 없습니다. 장식이 늘어날수록 중요한 정보가 가려지는 경우도 있습니다. 처음에는 추가하는 것보다 불필요한 요소를 하나씩 줄이는 수정도 시도해 보세요.

## 피드백은 문제점과 제안을 구분합니다.

다른 사람에게 의견을 구할 때는 “어떤 부분이 읽기 어렵다고 생각하는지”와 “어떻게 수정하고 싶은지”를 분리하여 질문합니다. 문제점을 지적하는 것은 도움이 되지만, 모든 제안을 수용할 필요는 없습니다. 수정 목적에 맞는 제안 하나만 선택합니다.

## 수정 이유를 간결하게 작성하시오

수정본 옆에 “제목을 먼저 읽어주시도록 글자 크기를 키우고 줄 간격을 두 줄로 설정했습니다.”라고 기재합니다. 설명할 수 없는 변경 사항은 주관적인 취향에 따른 것일 수 있습니다. 포트폴리오에서도 수정 이유를 명확히 설명할 수 있도록 설계 의도가 반영되어 있습니다.

## A안과 B안을 지나치게 복잡하게 만들어서는 안 됩니다.

비교안은 원안과 수정안의 두 가지에서 시작합니다. 다섯안, 열안 등으로 늘려가면 선택 기준이 모호해집니다. 두 가지를 비교했을 때 목적이 달성되지 못하면 다음 한 가지 안을 만듭니다. 순서대로 시도하면 학습이 남습니다.

## 저장 이름을 유지하며 변경 내용을 보존

파일이나 프레임 이름에는 “문자 크기 수정”, “여백 수정”, “CTA 위치 수정”과 같이 변경 내용을 명시합니다. “최종”, “최종2”만으로는 나중에 구별하기 어렵습니다. 날짜와 수정 목적을 함께 기재하면 연습 기록을 추적하기가 더 용이합니다.

## 상품 배너 수정 사례

상품 사진, 가격, 설명, 버튼이 동일 강도로 배열되어 어디에서 보기를 혼란스러운 배너를 염두에 둡니다. 첫 번째 수정 목표는 “상품명을 먼저 보여주는 것”으로 설정합니다. 상품명의 글자 크기와 주변 여백만 변경하고, 가격이나 사진은 변경하지 않습니다. 세 초 동안 보아 상품명에서 읽을 수 있는지 확인합니다.

다음 수정에서는 “가격이 두 번째로 표시되도록” 합니다. 가격의 위치나 굵기를 조정하여 상품명은 이전 상태를 유지합니다. 이 순서대로 진행하면 시선 흐름을 한 단계씩 개선할 수 있습니다. 처음부터 모든 것을 강조하는 것보다 정보의 우선순위가 명확해집니다.

## 스마트폰 화면으로 확인해 보세요.

컴퓨터 상의 큰 캔버스에서는 얇은 글자나 작은 버튼도 읽을 수 있습니다. 실제 표시 크기로 줄여서 제목, 가격, 행동을 유도하는 문구가 남아있는지 확인합니다. 더 이상 읽을 수 없는 정보는 확대하기 전에 정말 필요한가도 고려해 봅니다.

화면을 작게 할 때 요소들이 빽빽하게 보인다면, 여백을 줄이는 것보다 정보를 줄이는 방법을 고려해 볼 수 있습니다. 설명문을 한 줄씩 줄이거나, 장식적인 아이콘을 제거하는 등 하나의 변경 사항을 시도해 보세요. 스마트폰 확인은 독립적인 수정 목적으로 취급합니다.

## 맞춤법 수정 작업을 위한 가이드라인을 제작 중입니다.

왠지 모를 불안함이 느껴지는 배너는 왼쪽, 가운데, 기본 배치가 일치하지 않을 수 있습니다. 이 경우, 색상이나 폰트 크기를 변경하지 않고 요소의 끝만 맞춥니다. 보조선을 그려 제목, 설명, 버튼의 기준선이 일치하는지 확인합니다.

정렬 후 어색한 느낌이 들면 요소 간의 여백을 한 단계를 넓혀줍니다. 정렬과 여백은 관련이 있지만 먼저 위치를 확인한 다음 거리를 확인하면 원인을 분별하기가 더 쉽습니다.

## 요청 건에 따라 변경 이력을 기록합니다.

클라이언트로부터 수정 사항을 받은 경우, 요청 내용, 변경 사항, 확인이 필요한 사항을 간략하게 기록합니다. “더 눈에 띄게”라는 요청이라면, 무엇을 눈에 띄게 하기를 원하는지 확인한 후 수정합니다. 상품명과 버튼의 수정 방법이 다르기 때문입니다.

제출 시에는 변경 사항을 한 문장으로 전달할 수 있도록 준비합니다. 예를 들어 “상품명을 우선순위로 높이기 위해 글자 크기와 상여백을 조정했습니다”와 같이 설명합니다. 수정 요청이나 추가 수정이 발생하더라도 어떤 기준으로 변경했는지 추적하기 쉬워집니다.

## 포트폴리오에 첨부할 때의 효과적인 방법

완성본 외에도 과제, 수정 전, 수정 후, 판단 이유를 간략하게 제시합니다. 다만, 모든 실패 사례를 모두 나열할 필요는 없으며, 독자가 개선 흐름을 이해하는 데 필요한 한 가지 조합을 선택하는 방식으로 진행됩니다. 결과보다 사고 과정을 보여주는 형태로 진행됩니다.

## 오늘의 연습 절차는 다음과 같습니다.

*   워밍업으로 다음 스트레칭을 진행합니다.
    *   어깨 돌리기: 좌우 각각 30초
    *   팔 돌리기: 좌우 각각 30초
    *   몸통 옆으로 스트레칭: 좌우 각각 30초

다음으로, 기본 연습을 진행합니다.

*   폼 체크: 거울 앞에서 올바른 자세를 확인합니다.
*   볼 컨트롤: 벽 치기, 땅 치기, 피내기 등 다양한 볼 컨트롤 연습을 합니다.
*   패스 연습: 파트너와 패스 연습을 합니다. 정확한 패스를 내는 것을 의식하세요.

마지막으로, 게임 형식의 연습을 진행합니다.

*   미니 게임: 간단한 규칙으로 게임 형식의 연습을 합니다.
*   실전 형식의 연습: 실제 경기 형식으로 연습을 합니다.

각 연습 항목당 10분간 진행하며, 필요에 따라 휴식을 취하세요.

과거에 제작한 배너를 하나 선택하세요.

수정 목적을 한 문장으로 요약한다.

원래 디자인을 복제하는 것은 허용되지 않습니다.

목표 달성에 필요한 변경 사항만 수행하십시오.

같은 크기로 수정 전후를 비교합니다.

변경 이유는 한 줄로 남겨둡니다.

다음으로 시도할 과제를 하나 결정합니다.

## 정리

배너 수정으로 실력을 향상시키려면, 변경 사항을 한 곳에 집중하고 수정 전후를 비교합니다. 명확한 목표를 한 문장으로 제시하고, 그 목표와 관련된 작업만 수행합니다. 무엇을 바꾸고, 왜 좋아졌는지 명확히 하면, 직관적이었던 판단이 다음 제작에 활용할 수 있는 기술로 이어집니다.

**출처:** [note 원문](https://note.com/ryo_gakusyu/n/n963f6baf4815)

*번역: Gemma 3(.44) 초벌 + 교정 40청크*

[원문 보기](https://note.com/ryo_gakusyu/n/n963f6baf4815) | 출처: note.com