AI가 만든 UI에서 반복되는 10가지 흔적, 그라데이션 남발부터 쓸데없는 "active" 배지까지

이 패턴들 대부분은 인간 디자이너도 예전부터 쓰던 스타일인데 이모지만 빼면 그렇더라. 문장부호 하나 보고 AI 글이라고 단정하는 것과 같은 착각임.

slop UI라고 부르는 글이 정작 읽기 힘든 폰트의 사이트로 튀어넘어가네. 손사래부터 나오더라.

첫 화면에 그 폰트가 너무 많이 잡아먹고 있긴 하더라. 읽기가 진짜 거북했음.

그러면 좋은 UI 예시를 좀 보여줬으면 좋겠는데. 슬롭 디자인 몇 개를 잡아서 전문가가 어떻게 바꿔야 하는지 보고 싶다.

UI 전문가가 흔한 쓰임새 10개짜리 인터페이스를 하나 만들고, 그걸 디자이너 그룹한테 AI가 만들었다고 알려준 뒤 AI 흔적을 찾아보라고 하는 실험도 좋을 듯.

Refactoring UI라는 책을 읽어보셈. Tailwind 만든 사람들이 쓴 건데 참고할 만한 내용이 많음.

요즘 이런 'slop 디자인' 비판 글이 자주 보이는데 디자인 실력이 확실해 보이는 사람은 잘 안 쓰더라. AI로 원하는 걸 뽑아내는 법을 아는 사람들이라서 아마 그럴 듯.

정작 네 포트폴리오 사이트가 슬롭 vibes가 나는데? 굳이 필요 없는 곳에 모노스페이스 쓰는 거 보니까 이제 반사적으로 트리거되더라.

네가 하니까 그런 냄새가 나서 보이는 거다. 레포 README에서도 LLM 냄새가 풀풀 나더라.

저자는 AI 쓰는 거 자체엔 반대하지 않고 그냥 첫 프롬프트 결과물 그대로 올리지 말고 좀 노력하란 얘기임. 글 끝에서도 자기 사이트는 vibe coded라고 밝히고 있음.

유저한테 보이는 문장에 구현 세부 정보가 나오는 건 진짜 짜증남. 보이는 텍스트 전부를 i18n 번역 파일로 빼라고 프롬프트 한 번만 하면 되는데.

OpenAI 모델이 저런 건 원래부터 심하기로 유명함.

손톱 카드는 안 나쁜데 과다 사용돼서 이제 구려 보이는 케이스임. 저자는 AI UI 자체에 반대하는 게 아니라 자기 취향에 안 맞는 걸 까는 거라 좀 엘리트주의적으로 보임.

타임리스하게 나쁜 스타일도 있고 과다 사용 때문에 나빠진 스타일도 있음. 후자는 스타일 탓이 아니라 반복에 대한 우리 거부감 탓이지 반어주의는 아님.

'AI = 슬롭' 수사는 좀 그만합시다. 나도 AI에는 꽤 회의적인데 지겹음. 슬롭이면 그냥 슬롭이고 굳이 AI 흔적을 찾을 필요까지는 없음.

TFA 안 읽은 거임? 저 글은 슬롭 UI를 목적 없는 UI, 너무 범용적인 UI로 정의하면서 방향성 없는 vibe coding에서 나온다고 못 박고 있음. 저자는 AI 사용 자체에 반대하지 않아서 마지막에 자기 사이트도 vibe coded라고 밝힘.

이 대다수는 쓰레기 프롬프트 탓임. 예를 들어 "x y z용 웹사이트 만들어줘" 같은 거. 그러데이션이랑 이모지, 색 팔레트는 agents.md에 한 줄 넣으면 바로 안 나옴.

오히려 통념대로 AI 슬롭이 게으르든 신경을 안 쓴 프롬프트의 결과물이라는 거랑 같은 얘기 아닌가.

슬롭 UI 특징을 이렇게 구체적으로 정리할 때마다 프론티어 랩 입장에선 더 명확한 RL 타깃이 늘어나는 느낌이 듦. 그래도 이런 글이 계속 나오는 건 나쁘지 않다고 봄.

일반 사용자는 slop AI인지 손으로 만든 건지 신경 안 씀. Bootstrap 시절부터 이미 죽어가던 구분인데 shadcn이 더 낫기나 함? 99%는 UI에서 목적지까지 찾아갈 수 있고 카피가 개판이 아니면 그걸로 됨.

지갑이 두꺼운 사람들은 AI 이미지는 벌써 알아차리기 시작했고 웹 디자인도 같은 방향으로 갈 거임. 싸구려 냄새, 신경 안 쓴 티가 나거든.