Anti-card 5원칙, Freeive의 디자인 철학

한 줄로

AI 동질화 시대에 대항하는 디자인 철학입니다. 박스, 헤어라인, smallcaps, 공간, 행 5가지 원칙입니다.

어디서 왔나

2024년경, Freeive (김민철)가 본인 UI 라이브러리 anti-card에 정립한 5가지 원칙입니다. AI가 만드는 디자인이 점점 동질화되는 시대에, 의도적으로 다른 방향을 추구합니다.

5원칙

1. 박스 거부

일반 카드 UI는 모든 정보를 사각 박스에 담습니다. anti-card는 박스 없이 콘텐츠 자체로 구분합니다.

2. 헤어라인 (Hairline)

강한 테두리·진한 그림자 대신 매우 옅은 1px 또는 0.5px 선을 씁니다. 미니멀합니다.

3. Smallcaps

대문자를 본문 크기로 줄인 작은 대문자입니다. 라벨·메타 정보에 사용합니다. 우아함과 명확성의 조화입니다.

4. 공간 (Space)

강조는 색이 아니라 여백으로 합니다. 한 요소 주위의 빈 공간이 그 요소를 강조합니다.

5. 행 (Row)

열보다 행 중심 레이아웃입니다. 정보가 좌우로 흐르는 자연스러운 독서 흐름입니다.

출판물 미감

5원칙의 공통점은 잡지·책의 편집 디자인 미감입니다. 디지털이 아니라 인쇄물처럼 정성스럽습니다.

대표적 영향:

• The New Yorker의 타이포그래피.
• Apartamento 잡지의 여백.
• 일본 전통 책의 비대칭 미.

AI 시대의 의미

AI 도구로 만든 UI는 점점 비슷해집니다. anti-card는 의도적 차별화입니다. AI가 만든 티가 안 나는 디자인입니다.

바이브 메이커가 챙길 한 가지

본인 도구의 디자인이 "흔하다"고 느껴진다면 anti-card 5원칙 중 하나만이라도 도입해 봅시다. 헤어라인 + smallcaps 조합은 한 시간 작업으로 정체성을 부여합니다.

관련

Hairline · Whitespace · Typography