디자인은 항상 AI가 인간의 능력을 따라잡기 어려워하는 분야 중 하나였습니다. 하지만 대부분의 사람들은 AI로 디자인한다는 것이 실제로 무엇을 의미하는지 여전히 오해하고 있습니다. AI로 디자인한다는 것은 AI에게 모든 것을 맡기라는 뜻이 아닙니다. 아이디어, 방향, 감정, 창의성은 여전히 당신에게서 나와야 합니다.
AI는 당신이 실행하는 것을 도와줄 뿐입니다.
간단하게 프로세스를 설명하면 다음과 같습니다:
- 아이디어를 구체화합니다.
- 영감을 수집합니다.
- 생각을 프롬프트로 변환하고 AI를 사용하여 구현합니다.
Cursor, Codex, Claude 또는 어떤 도구든 사용할 수 있습니다. 기본적으로 여러분의 생각을 명령어로 바꾸는 것입니다. AI는 실행은 매우 잘 하지만, 여전히 진정한 창의성은 부족합니다. AI는 간격, 타이포그래피, 색상 이론, 계층 구조 같은 디자인 규칙을 이해합니다.
하지만 AI는 취향을 이해하지 못합니다. 무엇이 독창적이고, 의미 있으며, 진정으로 좋은 것인지 알지 못합니다.
바로 그 차이점입니다.
아직 AI에게 진정한 취향을 부여할 수는 없지만, 그 한계를 극복하는 방법은 있습니다.
방법 1: 디자인 스킬(Design Skill) 사용하기
이것이 가장 빠른 방법입니다. 시간이 부족하거나 소규모 작업을 할 때 미리 구축된 디자인 스킬을 활용할 수 있습니다.
몇 가지 예시:
TasteSkill 버전 2도 전용 GPT 5.6 과 함께 곧 출시될 예정입니다. :)
프로세스는 간단합니다:
- 디자인 스킬을 추가합니다.
- AI에 맥락을 제공합니다.
- 몇 번 프롬프트하여 사이트/앱/포스터를 만듭니다.
- 명확한 문제를 수정합니다.
- 출시합니다.
결과는 대체로 괜찮은 편입니다. 여전히 다른 AI 생성 디자인과 비슷하게 느껴질 수 있지만, 좋은 스킬은 최악의 실수/엉성한 결과물을 피하는 데 도움이 됩니다. 이것이 대부분의 사람들이 사용하는 방법입니다.
방법 2: AI와 함께 직접 디자인하기
정말 돋보이는 결과물을 원한다면 더 깊이 들어가야 합니다. 사용자가 당신의 제품을 보고 진정한 고민이 담겨 있다고 느끼게 하고 싶다면, 더 의도적인 과정이 필요합니다.
만들고 있는 것이 다음과 같을 수 있습니다:
- 모바일 앱
- 데스크탑 앱
- 웹사이트
- 랜딩 페이지
- 대시보드
- 포스터
무엇이든, 먼저 명확한 방향이 필요합니다. 무엇을 만들지 모른다면, AI가 대신 알아서 해주지 않습니다.
의미에서 시작하기
무엇보다 먼저, 기초를 정의하세요.
스스로에게 물어보세요:
- 이것은 누구를 위한 것인가?
- 어떤 문제를 해결하는가?
- 어떤 느낌을 주어야 하는가?
- 무엇을 표현해야 하는가?
UI는 제품의 의미를 반영해야 합니다. 이것을 기록하세요. 여기서 AI를 사용할 수도 있지만, 디자인을 위해서가 아닙니다. 대신 AI가 당신에게 질문을 하도록 하세요.
예를 들어:
- 이 제품은 무엇에 관한 것인가?
- 대상 청중은 누구인가?
- 어떤 느낌을 전달해야 하는가?
- 브랜딩은 어떤 느낌이어야 하는가?
- 어떤 색상과 폰트가 어울리는가?
- 미니멀, 유쾌함, 프리미엄, 기술적, 실험적 중 어떤 느낌이어야 하는가?
영감 수집하기
방향이 정해지면, 레퍼런스를 수집하기 시작하세요. 훌륭한 소스로는 Mobbin이 있습니다.
다양한 카테고리의 실제 제품 스크린샷이 있습니다. 디자인을 보고 단순히 "이거 예쁘다"라고 생각하지 마세요.
그 이유를 스스로에게 물어보세요.
- 레이아웃 때문인가?
- 간격 때문인가?
- 타이포그래피 때문인가?
- 구조 때문인가?
- 인터랙션 때문인가?
유용한 것은 모두 저장하세요.
다음과 같은 폴더로 정리하세요:
- 내비게이션
- 히어로
- 가격
- 카드
- 모바일 화면
- 대시보드
- 애니메이션
- 타이포그래피
시간이 지나면서 나만의 레퍼런스 라이브러리를 구축하세요. 이것이 바로 "취향"을 발전시키는 방법이기도 합니다.
(Mobbin 링크는 제휴 링크입니다. 처음 3개월 동안 10% 할인을 받으실 수 있으며, 추가 비용 없이 제가 수수료를 받을 수 있습니다.)
기타 유용한 소스:
그리고:
전체 디자인을 복사하지 마세요. 아이디어를 결합하여 제품에 맞는 무언가를 만드세요.
구조 설계하기
이제 실제로 구축해야 할 것을 정의하세요.
웹사이트의 경우:
- 내비게이션
- 히어로
- 기능
- 가격
- 사용 후기
- CTA
- 푸터
앱의 경우:
- 온보딩
- 홈
- 검색
- 프로필
- 설정
- 핵심 플로우
- 빈 상태
각 섹션에는 명확한 콘텐츠가 필요합니다.
예를 들어, 히어로에는 다음이 필요합니다:
- 헤드라인
- 설명
- CTA
- 비주얼
AI가 카피를 도울 수는 있지만, 명확성은 여전히 당신에게서 나와야 합니다.
컴포넌트별로 구축하기
이제 실제 구축을 시작합니다. 레퍼런스에서 개별 아이디어를 가져와 적용하세요.
"전체 웹사이트를 만들어 줘"라고 말하는 대신
"이 스타일을 기반으로 내 브랜딩에 맞게 적용된 히어로 섹션을 만들어 줘"라고 말하세요.
단계별로 작업하세요:
- 내비게이션
- 히어로
- 카드
- 버튼
- 타이포그래피
- 세부 사항
AI는 더 작은 작업에서 훨씬 더 좋은 성능을 발휘합니다. 또한 당신이 통제권을 유지할 수 있습니다.
커스텀 에셋 생성하기
필요할 때 이미지 생성을 사용하세요. GPT Images 2.0 또는 Seedream 5.0 같은 도구는 이제 충분히 강력합니다.
명확한 컨텍스트를 제공하세요:
- 색상
- 스타일
- 구성
- 사용 목적
일반적인 스톡 이미지는 피하세요. 커스텀 비주얼은 모든 것을 훨씬 더 일관되게 만듭니다.
워크플로우
전체 프로세스:
- 아이디어 정의하기
- 목적과 대상 명확히 하기
- 브랜딩 방향 설정하기
- 레퍼런스 수집하기
- 레퍼런스 정리하기
- 구조 설계하기
- 컴포넌트 구축하기
- 에셋 생성하기
- 인터랙션 추가하기
- 모든 것 다듬기
이 방법은 한 번의 프롬프트보다 훨씬 더 나은 결과를 만들어냅니다.
방법 3: 영감 보드(Inspiration Board) 사용하기
더 빠른 중간 지점이 있습니다. 모든 것을 하나씩 구축하는 대신, AI에게 엄선된 레퍼런스 세트를 제공할 수 있습니다.
다음에서 스크린샷을 수집하세요:
그런 다음 AI에게 말하세요:
"이 레퍼런스들의 스타일과 방향을 결합하여 내 제품을 위한 디자인을 만들어 줘. 직접 복사하지 마."
여전히 먼저 전체 맥락을 제공하세요. AI가 질문을 하도록 하세요. 그런 다음 생성합니다.
이 방법은 모든 것을 수동으로 구축하는 것보다 빠르지만, 일반적인 프롬프트보다는 훨씬 낫습니다.
세 가지 접근법
- 디자인 스킬
빠르고, 괜찮은 결과.
- 컴포넌트별 구축
느리지만, 최고 품질.
- 영감 보드
균형 잡힌 접근법.
추가 도구
SVG 생성
Quiver를 사용하여 SVG를 만드세요.
SVG는 요소가 분리되어 있어 더 나은 애니메이션을 가능하게 합니다.
비디오
Google Flow 같은 도구를 사용하세요.
비디오는 다음을 향상시킬 수 있습니다:
- 히어로 섹션
- 배경
- 제품 데모
이미지 라이브러리
필요할 때 Lummi 같은 플랫폼을 사용하세요.
이미지가 브랜드와 일치하는지 확인하세요.
레이어링
배경 제거 및 레이어링을 사용하여 다음을 추가하세요:
- 깊이
- 움직임
- 인터랙션
작은 세부 사항이 큰 차이를 만듭니다.
마지막 생각
AI가 당신의 사고를 대체해서는 안 됩니다.
당신이 여전히 결정합니다:
- 무엇을 만들지
- 왜 중요한지
- 누구를 위한 것인지
- 어떤 느낌을 주어야 하는지
AI는 단지 더 빠르게 실행할 수 있도록 도와줄 뿐입니다. 최고의 결과는 더 나은 프롬프트에서 나오지 않습니다. 더 나은 취향에서 나옵니다.
곧 디자인, 개발, 구축에 관한 내용과 AI로 첫 온라인 수익을 창출하는 방법에 대한 튜토리얼을 더 공유하겠습니다. :)
질문이 있으시면 댓글을 남겨주세요! 도움이 되었기를 바랍니다. :)
