AI가 만드는 UI의 전형적인 실패 패턴 10가지

핵심 요약

• 저자는 대학 앱의 AI 업데이트 후 '슬롭(Slop)' UI — 비전 없이 막 만든 촌스럽고 싸 보이는 디자인 — 의 문제점을 지적한다.
• 가장 흔한 특징은 과도한 그래디언트로, 버튼, 배경 등 모든 곳에 쓰이며 특히 보라색을 선호한다.
• 어울리지 않는 다채로운 색상을 구분 목적 없이 남용하는 '레인보우 보밋'은 색상 조화의 70-30-10 규칙을 무시한다.
• 의미 없는 펄싱 배지가 곳곳에 붙는데, 대학 앱의 '활성 상태' 배지는 항상 활성이라 정보로서 쓸모가 없다.
• 모서리가 둥근 카드('손톱 모양')는 모든 AI 생성 UI에 과하게 사용되어 이제는 촌스러워 보인다.
• 이모지를 과다 사용하고, SVG나 특수 요소의 정렬이 자주 틀리며, 폰트는 Inter나 JetBrains Mono 같은 흔한 것만 고른다.
• 프롬프트의 맥락만을 따라 '네오빔으로 작성됨', '모던 C++20 기능 사용' 같은 불필요한 텍스트를 붙인다.
• 글래스모피즘이나 단조로운 브루탈리즘 디자인 언어에만 의존하고, 'Elevate', 'Seamless', 'Next-Generation' 같은 과장된 H1 문구로 도배한다.
• 모든 화면을 실제 기능보다는 랜딩 페이지처럼 취급하며, '당신의 대시보드에 오신 것을 환영합니다 ✨' 같은 불필요한 환영 메시지를 넣는다.
• 저자는 비브 코딩 자체를 반대하지 않지만 AI 생성 UI는 미관을 개선하려는 노력조차 하지 않는 것이 문제라고 본다.