그냥 해줘 VS 기준을 가지고 해줘. (Ft. 게슈탈트 이론. 디자인 기준을 줬을 때, 에이전트는 얼마나 디자인을 잘할까?)

AI로 앱 화면을 만들어 보면, 기능은 다 들어가 있는데 디자인이 부실할 때가 있어요. 버튼도 있고 글자도 있는데, 정작 중요한 정보는 눈에 안 들어오는 화면이요. 이럴 때 AI한테 "그냥 해줘"라고 해봤자 개선에는 한계가 있습니다. 그렇기 때문에 레퍼런스를 주면 해달라고 훨씬 나아지고요. 이번 영상에서는 거기서 한 단계 더 나가서, 디자이너들이 현업에서 실제로 쓰는 디자인 원칙 '게슈탈트 이론'을 AI에게 함께 주는 방법, 그래서 더 나은 디자인을 만드는 방법을 알려드려요. 게슈탈트를 한 줄로 말하면 "사람의 뇌가 보이는 것들을 어떻게 묶어서 보는가"에 대한 이야기예요. 밤하늘의 별 7개를 별 7개가 아니라 국자 모양(북두칠성)으로 보는 것처럼요. 사용자도 화면을 글자 하나하나 읽기 전에 덩어리부터 봅니다. ▬ 이 영상에서 다루는 것 · 디자인 감은 타고나는 걸까? — 반은 맞고 반은 틀린 이유 · AI스러운 디자인보다 더 위험한 것: 사용자 문제를 못 푸는 화면 · 게슈탈트 8가지 원칙 중 오늘의 3가지 ① 근접성 — 가까이 붙어 있으면 한 묶음으로 본다 ② 유사성 — 색·모양·크기가 같으면 같은 편으로 본다 ③ 전경과 배경 — 앞에 나와 있는 것부터 본다 · 원칙마다 잘된 앱 · 아쉬운 앱 실제 사례 (Alta, MyFitnessPal, Superpower, Splitwise, Outlook, Joi, Spotify, Co–Star, Blue Bottle, Hers, Azar 등) · 실습: 일부러 엉성하게 만든 카페 앱 화면 3개를 모빈 + Claude Code로 고치기 · 회원정보 수정 · 메뉴 옵션 · 쿠폰 팝업 — 비포/애프터 비교 ▬ AI에게 이렇게 요청해 보세요 "이 화면을 게슈탈트 이론을 가지고 점검해줘." 그냥 "잘해줘"라고 할 때보다 훨씬 좋은 결과가 나오고, 왜 나아졌는지도 설명할 수 있게 됩니다. ▬ 이 영상에서 사용한 도구 · Claude 데스크톱 앱 - Claude Code · Mobbin — 실제 출시된 앱·웹 화면 60만 개+ 레퍼런스, MCP 제공 ※ 2026년 10월 기준 — 도구는 빠르게 바뀌니 참고해 주세요. 구독과 좋아요는 다음 영상을 만드는 힘이 됩니다 🙌 ⏱ 타임스탬프 0:00 인트로 — AI가 만든 화면이 어수선한 이유 1:00 채널 소개 1:07 디자인 감은 타고날까? 반은 맞고 반은 틀리다 1:46 AI스러움보다 더 위험한 것 — 사용자 문제 2:41 게슈탈트 이론이란? 별 7개가 국자로 보이는 이유 3:35 뇌는 게으르다 — 덩어리로 묶어서 본다 3:46 UX에서 중요한 이유 — 사용자는 몇 초 만에 떠난다 4:57 게슈탈트 8가지 중 오늘 다룰 3가지 5:14 ① 근접성 — 가까우면 한 묶음 5:46 근접성 잘된 예: Alta · MyFitnessPal 6:33 근접성 아쉬운 예: Superpower 6:57 근접성 정리 + AI에게 요청하는 법 7:34 ② 유사성 — 비슷하면 같은 편 8:01 유사성 잘된 예: Splitwise · Outlook · Joi · Spotify 9:25 유사성 아쉬운 예: Co–Star · Blue Bottle · Hers 12:12 유사성 정리 + AI에게 요청하는 법 12:38 ③ 전경과 배경 — 앞에 있는 것부터 본다 13:12 전경과 배경 예시 — 팝업·필터·이미지 위 텍스트 14:09 실습 — 일부러 엉성하게 만든 카페 앱 화면 3개 15:35 Mobbin 소개 + Claude Code에 MCP 연결하기 17:22 Claude에게 개선 요청하기 (프롬프트 공개) 18:21 결과 ① 회원정보 수정 — 근접성 20:25 결과 ② 메뉴 옵션 — 유사성 22:07 결과 ③ 쿠폰 팝업 — 전경과 배경 24:22 정리 — 오늘 배운 3가지 원칙 25:15 부록 — 나머지 5가지 원칙 자료 #게슈탈트 #UX디자인 #UI디자인 #클로드 #ClaudeCode #바이브코딩 #모빈 #Mobbin #앱디자인 #비개발자