AI로 무드보드 10분 만에 만들기
짧은 브리프를 시각 키워드로 바꾸고, 스타일을 맞춘 이미지 9장과 5색 팔레트를 뽑아 한 장짜리 무드보드로 정리합니다.
12분2026.10 기준
이 글을 마치면
- '따뜻한 느낌' 같은 브리프의 말을 사진에 보이는 시각 키워드 3~5개로 바꿀 수 있습니다.
- 스타일 블록은 고정하고 소재만 바꿔, 한 보드에 어울리는 이미지 9장을 뽑을 수 있습니다.
- 역할이 정해진 5색 팔레트를 받아 글자 명도 대비를 확인하고, 공유 전에 무엇을 표시할지 압니다.
이런 분께
- 킥오프 회의 전에 시각 방향을 빨리 보여 줘야 하는 디자이너
- 원하는 느낌을 디자이너에게 말로 설명하기 어려운 마케터
준비물
- '디자이너를 위한 이미지 생성 프롬프트 기초' 글을 먼저 보면 좋습니다.
- 이미지 생성 AI와 대화형 AI 하나씩 (무료 버전은 생성 횟수가 제한되는 경우가 많습니다)
- 이미지를 모아 놓을 도구 (피그마, 파워포인트 등 평소 쓰는 것)
단계별 따라하기
브리프를 보이는 키워드로 바꾸기
무드보드는 '이런 느낌'을 말 대신 이미지로 맞춰 보는 판입니다. 그런데 '따뜻하고 정직한'처럼 브리프에 적힌 형용사를 그대로 이미지 생성 AI에 넣으면 어디서 본 듯한 결과가 나오기 쉽습니다.
그래서 대화형 AI에게 먼저 브리프를 시각 키워드로 바꿔 달라고 합니다. 키워드마다 사진에 실제로 보이는 것을 함께 적게 하면, 다음 단계에서 그대로 프롬프트의 소재로 쓸 수 있습니다.
프롬프트 예시 동네 빵집 리브랜딩용 무드보드를 만들려고 해. 브리프: 15년 된 동네 빵집. 아침 7시에 문을 열고, 천연 발효빵과 단팥빵이 대표 메뉴야. 손님은 대부분 동네 단골이야. 원하는 느낌: 따뜻하고, 정직하고, 오래 다닌 단골집 같은 이 브리프를 시각 키워드 4개로 바꿔서 표로 보여 줘. 키워드마다 사진에 실제로 보이는 것을 한 줄로 적고, 브랜드나 작가 이름은 쓰지 마.
AI 답변 예시 브리프의 느낌을 사진에 담을 수 있는 장면으로 옮겼습니다.
AI가 돌려준 시각 키워드 (예시) 키워드 사진에 보이는 것 이른 아침 빛 창으로 낮게 들어오는 노란 햇살과 길게 늘어진 그림자 손의 흔적 밀가루 묻은 손, 손으로 빚어 모양이 조금씩 다른 빵 오래 쓴 도구 칼자국 많은 나무 도마, 무명천, 손때 묻은 법랑 그릇 갓 구운 빵 껍질이 갈라진 발효빵, 자른 단면에서 오르는 김 확인해 보기
- 키워드마다 '이걸 사진으로 찍을 수 있나?'를 물어보세요. '정직함'처럼 찍을 수 없는 말이 남아 있으면 보이는 장면으로 다시 바꿔 달라고 합니다.
스타일은 고정하고 소재만 바꾸기
한 보드의 이미지는 빛과 색감이 비슷해야 한 묶음으로 보입니다. 스타일·빛·색감을 적은 고정 블록을 하나 만들어 매번 그대로 붙여 넣고, 소재 칸만 바꾸세요.
앞 글에서 한 번에 한 칸만 바꾼 것과 같은 원리입니다. 키워드 4개에서 소재를 2~3개씩 뽑으면 9장이 금방 찹니다. 결과는 생성할 때마다 달라지니 소재마다 몇 장씩 뽑아 가장 가까운 것을 고르세요.
격자로 놓을 거라면 비율(예: 정사각형)도 맞춰 두면 편합니다. 비율은 프롬프트보다 도구의 설정에서 고르는 경우가 많습니다.
고정 블록은 그대로, 소재 칸만 바꾼 9장 목록 # 키워드 소재 (바꾸는 부분) 1 이른 아침 빛 창가 선반에 놓인 발효빵 한 덩이 2 이른 아침 빛 막 문을 연 빵집의 빈 나무 바닥 3 이른 아침 빛 김이 서린 진열장 유리 너머의 빵들 4 손의 흔적 밀가루 묻은 손이 반죽을 접는 모습 5 손의 흔적 모양이 조금씩 다른 단팥빵이 놓인 철판 6 오래 쓴 도구 칼자국이 많은 오래된 나무 도마 7 오래 쓴 도구 무명천을 덮어 둔 발효 바구니 8 갓 구운 빵 반으로 자른 발효빵 단면에서 오르는 김 9 갓 구운 빵 갈색 종이봉투에 담긴 갓 구운 빵 프롬프트 예시 스타일(고정): 필름 사진 느낌, 약한 입자, 이른 아침의 낮고 따뜻한 햇살, 크림색과 밀색 위주의 낮은 채도, 얕은 심도 소재: 창가 선반에 놓인 발효빵 한 덩이
확인해 보기
- 9장을 한 화면에 나란히 놓아 보세요. 한 장만 색감이 튀면 그 장의 고정 블록이 바뀌지 않았는지 먼저 확인합니다.
- 고정 블록은 메모장에 저장해 두고 복사해 붙이세요. 매번 손으로 다시 치면 단어가 조금씩 달라집니다.
5색 팔레트 받고 글자 대비 확인하기
이미지가 모이면 보드에 붙일 색 5개를 정합니다. 대화형 AI에 키워드를 주고, 색마다 헥스 코드와 역할(배경, 본문 글자, 강조 등)을 함께 받으세요. 역할이 정해져 있어야 나중에 실제 디자인으로 옮기기 쉽습니다.
팔레트의 색을 글자에 쓸 거라면 배경과의 명도 대비를 확인하세요. 웹 접근성 지침(WCAG)은 본문 글자에 4.5:1 이상, 큰 글자(보통 18pt 이상, 굵은 글자는 14pt 이상)에 3:1 이상의 대비를 요구합니다.
프롬프트 예시 아래 시각 키워드로 무드보드에 붙일 5색 팔레트를 제안해 줘. 키워드: 이른 아침 빛, 손의 흔적, 오래 쓴 도구, 갓 구운 빵 표로 색 이름, 헥스 코드, 역할(배경·본문 글자·강조 등)을 적어 줘. 본문 글자색은 배경색과의 명도 대비가 4.5:1 이상이어야 해.
AI 답변 예시 밀가루와 구운 껍질의 색을 중심으로 골랐습니다. 본문 글자는 크림색 배경 위에 짙은 갈색으로 쓰는 조합을 기준으로 했으니, 대비 값은 검사 도구로 한 번 더 확인해 주세요.
AI가 제안한 팔레트 (예시) 색 이름 헥스 코드 역할 크림 #F7F1E6 배경 밀 #D9B77E 보조 면 (카드, 구분선) 구운 껍질 #B5643C 강조 (제목, 아이콘) 올리브 #6B7A3F 포인트 (작은 장식) 짙은 갈색 #3B2A20 본문 글자 확인해 보기
- WCAG 계산식으로 직접 계산하면 본문 글자 #3B2A20과 배경 #F7F1E6의 대비는 약 12.1:1로 기준을 넉넉히 넘습니다. 강조색 #B5643C는 같은 배경에서 약 3.8:1이라 큰 제목에만 쓰고, 밀색 #D9B77E는 약 1.7:1이라 글자색으로는 쓰지 않습니다.
- 대비 값은 AI의 말만 믿지 말고 명도 대비 검사 도구에 두 헥스 코드를 넣어 확인하세요. 기준 값은 반올림하지 않고 비교하므로 4.499:1은 4.5:1에 못 미칩니다.
- 생성 이미지에서 스포이트로 찍은 색과 팔레트를 나란히 놓아 보고, 보드 분위기와 어긋나는 색은 이미지에서 찍은 색으로 바꿉니다.
3×3으로 놓고 덜어 내기
고른 이미지를 3×3 격자로 놓고 팔레트를 아래에 색 칩으로 붙입니다. 가운데 칸에는 브리프를 가장 잘 보여 주는 한 장을 둡니다.
그다음 혼자 튀는 이미지를 덜어 냅니다. 남기는 이미지마다 어떤 키워드를 보여 주는지 한 줄씩 적어 두면 회의에서 설명하기 쉽고, 다음 작업의 프롬프트로도 다시 쓸 수 있습니다.
보드 기능을 갖춘 생성 도구도 있습니다. 예를 들어 Adobe의 Firefly 보드에서는 이미지를 올리거나 생성해 한 보드에 모으고, 팀과 공유할 수 있습니다. 쓸 수 있는 기능과 보드 개수는 요금제에 따라 다릅니다.
보드에서 덜어 낼 이미지 이런 이미지 빼는 이유 대신 색감이 혼자 튀는 이미지 보드가 한 묶음으로 보이지 않음 고정 블록을 확인하고 다시 생성 알 수 없는 글자나 로고 같은 무늬가 생긴 이미지 다른 브랜드로 오해받을 수 있음 간판이나 포장이 보이지 않는 구도로 다시 생성 손가락이나 그릇 모양이 어색한 이미지 회의가 결함 이야기로 흐름 같은 소재의 다른 장으로 교체 보기 좋지만 키워드와 상관없는 이미지 보드의 방향이 흐려짐 가장 약한 키워드로 한 장 더 생성 확인해 보기
- 남긴 9장마다 어떤 키워드를 보여 주는지 한 줄로 말할 수 있는지 보세요. 설명하지 못하는 이미지는 빼는 편이 낫습니다.
공유하기 전에 표시하고 확인하기
무드보드는 방향을 맞추는 참고 자료이지 최종 결과물이 아닙니다. 보드 한쪽에 'AI로 만든 참고 이미지, 최종 디자인 아님'이라고 적어 두면, 받는 사람이 그대로 쓰거나 실제 매장 사진으로 오해하는 일을 막을 수 있습니다.
스타일은 실존 작가 이름 대신 '필름 사진', '수채화'처럼 기법과 재료로 설명하세요. 작가나 다른 브랜드 이름을 넣으면 그 작품이나 브랜드를 닮은 결과가 나오기 쉽습니다. 생성 이미지를 어디까지 쓸 수 있는지는 서비스 약관마다 다르며, '생성 이미지 저작권·상업적 이용 체크리스트' 글에서 자세히 다룹니다.
확인해 보기
- 보드에 AI로 만든 참고 이미지라는 표시가 있나요?
- 프롬프트에 실존 작가, 다른 브랜드, 실제 인물의 이름이 들어가지 않았나요?
- 쓰는 생성 서비스의 약관에서 생성 이미지 이용 조건을 확인했나요?
자주 하는 실수
- '따뜻한', '감성적인' 같은 브리프의 형용사를 그대로 프롬프트에 넣기
- 이미지마다 스타일 문구를 새로 써서 보드가 한 묶음으로 보이지 않게 되기
- AI가 준 색을 대비 확인 없이 글자색으로 쓰기
참고 자료
- 효과적인 텍스트 프롬프트 작성 — Adobe 도움말 센터
- Firefly 보드 정보 — Adobe 도움말 센터
- Understanding Success Criterion 1.4.3: Contrast (Minimum) — W3C Web Accessibility Initiative (WAI)