AI로 무드보드의 방향 정하고 검수하기

1. 1

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

   “따뜻한 빵집”이라는 말에 한 사람은 노란 조명을, 다른 사람은 투박한 나무 진열대를 떠올립니다. 이 수업의 빵집은 연습용 가상 브랜드이며, 15년 운영과 오전 7시 개점도 만든 조건입니다. 실제 매장의 역사나 사진을 대신하지 않습니다.

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

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

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

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

   브리프에서 만든 시각 키워드 초안

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

   확인해 보기

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

1. 2

   스타일은 고정하고 소재만 바꾸기

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

   

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

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

   고정 블록은 그대로, 소재 칸만 바꾼 9장 목록

   #	키워드	소재 (바꾸는 부분)
   1	이른 아침 빛	창가 선반에 놓인 발효빵 한 덩이
   2	이른 아침 빛	막 문을 연 빵집의 빈 나무 바닥
   3	이른 아침 빛	김이 서린 진열장 유리 너머의 빵들
   4	손의 흔적	밀가루 묻은 손이 반죽을 접는 모습
   5	손의 흔적	모양이 조금씩 다른 단팥빵이 놓인 철판
   6	오래 쓴 도구	칼자국이 많은 오래된 나무 도마
   7	오래 쓴 도구	무명천을 덮어 둔 발효 바구니
   8	갓 구운 빵	반으로 자른 발효빵 단면에서 오르는 김
   9	갓 구운 빵	갈색 종이봉투에 담긴 갓 구운 빵

   스타일(고정): 필름 사진 느낌, 약한 입자, 이른 아침의 낮고 따뜻한 햇살, 크림색과 밀색 위주의 낮은 채도, 얕은 심도
   소재: 창가 선반에 놓인 발효빵 한 덩이

   확인해 보기

   • 9장을 한 화면에 나란히 놓아 보세요. 한 장만 색감이 튀면 그 장의 고정 블록이 바뀌지 않았는지 먼저 확인합니다.
   • 고정 블록은 메모장에 저장해 두고 복사해 붙이세요. 매번 손으로 다시 치면 단어가 조금씩 달라집니다.
2. 3

   5색 팔레트 받고 글자 대비 확인하기

   이미지가 모이면 보드에 붙일 색 5개를 정합니다. 대화형 AI에 키워드를 주고, 색마다 헥스 코드와 역할(배경, 본문 글자, 강조 등)을 함께 받으세요. 역할이 정해져 있어야 나중에 실제 디자인으로 옮기기 쉽습니다.

   

   팔레트의 색을 글자에 쓸 거라면 배경과의 명도 대비를 확인하세요. 웹 접근성 지침(WCAG)은 본문 글자에 4.5:1 이상, 큰 글자(보통 18pt 이상, 굵은 글자는 14pt 이상)에 3:1 이상의 대비를 요구합니다.

   아래 시각 키워드로 무드보드에 붙일 5색 팔레트를 제안해 줘.
   키워드: 이른 아침 빛, 손의 흔적, 오래 쓴 도구, 갓 구운 빵
   표로 색 이름, 헥스 코드, 역할(배경·본문 글자·강조 등)을 적어 줘. 본문 글자색은 배경색과의 명도 대비가 4.5:1 이상이어야 해.

   아래는 편집자가 만든 팔레트입니다. 실제 모델 응답이 아니며 모든 색 조합이 글자색으로 적합하다는 뜻도 아닙니다.

   편집자가 구성한 연습용 팔레트

   색 이름	헥스 코드	역할
   크림	#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. 4

   3×3으로 놓고 덜어 내기

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

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

   보드는 종이, 슬라이드, 사용이 허용된 협업 도구 중 편한 곳에서 만들면 됩니다. 생성 도구의 보드 기능이 꼭 필요한 것은 아닙니다. 공유 전에는 링크로 누가 열 수 있는지와 다운로드 가능한 원본이 무엇인지 확인합니다.

   보드에서 덜어 낼 이미지

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

   확인해 보기

   • 남긴 9장마다 어떤 키워드를 보여 주는지 한 줄로 말할 수 있는지 보세요. 설명하지 못하는 이미지는 빼는 편이 낫습니다.
4. 5

   공유하기 전에 표시하고 확인하기

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

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

   확인해 보기

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

정답을 맞혀야 다음 수업으로 가는 시험이 아닙니다. 해설을 읽고 이해하는 데 사용하세요.

1. Q1빵집을 “정직하다”로만 설명한 키워드를 보이는 장면으로 고쳐 보세요.

   내 생각 적기 (선택)

   내 생각 적기 (선택)

   작성 내용은 전송되지 않으며, 페이지를 떠나거나 새로고침하면 사라져요. 필요한 내용은 복사해 두세요.

   답과 해설 보기

   가격표를 제외한 장면 연습이라면 반죽을 접는 손, 오래 쓴 도마처럼 눈에 보이는 대상을 적습니다. 그 장면이 실제 매장의 제조 방식임을 증명한다고 쓰지는 않습니다. 빵집 조건은 연습용입니다.

   해설을 읽고 이해했어요

   직접 비교한 표시이며 자동 채점은 아니에요.

2. Q2대비 3.8:1인 색을 작은 본문에 써도 될까요?

   내 생각 적기 (선택)

   내 생각 적기 (선택)

   작성 내용은 전송되지 않으며, 페이지를 떠나거나 새로고침하면 사라져요. 필요한 내용은 복사해 두세요.

   답과 해설 보기

   일반 본문에 적용하는 WCAG AA의 4.5:1 기준을 충족하지 못합니다. 글자색을 더 어둡게 바꾸고 실제 배경과 다시 계산합니다. 크림과 강조색의 연습 팔레트 조합에 대한 판단입니다.

   해설을 읽고 이해했어요

   직접 비교한 표시이며 자동 채점은 아니에요.

3. Q3생성 시안을 보고 고객이 “이 진열대를 그대로 주문하자”고 합니다. 어떤 설명을 보탤까요?

   내 생각 적기 (선택)

   내 생각 적기 (선택)

   작성 내용은 전송되지 않으며, 페이지를 떠나거나 새로고침하면 사라져요. 필요한 내용은 복사해 두세요.

   답과 해설 보기

   참고 이미지는 실제 제품이나 시공 사양이 아니라고 설명합니다. 보드에서 합의한 것은 색과 분위기이며, 치수·재료·제작 가능 여부는 별도로 확인할 항목으로 남깁니다.

   해설을 읽고 이해했어요

   직접 비교한 표시이며 자동 채점은 아니에요.

1. 6

   직접 해 보기: 한 가지 결정으로 끝내기

   그림 아홉 장을 모았다는 사실보다 회의에서 무엇을 결정할지가 중요합니다. 이번 보드의 질문을 “부드러운 아침빛과 낮은 채도를 기본으로 삼을까?”로 좁히세요. 매장 인테리어, 포장 재료, 최종 로고까지 한꺼번에 승인받으려 하면 참고 이미지가 실제 사양으로 오해됩니다.

   각 칸에 선택 이유와 출처를 한 줄씩 붙입니다. “오래 쓴 도구 — 칼자국의 질감 참고, 실제 매장 도구 사진 아님”처럼 쓸 수 있습니다. 실제 사진, 직접 그린 그림, 생성 시안이 섞였다면 종류도 구분하세요. 아홉 장이 모자라도 출처를 모르는 그림으로 빈칸을 채우지는 않습니다.

   동료에게 보드를 보여 주고 같은 키워드를 읽어 내는지 물어봅니다. 서로 다르게 해석한 한 장만 바꾼 뒤 왜 바꿨는지 기록하세요. 마지막에는 합의한 방향과 보류한 항목을 적습니다. “이 팔레트로 본문까지 확정” 대신 본문색과 배경색을 실제 화면에서 시험할 과제를 남기는 편이 정확합니다.