좋은 컴포넌트란 무엇인가

고객에게 좋은 컴포넌트를 제공한다는 목표를 여섯 원리로 풀었습니다. 이 문서는 여섯을 짧게 짚고, 최근 기준과 측정이 정해진 심미 · 수요적합 · 변별 셋을 자세히 다룹니다.

RAT pod · 2026-08-20 · 수치는 원장 실측

0여섯 원리 한눈에

셋은 자격을 묻고, 하나는 선호를 가르며, 둘은 풀 전체를 봅니다.

원리	묻는 것	단위	성격
완결	이 조각 하나만 떼어 와도 말이 되는가	개별	자격 — 못 넘으면 탈락
응집	경계가 자연스러운가, 잡동사니를 묶은 건 아닌가	개별	자격 — 못 넘으면 탈락
대치	내 것을 넣어도 깨지지 않고 어울리는가	개별	자격 — 못 넘으면 탈락
심미	전문가가 만든 것처럼 보이는가	개별	선호 — 낮다고 탈락시키지 않음
수요적합	고객이 찾는 것을 우리가 갖췄는가	풀	구성 — 개별에 물을 수 없음
변별	옵션들이 서로 달라 고를 여지를 주는가	풀 · 슬레이트	구성 — 개별에 물을 수 없음

탈락은 완결 · 응집 · 대치로만 겁니다. 심미가 낮다거나 디자인이 밋밋하다는 이유로 떨어뜨리지 않습니다. 검은 획으로만 그린 단순한 표는 데이터 중심 자료에서 오히려 정답이기 때문입니다.

1완결 · 응집 · 대치자격

완결은 단독으로 의미가 서는지 봅니다. 제목과 설명이 짝을 이뤄야 하나의 의미 단위가 되고, 배경 장식만 덩그러니 있거나 제목 없이 설명 한 줄만 있으면 완결되지 않은 조각입니다.

응집은 경계가 눈에 보이는 단위와 맞는지 봅니다. 관계없는 요소를 억지로 묶었거나 배경이 글자를 가리면 응집이 깨집니다.

대치는 두 가지를 받아들이는지 봅니다. 고객의 내용을 안전하게 받는 것(내용 대치)과, 색·폰트·배치를 대상 문서의 테마에 맞춰 바꾸는 것(스타일 대치)입니다. 서빙이 자유롭게 바꿔 낄 수 있는 차원은 여기서 처리되며, 이 점이 뒤의 변별과 경계를 가릅니다.

2심미 — 꾸밈이 얼마나 살아남는가선호

화려함을 재는 것이 아니라, 추출 과정에서 원본의 꾸밈을 얼마나 잃는지를 잽니다.

원본 템플릿은 전문가가 만든 작품입니다. 그러니 심미의 관심은 "우리가 더 예쁘게 만들었는가"가 아니라 "원본이 갖고 있던 것을 조용히 잃지는 않았는가"입니다. 이것이 측정 가능한 형태로 옮긴 정의입니다.

꾸밈 보존율 = 대표 변형이 담은 이미지·일러스트 수 ÷ 원본 시트의 이미지·일러스트 수
대표 변형 = 꾸밈을 가장 많이 담은 변형 · 절대량(담은 개수)을 함께 봅니다. 보존율만 보면 원본에 꾸밈이 적을 때 쉽게 만점이 나오기 때문입니다.

현재값

운영 적용 판정에 쓰는 지표는 절대값입니다. 다른 풀보다 나은지가 아니라 이 풀이 얼마나 좋은지를 묻습니다. 상대 비교는 그 시점의 대비군이 무엇이었는지에 값이 좌우되어 시점 간에 이어 붙지 않기 때문입니다.

73.8%보존율 평균

79.1%보존율 총합비

4.57담은 이미지·일러스트 평균 개수

8,717측정 레이아웃

비율과 절대량을 나란히 둡니다. 보존율만 보면 원본에 꾸밈이 적을 때 쉽게 만점이 나오므로, 실제로 몇 개를 담았는지를 함께 봐야 지표가 흔들리지 않습니다. 통과선은 두지 않습니다 — 값은 판정의 재료이고 퍼블리싱 여부는 사람이 정합니다.

이전 풀과의 대비는 운영 지표가 아닙니다. 작업을 처음 시작할 때 효과가 있었는지 한 번 확인하는 용도이고, 온보딩 시스템이나 상시 파이프라인에 들어가지 않습니다. 아래 수치는 그 일회성 확인입니다.

참고 · 작업 전 풀과의 일회성 대비

대비군은 steps 로 태깅된 레이아웃의 기존 유효 컴포넌트입니다. 유형을 맞추지 않으면 격차가 유형 구성의 차이를 재게 됩니다. 유형은 태깅으로만 가릅니다 — 이쪽 판정을 대비군에도 걸면 대비군의 범위를 이쪽 성능이 정하게 되어 자기 채점이 됩니다.

지표	작업 후	작업 전	차이
보존율 평균	73.8%	42.9%	+30.9%p
보존율 총합비	79.1%	48.5%	+30.5%p
담은 이미지·일러스트 평균	4.57개	2.83개	1.6배
측정 레이아웃	8,717	2,182	—

두 지표가 같은 방향인 것이 중요합니다. 비율만 올랐다면 원본이 단순한 것만 골라낸 결과일 수 있지만, 절대량이 함께 올랐으므로 실제로 더 많은 꾸밈을 살려 낸 것입니다.

다만 두 열의 레이아웃 집합이 다릅니다. 같은 레이아웃만 놓고 보면 이렇게 됩니다.

지표 (동일 레이아웃 1,284)	작업 후	작업 전	차이
보존율 평균	71.6%	45.0%	+26.6%p
담은 이미지·일러스트 평균	4.50개	2.95개	1.5배

보존율은 컴포넌트가 나온 경우에만 정의되는 조건부 지표입니다. 작업 후 8,717 레이아웃 중 작업 전 풀에도 컴포넌트가 있던 것은 1,284 뿐이고, 나머지 7,433 은 이전 파이프라인이 아무것도 내지 못한 레이아웃입니다. 그 7,433 은 꾸밈을 잃은 것이 아니라 오탈락이었고, 완결·응집이 다루는 영역입니다.

분모는 원본 시트 전체입니다. foreground 로 좁히면 분자가 분모를 넘는 사례가 27.5% 나오는데, 배경 추출기가 슬라이드 마스터와 디자이너 꾸밈을 함께 걷어내기 때문입니다. 그 모듈이 마스터만 제거하도록 수정 중이고, 반영되면 분모를 foreground 로 되돌립니다.

3수요적합 — 찾는 구조를 갖췄는가구성

개별 조각이 아니라 풀 전체의 미덕입니다. 관측된 수요 분포에 견줘 빠진 것이 없는지 봅니다.

고객이 실제로 입력한 내용에서 요구 구조를 뽑고, 그 구조를 그대로 가진 컴포넌트가 풀에 있는지 셉니다. 유형 체계는 차트 모양이 아니라 내용-문제 기준으로 나눕니다.

72.1%요구 구조 그대로 매칭

66.5%후보 5개 이상 확보

162평균 후보 수

7.9%p목표 80%까지 남은 거리

이 지표도 절대값입니다. 참고로 작업 전 풀의 매칭율은 56.7% 였고 평균 후보 수는 21 이었습니다. 심미와 마찬가지로 일회성 확인이며 판정 근거로 쓰지 않습니다.

수요적합과 변별은 유저 수요를 세는 지표이므로 수요 데이터셋의 표본 기준을 따릅니다. 유형은 마흔아홉 갈래 세분 유형의 정식 복합명으로 가르고, 한 유형의 표본은 검색 삼천 건을 넘지 않으며, 검색이 백 건에 못 미치는 유형은 분포를 말하지 않되 표본에서 빼지 않습니다. 심미는 공급 쪽 지표라 이 기준을 적용하지 않습니다.

비율만으로는 부족해 절대량 가드레일을 함께 둡니다. 한 구조에 컴포넌트가 하나만 있어도 매칭율은 만점이 되지만, 고객은 고를 것이 없습니다. 그래서 한 요구 구조에 후보가 다섯 개 이상인 비율을 나란히 봅니다.

4변별 — 서로 달라 고를 여지가 있는가구성

관계의 미덕입니다. 홀로 변별적이라고 말할 수 없고, 다른 것과의 관계에서만 성립합니다.

축은 서빙이 자유롭게 치환할 수 없는 표현 차이, 곧 무드입니다. 색만 다른 것은 서빙이 다시 칠하므로 대치의 몫이고, 내용-문제가 다르면 수요적합의 몫입니다. 치환이 안 되고 같은 수요인데 무드가 다를 때 그것이 변별입니다.

왜 무드 체계를 새로 세웠는가

기존에 쓰던 9종 무드는 포스터·청첩장·메뉴판까지 아우르는 전 디자인 대상 분류였습니다. 프레젠테이션 수요에 적용하니 약 70%가 "포멀" 한 칸에 뭉쳤습니다. 한 값이 인구의 다수를 차지하면 그 축으로는 아무것도 구별되지 않습니다.

그래서 프레젠테이션 전용 체계를 세웠습니다. 고전적·표현적 미학 2축과 감성공학의 형태-감성 대응을 근거로 삼되, 판별 기준을 전부 물리량(곡률, 선 굵기, 여백 밀도, 폰트 웨이트)으로 잡아 자동 판독이 가능하게 했습니다.

판정 단위는 템플릿입니다. 컴포넌트 조각 단위로 판정하면 조각이 지면에서 차지한 크기를 무드로 읽습니다. 같은 디자인이라도 크게 그려졌으면 면이 찬 인상, 작게 그려졌으면 여백이 넓은 인상이 되어 다른 무드로 갈립니다. 컴포넌트는 소속 템플릿의 무드를 물려받습니다.

여섯 무드와 실제 예시

풀 보유 비율은 우리가 확보한 steps 템플릿 기준입니다. 한 템플릿이 둘 이상의 무드를 가질 수 있어 합이 100%를 넘습니다.

정제

풀 보유 3340종 · 34.1%

장식을 덜어내고 여백과 타이포그래피 기본기로 버틴다

쓰이는 자리: 키노트 · 핵심 메시지
기존 9종 대응: 포멀 847 · 감성적 93

정제 예시 42811 — 전체적으로 흰 여백이 지배하고 장식 요소가 거의 없으며, 굵은 산세리프 제목과 단정

정제 예시 42978 — 여백이 크게 지배하고 장식 요소가 거의 없으며, 얇은 구획선과 절제된 타이포만으로

정제 예시 632271 — 장식이 거의 없고 큰 여백 위에 산세리프 타이포와 얇은 회색 헤더/푸터만 배치된 매

신뢰

풀 보유 2422종 · 24.7%

색면 블록이 지면을 채우고 직각과 정렬이 엄격하다

쓰이는 자리: 실적 보고 · 입찰 제안
기존 9종 대응: 포멀 345 · 역동적인 19

신뢰 예시 61740 — 짙은 남색과 주황 포인트의 직각 블록, 엄격한 그리드 정렬, 넓은 색면 분할과 보수

신뢰 예시 70911 — 큰 색면 블록과 엄격한 직각 그리드, 정렬된 정보 박스가 지면을 구조적으로 꽉 채우

신뢰 예시 75287 — 연한 블루 색면이 지면을 크게 점유하고 직각 박스·중앙 분할·엄격한 그리드 정렬이

온화

풀 보유 2432종 · 24.8%

모서리가 둥글고 곡선이 유기적이며 대비가 낮다

쓰이는 자리: 조직문화 · 온보딩
기존 9종 대응: 귀여운 184 · 포멀 125

온화 예시 62595 — 라운드한 대형 곡면과 구형 3D 오브젝트, 부드러운 저대비 블루 톤이 지면을 지배해

온화 예시 63190 — 라운드 코너의 노란 카드와 부드러운 저대비 톤, 친근한 사진 배치가 지면 전체를 지

온화 예시 71437 — 둥근 모서리의 카드형 면, 저대비의 따뜻한 톤, 캐릭터·일러스트 중심 구성과 부드러

도발

풀 보유 479종 · 4.9%

큰 타이포가 지면을 압도하고 사선과 강한 대비로 친다

쓰이는 자리: 론칭 · 슬로건
기존 9종 대응: 포멀 41 · 역동적인 17

도발 예시 710307 — 초대형 헤비 산세리프 타이포가 화면을 지배하고, 강한 흑백 대비와 비대칭 배치가 중

도발 예시 731532 — 짙은 배경 위에 초대형 굵은 타이틀이 전면을 차지하고, 사선형 오버레이와 비대칭 구

도발 예시 768231 — 짙은 대비의 다크 배경 위에 사선 네온 스트라이프와 글로우 처리된 대형 헤드라인,

품격

풀 보유 446종 · 4.5%

획이 얇고 세리프와 섬세한 장식이 살아 있다

쓰이는 자리: 프리미엄 제안 · 룩북
기존 9종 대응: 감성적 19 · 포멀 7

품격 예시 472747 — 극세 명조 타이포와 얇은 원형 라인, 절제된 장식이 여백 위에 섬세하게 배치되어 우

품격 예시 593263 — 극세 세리프 타이틀, 얇은 구분선과 작은 오벌 장식이 중심이고, 큰 여백 위에 부드

품격 예시 669465 — 짙은 배경 위에 극세선 테두리와 세리프/명조 계열 타이포가 중심을 이루고, 금색 리

테크

풀 보유 686종 · 7.0%

기하 망과 와이어프레임, 고정폭 글자가 구조감을 만든다

쓰이는 자리: IR 피치덱 · 아키텍처
기존 9종 대응: 포멀 52 · 역동적인 26

테크 예시 55663 — 원형 버블 차트, 좌표 그리드, 막대그래프 등 다이어그램적 구조가 반복되고 직각 정

테크 예시 121130 — 둥근 사각형·원형 돋보기·메가폰 같은 기하학적 아이콘과 얇은 연결선/박스 구조가 지

테크 예시 675970 — 굵은 산세리프와 원호·원형 도형, 정렬된 인포그래픽 레이아웃이 지면을 지배해 다이어

기존 9종의 "포멀"이 어떻게 갈렸는가

새 무드	기존 9종에서 가장 많이 대응한 값
정제	포멀 847 · 감성적 93
신뢰	포멀 345 · 역동적인 19
온화	귀여운 184 · 포멀 125
도발	포멀 41 · 역동적인 17
품격	감성적 19 · 포멀 7
테크	포멀 52 · 역동적인 26

포멀 덩어리가 정제 · 신뢰 · 도발 · 테크로 갈라졌고, 온화는 귀여운 계열로 품격은 감성적 계열로 제자리를 찾았습니다. 새 축이 실재하는 차이를 읽고 있다는 뜻입니다.

아직 정하지 못한 것 — 유형별로 어떤 무드가 얼마나 필요한지를 가중치로 쓰려 했는데, 유형 간 차이가 크지 않았습니다. 인용·증언 유형이 온화 쪽으로, SWOT 이 신뢰 쪽으로 기우는 신호는 있으나 폭이 최대 17%p 입니다. 지표 산식은 확정 전입니다.

5원리들은 서로 견제한다

하나만 극단으로 밀면 다른 것이 무너집니다. 다양성만 좇아 희귀한 것만 우대하면 수요 큰 표준형이 부족해지고, 심미만 좇아 장식을 얹으면 내용 정직성과 대치성이 무너집니다.

지표	혼자 두면 생기는 왜곡	함께 보는 짝
수요적합 매칭율	구조당 하나만 있어도 만점	후보 수 충족률
심미 보존율	원본이 단순하면 쉽게 만점	담은 개수 절대량
변별 무드 종수	한 무드에 하나씩만 있어도 만점	무드별 깊이
완결	많이 담을수록 유리	응집(남의 것을 끌어오면 탈락)