🎨 컬러 팔레트 ✍️ 폰트 샘플 📸 이미지 레퍼런스 🔷 텍스처·패턴 💬 키워드 📐 레이아웃 스타일 🖼️ 아이콘 스타일

무드보드를 만들 때는 보통 Figma, Adobe XD, Canva, Milanote 같은 툴을 많이 씀.
특히 Milanote는 무드보드 전용 툴이라 직관적이고 편해서 많이 쓰임.
물론 손으로 직접 스케치하고 잡지 오려붙이는 아날로그 방식도 여전히 유효함 — 오히려 창의성 자극에 더 좋다는 디자이너들도 있어.

컬러: 올리브 그린, 크림 화이트, 테라코타 브라운
폰트: 세리프 계열의 클래식한 서체 + 손글씨 느낌의 보조 서체
이미지: 자연광 아래 찍은 신선한 채소, 흙이 묻은 손, 나무 질감의 배경
키워드: 자연, 신뢰, 건강, 따뜻함, 정직
레이아웃: 여백을 충분히 활용한 미니멀 구성, 과한 장식 요소 배제

먼저 전단지에 들어갈 모든 정보를 나열해. 순서나 디자인 생각하지 말고 일단 다 써봐.

예시:
• 카페 이름: 브루밍 커피
• 신메뉴: 딸기 라떼, 말차 크림 라떼, 얼그레이 스콘
• 가격: 각 5,500원 / 6,000원 / 3,500원
• 출시일: 2025년 3월 1일
• 이벤트: 출시 기념 첫 주문 10% 할인
• 위치: 서울 마포구 합정동 123-4
• 영업시간: 매일 09:00~22:00
• SNS: @brewing_coffee
• 전화: 02-1234-5678

모든 정보가 동등하게 중요하지 않아. 우선순위를 매겨야 해.

1순위 (가장 크게, 가장 먼저 눈에 띄어야 함): 신메뉴 출시 + 할인 이벤트
2순위 (중간 크기, 관심 있는 사람이 읽음): 메뉴명 + 가격 + 출시일
3순위 (작게, 필요한 사람만 확인): 위치, 영업시간, 연락처, SNS

이 우선순위가 곧 레이아웃에서의 크기와 위치를 결정해.

이제 종이에 대략적인 레이아웃을 스케치해. 예쁘게 그릴 필요 없어. 박스와 선으로만 표현해도 충분해.
중요한 건 어디에 무엇이 들어가는지를 명확히 하는 거야.

와이어프레임에서 표시할 것들:
• 헤더 영역 (로고 + 메인 카피)
• 메인 비주얼 영역 (제품 이미지)
• 서브 카피 영역 (메뉴 설명)
• CTA 버튼/배너 (할인 이벤트 강조)
• 푸터 영역 (연락처, 위치)

와이어프레임이 완성되면 그리드 시스템을 적용해서 정렬을 맞춰.
일반적으로 홍보물에서는 12컬럼 그리드나 3분할 법칙(Rule of Thirds)을 많이 씀.

3분할 법칙이란?
화면을 가로 3등분, 세로 3등분으로 나눠서 총 9개의 구역을 만들고, 중요한 요소를 교차점에 배치하는 방법이야. 사진 구도에서도 많이 쓰이는 원리인데, 홍보물 레이아웃에도 그대로 적용돼.

스토리보드가 완성되면 실제로 눈을 움직여보면서 시선이 자연스럽게 흐르는지 확인해.
체크 포인트:

✅ 처음 눈이 가는 곳이 가장 중요한 정보인가?
✅ 시선이 자연스럽게 CTA로 이어지는가?
✅ 중간에 시선이 막히거나 헷갈리는 구간이 없는가?
✅ 3초 안에 "이게 뭔지"를 파악할 수 있는가?

중앙에 핵심 키워드를 쓰고 연관 단어들을 방사형으로 뻗어나가는 방식.
예를 들어 "건강"이라는 키워드에서 → 자연, 신선함, 초록색, 활력, 아침, 운동, 가족, 안심... 이런 식으로 연상을 계속 확장해나가면 예상치 못한 컨셉 아이디어가 나오기도 해.

완전히 관련 없어 보이는 두 가지 개념을 억지로 연결해서 새로운 아이디어를 만드는 방법이야.
예: "카페" + "도서관" → 조용하고 집중할 수 있는 공간, 지식과 커피의 만남 → 컨셉: "생각이 깊어지는 커피"
이런 식으로 엉뚱한 조합에서 독창적인 컨셉이 나오기도 함.

경쟁사들이 모두 비슷한 방향으로 가고 있다면, 반대 방향으로 가는 게 오히려 눈에 띌 수 있어.
예: 모든 피트니스 센터 홍보물이 "강렬하고 파워풀한" 이미지를 쓴다면 → "부드럽고 일상적인" 이미지로 차별화
이게 바로 포지셔닝 전략이야.

타깃 오디언스를 구체적인 가상 인물(페르소나)로 만들어서 그 사람의 입장에서 생각하는 방법이야.

예시 페르소나:
이름: 김지은, 32세
직업: 마케터, 서울 거주
라이프스타일: 바쁜 일상, 건강에 관심 많음, SNS 활발히 사용
고민: 건강한 음식을 먹고 싶은데 시간이 없음
홍보물을 보는 상황: 지하철역 근처에서 전단지를 받음

이 페르소나가 전단지를 받았을 때 어떤 문구에 반응할지, 어떤 이미지에 끌릴지를 생각하면 컨셉이 훨씬 구체적으로 잡혀.

특성: 짧은 시간 안에 핵심 정보 전달, 손에 들고 읽는 매체
컨셉 방향: 단순하고 명확하게. 복잡한 정보는 QR코드로 연결
스토리보드 포인트:

• 앞면: 시선을 끄는 강렬한 헤드라인 + 메인 비주얼
• 뒷면: 상세 정보 + 연락처 + 지도
• 접히는 방식(2단, 3단 접지)에 따라 정보 배치 순서 달라짐
• 인쇄 시 블리드(재단 여백) 3mm 반드시 확보

특성: 멀리서도 보여야 함, 이동 중에 순간적으로 인식
컨셉 방향: 극도로 단순하게. 텍스트 최소화, 이미지 임팩트 극대화
스토리보드 포인트:

• 세로 배너: 상단 1/3에 핵심 메시지, 중간에 비주얼, 하단에 연락처
• 가로 배너: 왼쪽에 비주얼, 오른쪽에 텍스트 (또는 반대)
• 3m 거리에서도 읽힐 수 있는 폰트 크기 사용
• 야외 배너는 직사광선 고려해서 컬러 채도 높게

특성: 벽에 붙여서 지속적으로 노출, 예술적 요소 강함
컨셉 방향: 강렬한 비주얼 임팩트 + 감성적 메시지
스토리보드 포인트:

• 중심 집중 패턴 활용 (강렬한 중앙 이미지)
• 타이포그래피 자체가 디자인 요소가 될 수 있음
• 여백을 두려워하지 말 것 — 여백도 디자인이야
• A3 이상 크기에서 해상도 300dpi 이상 필수

특성: 스크롤 중 0.5초 안에 관심 끌어야 함, 시리즈 형태
컨셉 방향: 첫 장이 전부. 첫 장에서 클릭 안 하면 끝
스토리보드 포인트:

• 1장: 강렬한 훅(Hook) — "이거 알면 돈 아낌" 같은 자극적 문구
• 2~N장: 핵심 내용을 한 장에 하나씩 (정보 과부하 금지)
• 마지막 장: CTA — 저장, 공유, 팔로우 유도
• 정사각형(1:1) 또는 세로형(4:5, 9:16) 비율 선택
• 텍스트는 전체 면적의 20% 이하 (인스타그램 알고리즘 고려)

특성: 개인화된 매체, 이미 관심 있는 사람에게 전달
컨셉 방향: 신뢰감 + 개인적인 톤
스토리보드 포인트:

• 제목(Subject Line)이 가장 중요 — 열람률 결정
• 상단 헤더 이미지 → 본문 → CTA 버튼 → 푸터 순서
• 모바일 최적화 필수 (전체 이메일의 60% 이상이 모바일에서 열림)
• 이미지 차단 환경 고려해서 텍스트만으로도 내용 전달 가능하게

폰트는 단순히 "예쁜 글씨체"가 아니야. 폰트 자체가 브랜드의 성격을 말해줌.

세리프(Serif) 폰트 — 글자 끝에 삐침이 있는 폰트
→ 전통적, 신뢰감, 고급스러움, 클래식 → 신문, 법률, 금융, 명품 브랜드

산세리프(Sans-serif) 폰트 — 삐침 없는 깔끔한 폰트
→ 현대적, 친근함, 가독성 높음 → IT, 스타트업, 일반 홍보물 대부분

디스플레이(Display) 폰트 — 장식적인 폰트
→ 개성, 창의성, 특별함 → 헤드라인에만 사용, 본문에는 절대 금지

핸드라이팅(Handwriting) 폰트 — 손글씨 느낌
→ 따뜻함, 개인적, 아날로그 감성 → 카페, 공방, 소규모 브랜드

폰트 조합 황금 법칙:
헤드라인 폰트 1개 + 본문 폰트 1개 = 최대 2개 조합이 기본.
3개 이상 쓰면 산만해 보임. 단, 같은 폰트 패밀리 내에서 Bold/Regular/Light를 다르게 쓰는 건 OK.

✅ 해상도 300dpi 이상 확인
✅ 컬러 모드 CMYK 확인 (RGB로 납품하면 인쇄 색상 달라짐!)
✅ 블리드(재단 여백) 3mm 포함 여부
✅ 폰트 아웃라인 처리 또는 폰트 파일 함께 제공
✅ 링크 이미지 임베드 처리
✅ PDF/X-1a 또는 PDF/X-4 형식으로 저장
✅ 인쇄소 사양 확인 (업체마다 요구사항 다름)

✅ 해상도 72~96dpi (웹용) 또는 150dpi (고해상도 디스플레이용)
✅ 컬러 모드 RGB 확인
✅ 파일 형식: JPG(사진), PNG(투명 배경), SVG(벡터), GIF/MP4(애니메이션)
✅ 파일 용량 최적화 (웹 로딩 속도 고려)
✅ 각 플랫폼별 사이즈 맞춤 제작 (인스타그램, 페이스북, 카카오 등)
✅ 원본 파일(AI, PSD, Figma) 함께 제공 여부 확인

1. 폰트 너무 많이 쓰기
3가지 이상 폰트를 쓰면 산만해 보임. 최대 2~3가지 이내로 제한.

2. 컬러 너무 많이 쓰기
무지개색 홍보물은 아무것도 강조하지 않는 거랑 같음. 3색 이내 팔레트 유지.

3. 텍스트 과부하
홍보물에 모든 정보를 다 넣으려는 욕심. 핵심만 남기고 나머지는 QR코드로 연결.

4. 해상도 무시
웹에서 예쁘게 보이던 이미지가 인쇄하면 흐릿하게 나오는 경우. 인쇄용은 반드시 300dpi 이상.

5. 블리드 미설정
인쇄 후 재단할 때 흰 여백이 생기는 문제. 블리드 3mm 반드시 설정.

6. CTA 없음
"그래서 나보고 뭘 하라는 거야?"라는 반응이 나오면 실패. 명확한 행동 유도 필수.

7. 타깃 무시
디자이너 본인이 좋아하는 스타일로 만드는 것. 타깃이 좋아하는 스타일로 만들어야 함.

8. 브랜드 가이드 무시
클라이언트 브랜드 컬러나 로고 규정을 무시하고 임의로 변경하는 것.

9. 저작권 이미지 무단 사용
구글 이미지 검색해서 그냥 쓰는 것. 반드시 라이선스 확인하거나 유료 스톡 이미지 사용.

10. 모바일 최적화 미고려
디지털 홍보물인데 PC 화면에서만 확인하고 모바일에서 확인 안 하는 것.

Adobe Illustrator — 벡터 기반 홍보물 제작의 표준. 인쇄물 제작에 필수.
Adobe InDesign — 다페이지 홍보물, 브로셔, 카탈로그 제작에 최적화.
Adobe Photoshop — 이미지 편집, 사진 합성, 디지털 홍보물 제작.
Figma — 무료, 협업 최강, 디지털 홍보물과 UI 디자인에 탁월.
Canva — 비디자이너도 쉽게 쓸 수 있는 온라인 디자인 툴. 템플릿 풍부.

Unsplash — 고품질 무료 사진 (상업적 사용 가능)
Pexels — 무료 사진 + 동영상
Freepik — 벡터 일러스트, 아이콘, 템플릿 (무료/유료 혼합)
Flaticon — 아이콘 전문 사이트
Font Awesome — 웹용 아이콘 폰트
Google Fonts — 무료 폰트 (상업적 사용 가능)

Coolors.co — 랜덤 팔레트 생성, 조화로운 컬러 조합 추천
Adobe Color — 컬러 이론 기반 팔레트 생성
Paletton — 보색, 유사색 등 컬러 관계 시각화
Color Hunt — 큐레이션된 트렌디한 팔레트 모음

Milanote — 무드보드 전용, 직관적인 UI
Miro — 온라인 화이트보드, 팀 협업에 최적
Pinterest — 레퍼런스 수집과 무드보드 구성
Notion — 문서 + 이미지 통합 관리

① 브리핑 → 목표와 타깃을 명확히 파악
② 리서치 → 시장 트렌드와 레퍼런스 수집
③ 컨셉 개발 → 핵심 메시지 + 감성 방향 + 무드보드
④ 스토리보드 → 정보 위계 + 시선 흐름 + 레이아웃 설계
⑤ 시각화 → 컬러, 타이포, 이미지로 컨셉 구현
⑥ 피드백·수정 → 체계적인 수정 관리
⑦ 납품 → 인쇄용/디지털용 파일 분리 제공