메타데이터
- 발신자: TLDR
- 원문 URL: https://blog.jim-nielsen.com/2026/ai-aesthetic/
- 발행일: 2026-07-31
- 카테고리: product-design
직역 전문
모든 시대정신(zeitgeist)은 그 시대의 과제에 특화된 새로운 디자인 관용구(idiom)를 동반한다. 그중 많은 것들은 유행이 바뀌면서 사라지지만, 일부는 기존 소프트웨어 인터랙션 패러다임의 더 깊은 부분에 뿌리를 내린다.
예를 들어 햄버거 메뉴(≡)는 모바일이 부상하던 시기에 화면 크기 제약 때문에 급격히 확산되었다. 이후 소프트웨어 인터랙션 디자인의 다른 많은 영역으로 퍼져나갔고, "여기에 더 많은 메뉴형 콘텐츠가 있다"는 것을 간결하게 나타내는 방식으로 앞으로도 오랫동안 널리 쓰일 가능성이 높다.
또 다른 예로, AI 이전에는 반짝이 이모지(✨)가 어떤 의미를 담고 있었을까? 개인적으로는 잘 모르겠지만, 지금은 AI를 의미한다. (AI = 반짝이와 무지개색이라니, 생각해보면 웃긴 일이다. 유니콘까지 넣었으면 삼위일체가 완성됐을 텐데. AI = 반짝이, 무지개, 유니콘 ✨🌈🦄. 딱 맞는 조합이다.)
일부 패턴은 AI라는 기술 고유의 인터랙션 특성에 매우 특화되어 있다. 예를 들면 스트리밍 텍스트(streaming text)가 그렇다. 이는 채팅 인터페이스를 위해 만들어지고 다듬어진 패턴이라, 다른 소프트웨어 인터랙션 패러다임에서 재사용될 여지는 크지 않을 수 있다.
반면 AI 인터페이스에서 다듬어진 뒤 소프트웨어의 다른 영역으로 퍼지기 시작한 패턴들도 있다. 예를 들어 "반짝이는 텍스트(shimmering text)"는 AI 세계에서는 일종의 "생각 중(thinking)"을 의미하지만, 지금은 사고, 데이터 가져오기, 연산 등 모든 종류의 비동기 작업을 나타내는 용도로 재활용되고 있다.
필자의 무의식이 포착하고 있는 다른 영향들도 있다. 예를 들어 많은 AI 앱들은 매우 작은 아이콘을 사용한다. 이는 데스크톱 Electron 앱에서 특히 두드러지는데, 시스템 레벨의 결(grain)과 충돌하기 때문이다. 왼쪽에 데스크톱 AI 앱들(Claude, Codex, Cursor), 오른쪽에 애플의 macOS 앱들(Finder, Photos, Mail)이 있는 스크린샷을 보면, AI 앱들의 아이콘이 네이티브 앱들보다 훨씬 작고 얇다는 것을 알 수 있다.
작은 아이콘이 우리가 컴퓨터와 상호작용할 미래의 공통 모습이 될까? (개인적으로는 그러지 않기를 바란다.)
필자의 뇌가 AI와 연결짓는 다른 미학들도 있다. 베이지/크림색 계열, 오렌지색 포인트, 세리프 서체, 그리고 두더지잡기(whack-a-mole) 방식의 UI 컨트롤(토글을 클릭하면 전체 UI가 다시 그려져서 다시 클릭하려면 마우스를 UI의 다른 곳으로 옮겨야 하는 그런 것들 말이다. AI 특유의 비결정성(non-determinism)이 UI/UX에까지 스며든 셈이다.)
이 AI의 순간에서 또 어떤 미학들이 탄생하고 있으며, 그중 얼마나 많은 것들이 퍼지고 뿌리내려 앞으로 수년, 수십 년간 소프트웨어 인터랙션 패러다임의 일부로 자리 잡게 될지 궁금해진다.
4계층 심층 요약
1. 핵심 주장
모든 기술적 전환기는 그 시대만의 디자인 관용구를 만들어낸다. AI 시대도 예외가 아니어서, 반짝이 이모지·시머링 텍스트·작은 아이콘·베이지톤 색상 같은 시각적 패턴들이 빠르게 생겨나고 있다. 이 중 일부는 유행으로 사라지겠지만, 일부는 햄버거 메뉴처럼 소프트웨어 인터랙션의 영구적인 어휘로 자리 잡을 것이다.
2. 근거
- 햄버거 메뉴(≡)가 모바일 제약에서 시작해 이제는 플랫폼 전반의 표준 UI 요소로 정착한 선례가 존재한다.
- 반짝이 이모지(✨)는 AI 이전엔 별다른 고정 의미가 없었지만 지금은 거의 보편적으로 "AI 기능"을 가리키는 기호가 되었다.
- 스트리밍 텍스트, 시머링 텍스트 같은 패턴은 챗봇 인터페이스에서 시작해 다른 UI 맥락(비동기 작업 표시 등)으로 확산되고 있다.
- 데스크톱 AI 앱(Claude, Codex, Cursor)의 아이콘이 macOS 네이티브 앱(Finder, Photos, Mail)보다 눈에 띄게 작고 얇아, 플랫폼 관례와 충돌하는 시각적 정체성을 만들고 있다.
3. 사례
- Claude, Codex, Cursor 등 Electron 기반 데스크톱 AI 앱들의 아이콘이 애플 네이티브 앱군과 나란히 놓였을 때 눈에 띄게 얇고 작다.
- "두더지잡기" 토글 UI처럼, 클릭 시 전체 화면이 리렌더링되어 사용자가 마우스를 다시 옮겨야 하는 패턴이 AI 제품의 비결정성을 반영한다.
- 베이지/크림 배경, 오렌지 포인트 컬러, 세리프 서체 조합이 여러 AI 제품에서 공통적으로 관찰된다.
4. 시사점
개발자와 스타트업 입장에서 이는 단순한 트렌드 관찰 이상의 의미를 가진다. 지금 AI 제품에 적용하는 시각적 관용구(반짝이 아이콘, 시머링 로딩 상태, 작은 아이콘 크기 등)가 몇 년 뒤에는 "촌스러운 2020년대 AI 룩"으로 남을 수도 있고, 반대로 업계 표준 패턴으로 굳어질 수도 있다. 특히 비동기 작업 상태를 나타내는 시머링 텍스트처럼 AI 밖으로 확산 중인 패턴은 지금 채택해두면 사용자에게 이미 익숙한 문법을 활용하는 이점이 있다. 반면 지나치게 AI스러운 시각적 클리셰(무지개+반짝이+오렌지)에 과도하게 의존하면 제품의 장기적 브랜드 정체성이 유행에 종속될 위험이 있다.
핵심 요약 (20줄)
- 모든 기술적 전환기는 그 시대 고유의 디자인 관용구를 만들어낸다.
- 이런 디자인 패턴 중 다수는 유행이 지나면 사라지지만, 일부는 소프트웨어 인터랙션의 영구적인 부분으로 정착한다.
- 대표적인 선례가 햄버거 메뉴(≡)로, 모바일 화면 크기 제약에서 시작되었다.
- 햄버거 메뉴는 이후 다른 플랫폼과 인터페이스로 확산되어 "더 많은 메뉴 콘텐츠"를 나타내는 보편적 기호가 되었다.
- AI 시대에는 반짝이 이모지(✨)가 이와 유사한 역할을 하고 있다.
- AI 이전에는 반짝이 이모지가 특별한 고정 의미가 없었지만, 지금은 거의 자동으로 "AI 기능"을 의미하게 되었다.
- 필자는 AI = 반짝이 + 무지개색이라는 조합을 유머러스하게 지적하며, 유니콘까지 더하면 완벽하다고 말한다.
- 일부 UI 패턴은 AI라는 기술의 본질에 매우 특화되어 있어 다른 영역으로 확산되기 어렵다.
- 스트리밍 텍스트(글자가 실시간으로 이어지는 표시 방식)가 이런 AI 전용 패턴의 대표적 예다.
- 스트리밍 텍스트는 채팅 인터페이스를 위해 만들어지고 다듬어졌기 때문에 다른 UI 맥락에서 재사용 가치가 크지 않을 수 있다.
- 반대로 AI 인터페이스에서 다듬어진 뒤 다른 소프트웨어 영역으로 퍼지고 있는 패턴도 있다.
- "시머링 텍스트(반짝이며 흐르는 텍스트 애니메이션)"가 그 예로, 원래는 AI의 "생각 중" 상태를 나타냈다.
- 지금은 시머링 텍스트가 데이터 가져오기, 연산 등 다양한 비동기 작업 상태를 표시하는 범용 UI 요소로 재활용되고 있다.
- 필자는 자신의 무의식이 포착한 AI 특유의 다른 시각적 영향들도 언급한다.
- 대표적으로 많은 AI 앱들이 유독 작은 아이콘을 사용하는 경향이 있다.
- 이런 경향은 데스크톱 Electron 앱에서 가장 두드러지는데, macOS 등 시스템 레벨 디자인 관례와 충돌하기 때문이다.
- Claude, Codex, Cursor 같은 AI 앱의 아이콘은 Finder, Photos, Mail 같은 애플 네이티브 앱의 아이콘보다 훨씬 작고 얇다.
- 필자는 이런 작은 아이콘이 컴퓨터 인터페이스의 미래 표준이 될지 궁금해하며, 개인적으로는 그렇지 않기를 바란다고 밝힌다.
- 그 밖에도 베이지/크림톤 색상, 오렌지 포인트, 세리프 서체, 그리고 클릭할 때마다 전체 UI가 리렌더링되는 "두더지잡기" 식 토글 컨트롤 등이 AI 제품의 공통 미학으로 꼽힌다.
- 글은 이러한 AI발 미학들 중 앞으로 얼마나 많은 것이 뿌리내려 향후 수십 년간 소프트웨어 인터랙션 디자인의 표준 어휘로 남을지에 대한 질문으로 마무리된다.