본문으로 건너뛰기

AI로 무드보드 10분 만에 만들기

짧은 브리프를 시각 키워드로 바꾸고, 스타일을 맞춘 이미지 9장과 5색 팔레트를 뽑아 한 장짜리 무드보드로 정리합니다.

입문디자이너마케터

12분2026.10 기준

이 글을 마치면

  • '따뜻한 느낌' 같은 브리프의 말을 사진에 보이는 시각 키워드 3~5개로 바꿀 수 있습니다.
  • 스타일 블록은 고정하고 소재만 바꿔, 한 보드에 어울리는 이미지 9장을 뽑을 수 있습니다.
  • 역할이 정해진 5색 팔레트를 받아 글자 명도 대비를 확인하고, 공유 전에 무엇을 표시할지 압니다.
키워드 카드가 화살표로 3×3 격자 무드보드로 이어지고, 보드 아래에 색 칩과 대비 확인 표시가 붙어 있으며, 글자가 뭉개진 이미지 한 장이 X 표시와 함께 보드 밖으로 빠진 일러스트
일러스트: AI Ping

이런 분께

  • 킥오프 회의 전에 시각 방향을 빨리 보여 줘야 하는 디자이너
  • 원하는 느낌을 디자이너에게 말로 설명하기 어려운 마케터

준비물

  • '디자이너를 위한 이미지 생성 프롬프트 기초' 글을 먼저 보면 좋습니다.
  • 이미지 생성 AI와 대화형 AI 하나씩 (무료 버전은 생성 횟수가 제한되는 경우가 많습니다)
  • 이미지를 모아 놓을 도구 (피그마, 파워포인트 등 평소 쓰는 것)

단계별 따라하기

  1. 브리프를 보이는 키워드로 바꾸기

    무드보드는 '이런 느낌'을 말 대신 이미지로 맞춰 보는 판입니다. 그런데 '따뜻하고 정직한'처럼 브리프에 적힌 형용사를 그대로 이미지 생성 AI에 넣으면 어디서 본 듯한 결과가 나오기 쉽습니다.

    그래서 대화형 AI에게 먼저 브리프를 시각 키워드로 바꿔 달라고 합니다. 키워드마다 사진에 실제로 보이는 것을 함께 적게 하면, 다음 단계에서 그대로 프롬프트의 소재로 쓸 수 있습니다.

    프롬프트 예시
    동네 빵집 리브랜딩용 무드보드를 만들려고 해.
    브리프: 15년 된 동네 빵집. 아침 7시에 문을 열고, 천연 발효빵과 단팥빵이 대표 메뉴야. 손님은 대부분 동네 단골이야.
    원하는 느낌: 따뜻하고, 정직하고, 오래 다닌 단골집 같은
    이 브리프를 시각 키워드 4개로 바꿔서 표로 보여 줘. 키워드마다 사진에 실제로 보이는 것을 한 줄로 적고, 브랜드나 작가 이름은 쓰지 마.
    AI 답변 예시

    브리프의 느낌을 사진에 담을 수 있는 장면으로 옮겼습니다.

    AI가 돌려준 시각 키워드 (예시)
    키워드사진에 보이는 것
    이른 아침 빛창으로 낮게 들어오는 노란 햇살과 길게 늘어진 그림자
    손의 흔적밀가루 묻은 손, 손으로 빚어 모양이 조금씩 다른 빵
    오래 쓴 도구칼자국 많은 나무 도마, 무명천, 손때 묻은 법랑 그릇
    갓 구운 빵껍질이 갈라진 발효빵, 자른 단면에서 오르는 김

    확인해 보기

    • 키워드마다 '이걸 사진으로 찍을 수 있나?'를 물어보세요. '정직함'처럼 찍을 수 없는 말이 남아 있으면 보이는 장면으로 다시 바꿔 달라고 합니다.
  2. 스타일은 고정하고 소재만 바꾸기

    한 보드의 이미지는 빛과 색감이 비슷해야 한 묶음으로 보입니다. 스타일·빛·색감을 적은 고정 블록을 하나 만들어 매번 그대로 붙여 넣고, 소재 칸만 바꾸세요.

    앞 글에서 한 번에 한 칸만 바꾼 것과 같은 원리입니다. 키워드 4개에서 소재를 2~3개씩 뽑으면 9장이 금방 찹니다. 결과는 생성할 때마다 달라지니 소재마다 몇 장씩 뽑아 가장 가까운 것을 고르세요.

    격자로 놓을 거라면 비율(예: 정사각형)도 맞춰 두면 편합니다. 비율은 프롬프트보다 도구의 설정에서 고르는 경우가 많습니다.

    고정 블록은 그대로, 소재 칸만 바꾼 9장 목록
    #키워드소재 (바꾸는 부분)
    1이른 아침 빛창가 선반에 놓인 발효빵 한 덩이
    2이른 아침 빛막 문을 연 빵집의 빈 나무 바닥
    3이른 아침 빛김이 서린 진열장 유리 너머의 빵들
    4손의 흔적밀가루 묻은 손이 반죽을 접는 모습
    5손의 흔적모양이 조금씩 다른 단팥빵이 놓인 철판
    6오래 쓴 도구칼자국이 많은 오래된 나무 도마
    7오래 쓴 도구무명천을 덮어 둔 발효 바구니
    8갓 구운 빵반으로 자른 발효빵 단면에서 오르는 김
    9갓 구운 빵갈색 종이봉투에 담긴 갓 구운 빵
    프롬프트 예시
    스타일(고정): 필름 사진 느낌, 약한 입자, 이른 아침의 낮고 따뜻한 햇살, 크림색과 밀색 위주의 낮은 채도, 얕은 심도
    소재: 창가 선반에 놓인 발효빵 한 덩이

    확인해 보기

    • 9장을 한 화면에 나란히 놓아 보세요. 한 장만 색감이 튀면 그 장의 고정 블록이 바뀌지 않았는지 먼저 확인합니다.
    • 고정 블록은 메모장에 저장해 두고 복사해 붙이세요. 매번 손으로 다시 치면 단어가 조금씩 달라집니다.
  3. 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에 못 미칩니다.
    • 생성 이미지에서 스포이트로 찍은 색과 팔레트를 나란히 놓아 보고, 보드 분위기와 어긋나는 색은 이미지에서 찍은 색으로 바꿉니다.
  4. 3×3으로 놓고 덜어 내기

    고른 이미지를 3×3 격자로 놓고 팔레트를 아래에 색 칩으로 붙입니다. 가운데 칸에는 브리프를 가장 잘 보여 주는 한 장을 둡니다.

    그다음 혼자 튀는 이미지를 덜어 냅니다. 남기는 이미지마다 어떤 키워드를 보여 주는지 한 줄씩 적어 두면 회의에서 설명하기 쉽고, 다음 작업의 프롬프트로도 다시 쓸 수 있습니다.

    보드 기능을 갖춘 생성 도구도 있습니다. 예를 들어 Adobe의 Firefly 보드에서는 이미지를 올리거나 생성해 한 보드에 모으고, 팀과 공유할 수 있습니다. 쓸 수 있는 기능과 보드 개수는 요금제에 따라 다릅니다.

    보드에서 덜어 낼 이미지
    이런 이미지빼는 이유대신
    색감이 혼자 튀는 이미지보드가 한 묶음으로 보이지 않음고정 블록을 확인하고 다시 생성
    알 수 없는 글자나 로고 같은 무늬가 생긴 이미지다른 브랜드로 오해받을 수 있음간판이나 포장이 보이지 않는 구도로 다시 생성
    손가락이나 그릇 모양이 어색한 이미지회의가 결함 이야기로 흐름같은 소재의 다른 장으로 교체
    보기 좋지만 키워드와 상관없는 이미지보드의 방향이 흐려짐가장 약한 키워드로 한 장 더 생성

    확인해 보기

    • 남긴 9장마다 어떤 키워드를 보여 주는지 한 줄로 말할 수 있는지 보세요. 설명하지 못하는 이미지는 빼는 편이 낫습니다.
  5. 공유하기 전에 표시하고 확인하기

    무드보드는 방향을 맞추는 참고 자료이지 최종 결과물이 아닙니다. 보드 한쪽에 'AI로 만든 참고 이미지, 최종 디자인 아님'이라고 적어 두면, 받는 사람이 그대로 쓰거나 실제 매장 사진으로 오해하는 일을 막을 수 있습니다.

    스타일은 실존 작가 이름 대신 '필름 사진', '수채화'처럼 기법과 재료로 설명하세요. 작가나 다른 브랜드 이름을 넣으면 그 작품이나 브랜드를 닮은 결과가 나오기 쉽습니다. 생성 이미지를 어디까지 쓸 수 있는지는 서비스 약관마다 다르며, '생성 이미지 저작권·상업적 이용 체크리스트' 글에서 자세히 다룹니다.

    확인해 보기

    • 보드에 AI로 만든 참고 이미지라는 표시가 있나요?
    • 프롬프트에 실존 작가, 다른 브랜드, 실제 인물의 이름이 들어가지 않았나요?
    • 쓰는 생성 서비스의 약관에서 생성 이미지 이용 조건을 확인했나요?

자주 하는 실수

  • '따뜻한', '감성적인' 같은 브리프의 형용사를 그대로 프롬프트에 넣기
  • 이미지마다 스타일 문구를 새로 써서 보드가 한 묶음으로 보이지 않게 되기
  • AI가 준 색을 대비 확인 없이 글자색으로 쓰기

참고 자료

더 배워 보기