5단계 디자인 컨셉 생성하기

퍼널 에디터 5단계 디자인은 이 퍼널이 어떤 색과 글꼴, 어떤 분위기로 보여야 하는지를 한 장의 가이드로 정하는 단계입니다. 버튼 한 번으로 AI가 색상 팔레트, 타이포그래피, 분위기와 스타일, 이미지 제작용 문구를 만들어 주고, 이 결과는 뒤에 이어지는 프로토타입 단계에서 디자인 기준으로 쓰입니다. 이 글에서는 디자인 컨셉을 생성하는 방법과 결과의 각 영역을 읽는 방법을 안내합니다.

1. 5단계 화면 열기

4단계에서 다음을 누르거나 위쪽 단계 탭의 디자인을 누르면 Step 5 / 7 화면이 열립니다. 부제는 "디자인 컨셉을 정의합니다"이고, 화면 가운데에 AI 추천 디자인 컨셉 제목과 "브랜드와 분위기가 담긴 고유한 디자인 가이드입니다." 안내, 그리고 AI 디자인 컨셉 생성 버튼이 있습니다. 아직 생성하지 않았다면 그 아래는 비어 있습니다.

2. 디자인 컨셉 생성하기

AI 디자인 컨셉 생성을 누르면 "AI가 디자인 컨셉을 생성하고 있습니다..." 로딩 창이 뜨고 그 아래에 "색상, 타이포그래피, 분위기 분석 중"이라는 설명이 함께 나옵니다. 생성에는 수십 초가 걸리고, 끝나면 화면이 새로 고쳐지면서 결과가 나타납니다. 생성된 결과는 따로 저장 버튼을 누르지 않아도 남아 있어서 화면을 다시 열어도 그대로 보입니다. 이 기능은 앞 단계에서 정한 타겟과 퍼널 정보를 바탕으로 하며, AI 기능이므로 구독의 AI 사용 한도와 크레딧 상태에 따라 실행됩니다.

3. 결과 읽기

결과는 세 영역으로 나뉩니다.

• 색상 팔레트: Primary(주 색상), Secondary(보조), Accent(강조), Background(배경), Text(글자) 다섯 색이 색 견본과 색 코드(# 으로 시작하는 값)로 표시됩니다. 퍼널 페이지를 꾸밀 때 이 색 코드를 그대로 가져다 쓸 수 있습니다.
• 타이포그래피: PRIMARY (HEADINGS) 상자에는 제목용 글꼴과 쓰는 방식이, SECONDARY (BODY) 상자에는 본문용 글꼴과 쓰는 방식이 적힙니다.
• 분위기 & 스타일: 무드는 전체 분위기를 설명하는 글, 이미지 스타일은 사진이나 일러스트를 어떤 톤으로 쓸지에 대한 글, AI 이미지 프롬프트는 이미지를 만들 때 쓸 수 있도록 장면을 구체적으로 적은 문구입니다.

4. 결과가 어떻게 나오는지 예시로 보기

천연 수제 비누 정기배송을 예시로 생성했을 때, 색상 팔레트는 차분한 초록 계열 Primary(#5E7A63), 베이지 Secondary(#C9B8A3), 살구색 Accent(#D98B6A), 따뜻한 흰색 Background(#FAF6F0), 짙은 갈색 Text(#2F2A25)로 구성되었습니다. 무드는 "퇴근 후 조명을 낮춘 욕실에서 하루를 정리하는 차분한 저녁 분위기"처럼 타겟의 상황을 반영해 쓰였고, 이미지 스타일은 자연광이 드는 라이프스타일 사진 톤과 쓰지 않을 표현(과장된 보정, 광고 느낌 등)까지 구체적으로 적었습니다. 이처럼 색 이름만 나열하는 것이 아니라 왜 그런 분위기여야 하는지가 문장으로 함께 나오므로, 결과를 읽으면서 앞 단계에서 정한 타겟과 맞는지 점검하기 쉽습니다.

결과 영역은 읽기 화면이며 입력칸이 없습니다. 마음에 들지 않으면 AI 디자인 컨셉 생성을 다시 눌러 새 결과를 받습니다. 결과를 확인했다면 화면 아래 다음을 눌러 6단계 프로토타입으로 넘어갑니다.

5. 이렇게 활용해 보세요

• 색상 팔레트는 브랜드가 이미 쓰는 색이 있는지부터 비교해 보세요. 기존 색과 어긋난다면 이 단계에서 방향을 잡고 다시 생성해 보는 것이 좋습니다.
• 무드와 이미지 스타일은 디자이너나 제작 도구에 전달하는 설명으로 그대로 복사해 쓰기 좋습니다.
• AI 이미지 프롬프트는 외부 이미지 도구에 붙여 넣어 시안을 만들 때 쓰세요.

6. 알아 두실 점

• 이 화면에서 만들어지는 것은 문서 형태의 디자인 가이드입니다. 실제 페이지 디자인은 다음 6단계 프로토타입에서 만들어집니다.
• 생성 버튼은 결과가 있어도 화면에 그대로 남아 있으니, 결과를 다시 받고 싶을 때 같은 버튼을 사용합니다.
• AI 기능에 쓰이는 크레딧과 사용 한도는 플랜별로 다릅니다. 실행 전에 화면의 안내를 확인하세요.