💡 [4부] 프로처럼 보이는 디자인 꿀팁 5가지
💡 [4부] 프로처럼 보이는 디자인 꿀팁 5가지
3부에서 10분 만에 카드뉴스를 완성하는 방법을 배웠습니다. 이제 기본적인 제작은 할 수 있게 되었죠. 하지만 여기서 한 단계 더 나아가면, "아, 이 사람 전문가네?"라는 반응을 이끌어낼 수 있습니다.
이번 4부에서는 디자인 비전공자도 쉽게 적용할 수 있는 5가지 황금 법칙을 알려드립니다. 이 법칙들만 지켜도 여러분의 카드뉴스는 즉시 상위 10% 퀄리티로 도약합니다.
🎨 꿀팁 1: 컬러는 3가지만 사용하세요
왜 색상이 중요한가?
색상은 카드뉴스의 첫인상을 결정합니다. 사람의 뇌는 0.05초 만에 색상을 인지하고, 그것만으로 "전문적이다" 또는 "아마추어 같다"를 판단합니다.
초보자가 가장 많이 하는 실수는 "너무 많은 색을 쓰는 것"입니다. 빨강, 노랑, 파랑, 초록... 알록달록하면 재미있어 보일 것 같지만, 실제로는 산만하고 유치해 보입니다.
3색 법칙의 구조
전문 디자이너들이 사용하는 "60-30-10 법칙"을 카드뉴스에 적용하면 이렇습니다.
1) 메인 컬러 (60%)
- 역할: 브랜드 아이덴티티, 제목
- 예시: 파란색 (#2E5BFF)
- 사용 위치: 제목, 큰 아이콘, 중요한 숫자
2) 보조 컬러 (30%)
- 역할: 강조, 포인트
- 예시: 노란색 (#FFD700)
- 사용 위치: 하이라이트, 버튼, 핵심 키워드
3) 배경 컬러 (10%)
- 역할: 전체 톤 결정
- 예시: 흰색 (#FFFFFF) 또는 연한 회색 (#F5F5F5)
- 사용 위치: 카드 배경, 텍스트 박스
실전 적용 예시
❌ 나쁜 예: 7가지 색 사용
[카드 1]
- 배경: 보라색
- 제목: 빨간색
- 본문: 초록색
- 아이콘: 주황색
- 버튼: 핑크색
- 테두리: 하늘색
- 그림자: 회색
결과: 눈이 아프고, 어디를 봐야 할지 모름.
✅ 좋은 예: 3가지 색 사용
[카드 1]
- 배경: 흰색 (#FFFFFF)
- 제목: 파란색 (#2E5BFF)
- 강조: 노란색 (#FFD700)
- 본문: 진한 회색 (#333333)
결과: 깔끔하고, 시선이 제목으로 자연스럽게 이동.
💡 색상 조합 추천 (복사해서 바로 쓰세요)
재테크, 금융 계정
- 메인: 진한 파란색 (#1E40AF)
- 보조: 금색 (#D4AF37)
- 배경: 아이보리 (#FFFFF0)
건강, 웰니스 계정
- 메인: 민트 (#10B981)
- 보조: 연한 분홍 (#FCA5A5)
- 배경: 흰색 (#FFFFFF)
IT, 생산성 계정
- 메인: 다크 그레이 (#374151)
- 보조: 네온 그린 (#10B981)
- 배경: 연한 회색 (#F3F4F6)
여행, 라이프스타일 계정
- 메인: 코랄 (#F87171)
- 보조: 하늘색 (#60A5FA)
- 배경: 크림 (#FEF3C7)
Canva에서 색상 적용하는 방법
- 좌측 메뉴 → "요소" → "그래프" 검색
- 원하는 도형(사각형, 원) 선택
- 색상 클릭 → 좌측 하단 "+" 버튼 클릭
- 16진수 코드 입력 (예: #2E5BFF)
- "브랜드 키트에 추가" 체크
이제 모든 디자인에서 클릭 한 번으로 내 브랜드 색을 적용할 수 있습니다!
🚨 색상 실수 주의보
실수 1: 밝은 배경 + 밝은 글씨
- 예: 연한 노란 배경 + 흰색 글씨 → 안 보임
- 해결: 대비를 확실하게 (어두운 배경 + 밝은 글씨 or 밝은 배경 + 어두운 글씨)
실수 2: 형광색 남발
- 예: 모든 카드를 네온 핑크, 네온 그린으로 → 눈 아픔
- 해결: 형광색은 버튼이나 CTA 하나에만 사용
실수 3: 트렌디한 그라데이션 과용
- 예: 무지개 그라데이션 배경 → 텍스트 가독성 떨어짐
- 해결: 그라데이션은 배경이 아닌 테두리나 작은 요소에만
✏️ 꿀팁 2: 폰트는 2가지로 제한하세요
왜 폰트가 중요한가?
색상이 첫인상을 결정한다면, 폰트는 "읽힐 것인가?"를 결정합니다. 아무리 좋은 정보라도 글씨가 읽기 어려우면 3초 만에 넘어갑니다.
2폰트 법칙
전문 디자이너들은 거의 예외 없이 2가지 폰트만 사용합니다.
1) 제목용 폰트 (Display Font)
- 특징: 굵고, 눈에 띄고, 임팩트 있음
- 용도: 카드 제목, 큰 숫자
- 추천 폰트:
- Pretendard Bold (한글, 무료)
- Montserrat ExtraBold (영문, 무료)
- 배달의민족 주아 (한글, 무료)
2) 본문용 폰트 (Body Font)
- 특징: 가독성 높고, 단정함
- 용도: 설명 텍스트, 작은 글씨
- 추천 폰트:
- Pretendard Regular (한글, 무료)
- Noto Sans KR (한글, 무료)
- 나눔고딕 (한글, 무료)
실전 적용 예시
❌ 나쁜 예: 5가지 폰트 사용
[카드 1]
- 제목: 궁서체
- 부제: Comic Sans
- 본문 1: 나눔고딕
- 본문 2: 배달의민족체
- CTA: 손글씨체
결과: 통일성 없고, 정신없음.
✅ 좋은 예: 2가지 폰트 사용
[카드 1]
- 제목: Pretendard Bold (크기 48)
- 부제: Pretendard Bold (크기 32)
- 본문: Pretendard Regular (크기 20)
- CTA: Pretendard Bold (크기 24)
결과: 깔끔하고 읽기 쉬움. 같은 폰트 패밀리를 사용했지만 굵기로 차별화.
💡 폰트 크기 가이드
모바일에서 보는 카드뉴스는 작은 화면이기 때문에 크기가 생명입니다.
| 요소 | 권장 크기 | 굵기 |
|---|---|---|
| 카드 제목 | 42~56pt | Bold / ExtraBold |
| 부제 | 28~36pt | SemiBold |
| 본문 | 18~24pt | Regular |
| 작은 설명 | 14~16pt | Light |
| CTA 버튼 | 20~28pt | Bold |
Canva에서 폰트 설정하기
- 텍스트 선택
- 상단 툴바 → 폰트 드롭다운 클릭
- 검색: "Pretendard" 입력
- 선택 → 적용
시간 절약 팁:
- 첫 카드에서 폰트를 정해두면, 복사한 나머지 9장도 자동으로 같은 폰트 적용!
🚨 폰트 실수 주의보
실수 1: 손글씨체를 본문에 사용
- 예: 전체 텍스트를 손글씨체로 → 읽기 힘듦
- 해결: 손글씨체는 제목이나 포인트 문구 한 줄에만
실수 2: 얇은 폰트(Thin)를 작은 글씨에 사용
- 예: 14pt Light 폰트 → 모바일에서 안 보임
- 해결: 작은 글씨일수록 Regular 이상 굵기 사용
실수 3: 영문 폰트를 한글에 사용
- 예: "Arial" 폰트로 "안녕하세요" → 어색함
- 해결: 한글 전용 폰트 사용 (Pretendard, Noto Sans KR)
📐 꿀팁 3: 여백의 미를 살리세요
여백이란?
여백(White Space)은 "아무것도 없는 공간"입니다. 초보자들은 이 공간이 아깝다고 느껴서 텍스트와 이미지로 꽉 채우려고 합니다. 하지만 그것이 바로 아마추어처럼 보이는 가장 큰 이유입니다.
명품 브랜드를 생각해보세요:
- 에르메스 광고: 텍스트는 3줄, 나머지는 여백
- 애플 웹사이트: 제품 사진 하나, 텍스트 한 줄, 넓은 여백
여백이 있어야 고급스러워 보입니다.
60% 법칙
카드뉴스의 텍스트와 이미지는 화면의 60%까지만 차지해야 합니다. 나머지 40%는 여백으로 남겨두세요.
❌ 나쁜 예: 90% 차지
[카드 화면]
┌─────────────────┐
│ 제목제목제목제목제목│
│ 본문본문본문본문본문│
│ 본문본문본문본문본문│
│ 이미지이미지이미지 │
│ 본문본문본문본문본문│
│ 본문본문본문본문본문│
│ CTA버튼버튼버튼 │
└─────────────────┘
결과: 답답하고, 숨이 막힘.
✅ 좋은 예: 60% 차지
[카드 화면]
┌─────────────────┐
│ │ ← 여백
│ 제목제목제목 │
│ │ ← 여백
│ 본문본문본문 │
│ │ ← 여백
│ [이미지] │
│ │ ← 여백
│ CTA버튼 │
│ │ ← 여백
└─────────────────┘
결과: 시원하고, 시선이 자연스럽게 이동.
실전 적용 방법
1) 텍스트 박스 크기 줄이기
Canva에서 텍스트를 입력하면 기본적으로 화면 가득 차게 늘어납니다. 이것을 수동으로 줄여주세요.
방법:
- 텍스트 박스 선택
- 모서리 핸들을 드래그해서 가로 80%까지만 축소
- 좌우에 여백 생성
2) 줄간격 조정
여백은 요소 사이에도 필요합니다.
방법:
- 텍스트 선택
- 상단 툴바 → "줄간격" 아이콘 클릭
- 기본값 1.2 → 1.5 또는 1.8로 증가
효과: 글씨가 다닥다닥 붙어있지 않고 여유롭게 보임.
3) 요소 사이 간격 벌리기
제목과 본문, 본문과 이미지 사이에도 충분한 간격을 두세요.
방법:
- 요소를 선택한 상태에서 **화살표 키(↓)**로 위치 조정
- 또는 마우스로 드래그
권장 간격:
- 제목 ↔ 본문: 30~50px
- 본문 ↔ 이미지: 40~60px
- 이미지 ↔ CTA: 50~70px
💡 여백 활용의 고급 테크닉
테크닉 1: 비대칭 여백
모든 여백을 똑같이 나누지 마세요. 한쪽에 더 많은 여백을 주면 시각적 긴장감이 생깁니다.
예시:
┌─────────────────┐
│ 제목 │ ← 왼쪽 정렬 ││ 본문본문본문 │
│ │
│ [이미지] │ ← 중앙 또는 오른쪽
└─────────────────┘
테크닉 2: 여백으로 시선 유도
중요한 요소 주변에 더 많은 여백을 배치하면, 자연스럽게 시선이 그쪽으로 갑니다.
예시:
┌─────────────────┐
│ │
│ │
│ 최대 6% │ ← 큰 숫자 강조
│ │ ← 여백으로 둘러싸임
│ │
│ 정부 기여금 지원│
└─────────────────┘
🚨 여백 실수 주의보
실수 1: 텍스트가 카드 끝까지 닿음
- 예: 텍스트가 화면 가장자리에 바짝 붙음 → 답답함
- 해결: 최소 20~30px 여백 확보
실수 2: 모든 요소를 중앙 정렬
- 예: 제목, 본문, 이미지 모두 가운데 → 단조로움
- 해결: 왼쪽 정렬 + 오른쪽 이미지 같은 변화 주기
실수 3: 여백을 "빈 공간"으로 인식
- 예: 여백을 아까워하며 텍스트 추가 → 과밀
- 해결: 여백도 디자인의 일부라고 생각
🎯 꿀팁 4: 아이콘으로 시선을 유도하세요
왜 아이콘이 필요한가?
인간의 뇌는 이미지를 텍스트보다 6만 배 빠르게 인식합니다. 긴 문장을 읽기 전에, 먼저 아이콘을 보고 "이건 돈에 관한 내용이구나" 또는 "이건 체크리스트구나"를 0.1초 만에 파악합니다.
아이콘 하나만 잘 배치해도:
- 가독성 향상
- 시각적 흥미 유발
- 정보 전달 속도 증가
아이콘 배치 전략
전략 1: 제목 옆에 관련 아이콘
✅ 신청 자격 확인
💰 최대 70만 원 납입
📈 5년에 5천만 원
효과: 한눈에 무슨 내용인지 파악 가능.
전략 2: 숫자 대신 아이콘으로 단계 표시
❌ 나쁜 예:
1. 홈페이지 접속
2. 로그인
3. 신청서 작성
✅ 좋은 예:
🌐 홈페이지 접속
🔐 로그인
📝 신청서 작성
전략 3: CTA 버튼에 화살표 아이콘
프로필 링크 확인 👉
자세히 보기 →
지금 신청하기 ✅
효과: 클릭 유도 효과 30% 증가.
Canva에서 아이콘 찾기
- 좌측 메뉴 → "요소"
- 검색: "아이콘" 또는 구체적 키워드 입력
- "돈 아이콘"
- "체크 아이콘"
- "화살표 아이콘"
- 무료 아이콘만 필터링 (왕관 표시 없는 것)
- 드래그해서 배치
주제별 추천 아이콘
| 주제 | 추천 아이콘 |
|---|---|
| 재테크 | 💰 💵 📊 📈 💳 🏦 |
| 건강 | ❤️ 🏃 🥗 💊 🧘 😴 |
| 육아 | 👶 🍼 👪 🧸 📚 🎓 |
| IT/생산성 | 💻 📱 ⚡ 🔧 🎯 📊 |
| 여행 | ✈️ 🗺️ 🏖️ 📸 🎒 🌍 |
| 요리 | 🍳 🥘 🍽️ 👨🍳 🔪 🥕 |
💡 아이콘 크기와 색상 팁
크기 원칙:
- 제목 옆 아이콘: 제목 글씨 크기의 1.2배
- 본문 내 아이콘: 본문 글씨 크기와 동일
- 단독 아이콘: 80~120px
색상 원칙:
- 아이콘 색상은 메인 컬러 또는 강조 컬러
- 절대 본문 텍스트와 같은 색 사용 금지 (구분 안 됨)
예시:
- 배경: 흰색
- 텍스트: 진한 회색
- 아이콘: 파란색 ✅ (눈에 띔)
🚨 아이콘 실수 주의보
실수 1: 아이콘을 너무 많이 사용
- 예: 한 카드에 아이콘 10개 → 산만함
- 해결: 한 카드당 최대 3개
실수 2: 내용과 무관한 아이콘
- 예: 재테크 내용인데 🌸 꽃 아이콘 → 혼란
- 해결: 내용과 직접적으로 연관된 아이콘만
실수 3: 아이콘 스타일이 제각각
- 예: 2D 아이콘 + 3D 아이콘 + 손그림 아이콘 혼용 → 통일성 없음
- 해결: 하나의 스타일로 통일 (전부 2D 또는 전부 라인 스타일)
🔥 꿀팁 5: 마지막 장에는 반드시 CTA를 넣으세요
CTA란?
CTA는 "Call to Action", 즉 "행동 유도"입니다. 카드뉴스를 10장 다 봤는데 "그래서 뭘 하라는 거지?"라는 생각이 들면 그 카드뉴스는 실패입니다.
CTA의 역할:
- 트래픽을 내 블로그/워드프레스로 유도
- 팔로우, 저장, 공유 유도
- 구매, 신청 등 전환 유도
효과적인 CTA 문구 공식
공식 1: 명확한 행동 + 혜택
❌ 나쁜 예:
"관심 있으면 프로필 보세요"
✅ 좋은 예:
"무료 PDF 체크리스트 받기 👉 프로필 링크"
차이점:
- 나쁜 예: 모호함, 동기 부여 없음
- 좋은 예: 구체적 행동 + 명확한 혜택
공식 2: 긴급성 추가
"지금 신청하면 조기 마감 혜택!"
"오늘까지만! 프로필 링크 확인"
"선착순 100명 한정"
효과: 전환율 40% 증가.
공식 3: 소셜 프루프 활용
"이미 1,200명이 다운로드했어요!"
"5성 리뷰 평균 4.8점"
"만족도 98%의 가이드"
효과: 신뢰도 상승 → 클릭률 증가.
플랫폼별 CTA 전략
| 플랫폼 | CTA 위치 | 추천 문구 |
|---|---|---|
| 인스타그램 | 마지막 카드 + 캡션 | "프로필 링크 확인" |
| 페이스북 | 마지막 카드 + 첫 댓글 | "상세 내용은 댓글 링크" |
| 쓰레드 | 마지막 카드 + 답글 | "DM으로 링크 보내드려요" |
| 핀터레스트 | 핀 설명란 | "클릭해서 전체 가이드 보기" |
CTA 디자인 팁
1) 버튼 형태로 만들기
단순히 텍스트만 쓰지 말고, 버튼처럼 보이게 디자인하세요.
Canva에서 버튼 만들기:
- 좌측 메뉴 → 요소 → "사각형" 검색
- 둥근 모서리 사각형 선택
- 색상: 강조 컬러 (예: 노란색)
- 그 위에 텍스트 배치: "자세히 보기"
효과: 클릭하고 싶은 욕구 자극.
2) 화살표로 시선 유도
프로필 링크 확인 👉
지금 바로 신청 →
댓글 링크 클릭 ⬇️
화살표 방향은:
- 오른쪽(→): 다음 행동 유도
- 아래(↓): 댓글/설명 확인 유도
- 위(↑): 스와이프 업 유도
이 포스팅은 쿠팡 파트너스 활동으로, 일정의 수수료를 제공받습니다
3) 대비 색상 사용
CTA 버튼은 카드 전체에서 가장 눈에 띄어야 합니다.
예시:
- 카드 전체: 파란색 톤
- CTA 버튼: 노란색 (보색 대비) ✅
금지:
- 카드 전체: 파란색 톤
- CTA 버튼: 연한 파란색 (묻힘) ❌
💡 고급 CTA 전략
전략 1: 2단계 CTA
마지막 카드에 두 가지 선택지를 제공하세요.
┌─────────────────┐
│ 더 알고 싶다면? │
│ │
│ [무료 PDF 받기] │
│ 프로필 링크 │
│ │
│ [저장 & 공유] │
│ 주변에 알려주세요│
└─────────────────┘
효과:
- 링크 클릭 안 한 사람도 저장/공유 유도
- 알고리즘 부스팅
전략 2: 댓글 인게이지먼트 유도
"궁금한 점 있으면 댓글로!"
"이 중 어떤 방법이 좋을까요? 댓글로 투표!"
"1번 vs 2번? 의견 남겨주세요"
효과: 댓글 수 증가 → 알고리즘 노출 증가.
전략 3: 다음 편 예고
"다음 편 예고:
청년도약계좌 vs 청년희망적금
어떤 게 더 유리할까?
놓치지 않으려면 팔로우 ✅"
효과: 팔로우 전환율 상승.
🚨 CTA 실수
#가나 투데이 #ganatoday
그린아프로
