🔤UX 라이팅 버튼 레이블 최적 길이 가이드

버튼 크기·언어별 최적 레이블 글자 수 안내

px
px
px
항목
사용 가능 너비 (패딩 제외) px
글자당 예상 폭 px

버튼 레이블, 몇 글자까지 넣어야 안전할까?

버튼 안에 들어갈 수 있는 최대 글자 수는 버튼 너비에서 좌우 패딩을 제외한 사용 가능 너비를 글자당 평균 폭으로 나누어 계산합니다. 한글과 일본어(한자 포함)는 초성·중성·종성 또는 부수가 조합된 정사각형에 가까운 형태라 글자당 폭이 폰트 크기와 거의 같고 일정합니다. 반면 영어는 알파벳마다 폭이 크게 달라(예: 'i'와 'W') 평균적으로 폰트 크기의 약 55% 정도의 폭을 차지합니다.

예를 들어 버튼 너비 160px, 좌우 패딩 32px, 폰트 크기 16px인 한글 버튼은 사용 가능 너비가 128px이고, 글자당 폭이 16px이므로 최대 8글자까지 한 줄로 들어갈 수 있습니다. 버튼이 줄바꿈되거나 텍스트가 잘리면 사용자가 클릭 전에 의미를 파악하기 어려워지므로, 짧고 명확한 동작 중심 문구를 사용하는 것이 UX 라이팅의 기본 원칙입니다.

다만 실제 폰트의 자간, 커닝, 굵기(font-weight)에 따라 결과가 달라질 수 있으므로 계산된 값에서 1~2글자 정도 여유를 두고 디자인하는 것이 안전합니다.

자주 묻는 질문

버튼 레이블은 왜 짧아야 하나요?

줄바꿈이나 잘림 없이 의미를 빠르게 전달해야 클릭률과 사용성이 높아집니다.

한글과 영어의 기준이 다른 이유는?

한글은 정사각형 형태로 폭이 일정하지만, 영어는 알파벳마다 폭이 달라 평균적으로 더 좁습니다.

계산된 글자 수보다 여유를 두는 게 좋나요?

네, 폰트 속성에 따라 차이가 있으므로 1~2글자 여유를 두는 것을 권장합니다.