어떤 느낌인지 아실 겁니다. 흰색 배경. 파란색 버튼. Inter 폰트. 보라색에서 남색으로 이어지는 그라데이션이 적용된 히어로 섹션. 똑같은 둥근 모서리와 희미한 그림자가 들어간 카드. 왼쪽에는 로고, 오른쪽에는 "시작하기(Get Started)" 버튼이 있는 내비게이션 바.

이미 백 번은 보셨을 겁니다. 그리고 처음 앱을 생성했을 때 또 보셨을 겁니다. 단, 이번에는 그게 바로 여러분의 앱이었죠.

이는 현재 바이브 코딩(vibe coding) 분야에서 가장 많이 검색되지만 가장 답변이 부족한 질문입니다. AI가 학습한 모든 결과물의 평균처럼 보이는 것이 아니라, 나만의 느낌이 나는 결과물을 만들려면 어떻게 해야 할까요?

정답은 기술적인 해결책에 있지 않습니다. 그것은 '설명'의 문제입니다. 이 글에서 그 해답을 알려드리겠습니다.

저희의 목표는 아이디어를 가진 누구나 자신의 머릿속에 있는 것을 그대로 구현하도록 돕는 것입니다. 여기에는 당연히 '자신만의 것'이라는 느낌이 드는 결과물을 만드는 것도 포함되죠. 혹시 자신의 앱을 보고 "괜찮긴 한데, 너무 남들과 똑같아 보인다"라고 생각한 적이 있다면 잘 오셨습니다. 이 글이 바로 여러분을 위한 글입니다.

이 글에서 다룰 목표는 간단합니다:

AI가 왜 흔하고 평범한 디자인을 기본값으로 설정하는지, 그리고 그럴 때 실제로 무슨 일이 일어나는지
디자인 배경지식이 없어도 디자인을 묘사하는 데 필요한 어휘
Enter에서 평범함을 벗어나 독특함을 찾아가는 단계별 과정

왜 AI는 항상 똑같은 스타일로만 디자인할까?

가장 먼저, 무슨 일이 일어나고 있는지 이해해 봅시다. 원리를 깨닫고 나면 이전으로 돌아갈 수 없게 될 테니까요.

인공지능은 존재하는 데이터를 통해 학습합니다. 여러분이 "전문적인", "깔끔한", "현대적인" 디자인을 요구하면, AI는 자신이 학습한 모든 전문적이고 깔끔하며 현대적인 인터페이스의 통계적 평균치를 도출합니다. 그 평균이 바로 파란색, 흰색, Inter 폰트, 둥근 모서리, 그림자 효과가 들어간 카드라는 특정 얼굴을 하고 있는 것이죠.

이것이 나쁜 디자인이라는 뜻은 아닙니다. '안전한' 디자인이죠. 누구에게도 거부감을 주지 않지만, 그 누구와도 차별화되지 않는 디자인 말입니다.

AI는 미적 선택을 하는 것이 아니라, 확률적 선택을 합니다. AI는 이전까지 학습한 모든 것을 바탕으로 여러분이 묘사한 내용과 가장 일치할 가능성이 높은 인터페이스를 구축합니다. 여러분의 설명이 "현대적인", "미니멀한", "전문적인"처럼 모호할 때, 돌아오는 결과물은 그 모든 것의 평균치일 뿐입니다.

모든 것을 바꾸는 규칙은 간단합니다. 모호한 지시 → 평범한 결과물. 예외는 없습니다.

결국 해결책은 도구에 있는 것이 아니라, 도구와 소통하는 방식에 있습니다.

사고의 전환: 당신은 디자이너가 아니라 아트 디렉터입니다

대부분의 사람은 디자인을 할 때 폰트 이름, 컬러 코드, CSS 속성 같은 기술적 지식이 필요하다고 생각합니다. 하지만 이는 잘못된 접근 방식입니다.

이렇게 생각을 바꿔보세요. 여러분은 디자이너가 아니라 '아트 디렉터'입니다. 아트 디렉터는 직접 로고를 그리거나 코딩을 하지 않습니다. 대신 회의실에 들어가 무드 보드를 가리키며 "이런 느낌이면 좋겠는데, 조금 더 따뜻하고 날카로운 느낌을 추가해 줘"라고 말합니다. 구체적인 실행은 디자이너가 담당하죠.

여러분은 살면서 이미 이 능력을 키워왔습니다. 카페에 들어갔을 때 즉시 분위기가 좋다고 느낀 순간, 웹사이트에 들어갔다가 3초 만에 어딘가 어색해서 나갔던 경험, 무엇인가를 보고 "너무 과해" 혹은 "고급스러워"라고 느꼈던 그 모든 감각이 바로 '디자인 문해력'입니다. 단지 이전까지는 이를 표출할 채널이 없었을 뿐이죠.

이제 바이브 코딩이 그 채널을 제공합니다. 문제가 되는 것은 여러분의 취향이 아니라, 그 취향을 설명하는 방식입니다. 그리고 그것은 충분히 배울 수 있는 기술입니다.

평범함에서 독특함으로: 단계별 가이드

이제 실전입니다. 첫 문장을 타이핑하는 순간부터 확실한 주관을 가진 사람의 결과물처럼 보이는 앱을 만들기 위한 정확한 과정을 안내해 드리겠습니다.

무엇을 타이핑하기 전에 — 어휘력을 기르세요

디자인은 디자인 학위를 요구하지 않습니다. 적절한 단어를 필요로 할 뿐이죠. 가장 효과적인 몇 가지 범주를 소개합니다:

무드 키워드 — 제품의 전체적인 느낌을 AI에게 알려줍니다. "전문적인" 대신 이렇게 써보세요: 편집 디자인 같은, 거친, 따뜻한, 임상적인(clinical), 장난기 많은, 구조적인, 대담한, 영화 같은, 절제된. 각각의 단어는 완전히 다른 시각적 방향을 만들어냅니다.

레퍼런스 산업 — 어떤 산업은 강력하고 즉각적으로 인식되는 미학을 가지고 있습니다. 예: 건축 사무소, 패션 잡지, 금융 터미널, 의학 저널, 럭셔리 호텔, 독립 서점. AI에게 여러분의 제품이 이런 분야의 느낌을 풍겨야 한다고 말해주면, AI는 일관성 있는 디자인 세계를 그려낼 것입니다.

대비와 무게감 — 어느 정도의 시각적 긴장감을 원하시나요? 높은 대비 혹은 부드러운 대비? 굵은 타이포그래피 혹은 가벼운 타이포그래피? 밀도 높은 레이아웃 혹은 여유로운 레이아웃? 이러한 선택이 어떤 색상을 쓰는 것보다 더 강력하게 디자인의 느낌을 정의합니다.

타이포그래피 방향성 — 특정 폰트 이름을 알 필요는 없습니다. 다만 세리프(serif)인지 산세리프(sans-serif)인지만 결정하세요. 세리프 폰트는 신문이나 책에서 볼 수 있는 글자 끝의 작은 돌기가 있는 형태라, 확립되어 있고, 문학적이며, 신뢰감을 주는 느낌을 줍니다. 산세리프는 돌기 없이 깔끔하여 현대적이고 직접적인 느낌을 주죠. 여러분이 원하는 방향을 아는 것만으로도 제품의 전체적인 성격이 바뀝니다.

1단계 — Enter에 이미 존재하는 것을 활용하기

프롬프트를 한 줄이라도 작성하기 전에, 여러분이 원하는 시각적 방향을 찾는 가장 빠른 방법은 이미 Enter 안에 있습니다.

홈페이지에서 채팅 입력창 아래로 스크롤 해보세요. 두 개의 탭, '템플릿(Templates)'과 '컴포넌트(Components)'가 보일 것입니다.

템플릿은 Enter 커뮤니티가 만든 완성형 시작점이며, 각기 다른 미학적 세계를 담고 있습니다. 대담한 편집 레이아웃, 어두운 게임 인터페이스, 깔끔한 음악 플랫폼, 미니멀한 강의 소개 페이지 등, 의도적으로 서로 다른 느낌으로 디자인되었습니다. 똑같이 따라 할 대상을 찾는 것이 아니라, 여러분의 반응을 끌어내는 디자인을 찾기 위해 둘러보세요.

그 '반응'이 바로 정보입니다. 검은색과 초록색이 섞인 대담한 템플릿을 보고 "너무 공격적이지만 자신감은 마음에 드네"라고 생각했다면, 여러분이 원하는 구체적인 지점을 알게 된 것입니다. 음악 앱을 보고 "여백은 좋지만 조금 더 진지했으면 좋겠어"라고 생각했다면, 그 생각이 곧 여러분의 기획안이 됩니다.

컴포넌트는 한 단계 더 깊이 들어갑니다. 카드, 내비게이션 바, 히어로 섹션, 가격 테이블 등 개별적으로 이미 디자인된 빌딩 블록들입니다. 특정 컴포넌트의 타이포그래피나 간격 처리 방식이 마음에 든다면, 그것을 다른 모든 요소의 기준점으로 삼을 수 있습니다.

방법은 이렇습니다: 둘러보고, 반응하고, 눈에 띄는 점을 기록하세요. "그냥 이게 마음에 들어"와 같은 모호한 말 대신 구체적으로 말이죠:

"제목은 크고 본문은 작은 게 마음에 들어. 포인트 컬러는 하나만 사용하고 나머지 모든 요소는 흑백인 점이 좋아. 요소들 사이의 간격이 넓어서 아무것도 답답해 보이지 않는 게 좋아."

그런 관찰 결과가 여러분의 기획안이 됩니다. 더 나아가고 싶다면 웹사이트, 앱, 잡지 등 여러분의 제품이 주었으면 하는 느낌을 가진 외부 레퍼런스를 한두 개 찾아보세요. 그 반응들을 기록에 추가하면 이제 작업할 확실한 근거가 생긴 셈입니다.

2단계 — 구체적인 프롬프트 작성하기

채팅창을 열고 수집한 모든 내용을 포함한 프롬프트를 작성하세요. 평범한 지시문과 구체적인 지시문의 차이는 다음과 같습니다:

평범한 예시: "현대적이고 전문적인 디자인의 개인 포트폴리오 웹사이트를 만들어줘."

구체적인 예시: "개인 포트폴리오 웹사이트를 만들어줘. 독립 건축 스튜디오 사이트처럼 최소한의 요소만 사용하고, 여유롭고 자신감 있는 느낌이었으면 좋겠어. 배경은 검은색, 텍스트는 따뜻한 크림색, 포인트 컬러로 차분한 테라코타 색상을 써줘. 제목은 큰 세리프 폰트를 사용하고 나머지 본문은 깔끔한 산세리프 폰트를 사용해 줘. 레이아웃은 비대칭적으로, 모든 것을 가운데 정렬하지 마. 히어로 이미지 대신 단 한 줄의 강렬한 텍스트로 시작하게 하고, 내비게이션은 최소화해서 거의 눈에 띄지 않게 해줘."

같은 아이디어라도 결과는 완전히 달라집니다. 여러분이 주관을 가지고 기획안을 작성했기에 두 번째 프롬프트는 확실한 색깔이 있는 결과물을 만들어냅니다. 1단계에서 눈여겨본 모든 것이 여기에 녹아들기 때문이죠. --> 첫 번째 블로그 글에서 더 자세히 확인하세요: 비기술직 창업자를 위한 바이브 코딩 가이드 | 제로 투 히어로 | Enter

3단계 — 결과물의 80%를 결정짓는 세 가지 선택

더 간단하게 요약하자면, 이 세 가지 결정이 결과물을 독특하게 만들지 평범하게 만들지 결정합니다.

색상 팔레트. 배경색 1개, 텍스트 색 1개, 포인트 색 1개. 이들을 구체적으로 지정하세요(예: 오프 화이트, 거의 검은색, 짙은 숲 초록). 이것만으로도 제품은 즉시 정체성을 갖게 됩니다. 대부분의 AI 생성 디자인이 실패하는 이유는 적절하지 않은 색상을 5개씩 섞어 쓰기 때문입니다.

타이포그래피. 제목용 폰트 하나와 본문용 폰트 하나. 가능하다면 세리프 하나와 산세리프 하나를 고르세요. 유명할 필요는 없습니다. 서로 조화롭기만 하면 됩니다. AI에게 편집적인 느낌, 기술적인 느낌, 혹은 따뜻한 느낌을 원한다고 말하면 AI가 적절한 폰트를 선택할 것입니다.

간격. 여유로운 간격은 거의 항상 좁은 간격보다 보기 좋습니다. 무언가 싸 보이거나 답답해 보인다면 가장 먼저 할 일은 요소 사이의 간격을 넓히는 것입니다. 더 많은 숨 쉴 공간, 더 넓은 여백, 카드 내부 패딩 확대를 요구해 보세요. 즉시 차이를 느끼실 겁니다.

4단계 — 마지막 20%는 비주얼 에디터로 완성하기

빌드 과정 중에는 말로 설명하는 것보다 직접 수정하는 게 훨씬 빠른 순간이 옵니다. 섹션 사이의 간격이 2픽셀 정도 좁거나, 버튼 색상이 살짝 너무 진하거나, 제목 크기를 조금만 줄이고 싶을 때 말이죠.

이때 Enter의 비주얼 에디터가 빛을 발합니다. 요소를 클릭하고, 옵션을 확인하세요. 폰트 크기, 색상, 간격, 레이아웃을 직접 조정하세요. 다시 프롬프트를 쓰거나, 생성되길 기다리거나, 하나를 고치려다 다른 게 망가질 염려 없이 말이죠.

'설명' 단계와 '클릭' 단계는 상호 보완적입니다. AI는 80%까지 빠르게 도달하게 해주고, 비주얼 에디터는 마지막 20%를 정교하게 다듬어줍니다. 워크플로우는 이렇습니다: 템플릿 탐색 → 방향 설명 → 생성 → 클릭하여 다듬기 → 게시.

5단계 — 게시하고 새로운 눈으로 바라보기

완성되었다는 느낌이 들면 게시(Publish) 버튼을 누르세요.

Enter는 즉시 실제 URL로 배포합니다. 그 링크를 휴대폰으로 열어보고 자리에서 일어나 한 발짝 떨어져서 보세요. 개발자가 아닌, 완전히 낯선 사람의 눈으로 보는 겁니다.

한 가지 질문을 던져보세요: "이것은 자기만의 주관을 가진 사람이 만든 것 같아 보이는가?" 만약 그렇다면 성공입니다. 아니라면 부족한 부분을 알게 된 것이죠. 다시 돌아가서 간극을 설명하고 다듬으세요.

이 루프를 반복하세요. 매번 속도는 빨라질 것입니다.

다음 시리즈 예고

이제 평범한 결과물이 나오는 이유와 그것을 피하는 방법을 정확히 알게 되셨습니다. 다음 빌드부터는 진짜 '여러분의 것' 같은 느낌이 들 것입니다.

다음에는 한 단계 더 깊이 들어가 보겠습니다. 디자인도 중요하지만, 사람들이 실제로 사용하고 싶어 하는 것을 만드는 건 또 다른 문제니까요. 디자인을 제대로 구현한 후 창업자들이 가장 흔하게 저지르는 실수인 '잘못된 제품을 아름답게 만들기'에 대해 이야기하겠습니다. 올바른 문제를 찾는 법, 빌드 전 검증하는 법, 그리고 출시할 가치가 있는 제품인지 확인하는 법을 알아봅니다.

곧 뵙겠습니다.