디자인 시스템 이름을 짓는 방법: 오래 가는 네이밍 전략
디자인 시스템을 운영하다 보면 버튼, 컬러, 레이아웃보다 먼저 부딪히는 문제가 있습니다. 바로 이름입니다. 이름은 문서 구조, 패키지명, 컴포넌트 철학, 팀 내 커뮤니케이션에 계속 영향을 줍니다.
왜 네이밍이 중요한가
디자인 시스템 이름은 단순한 브랜드 장식이 아닙니다. 팀이 시스템을 어떻게 이해하고 사용하는지에 영향을 줍니다.
좋은 이름은 다음 조건을 만족합니다.
- 기억하기 쉽다.
- 특정 제품에 너무 묶이지 않는다.
- 확장 가능한 체계를 만들 수 있다.
- 문서와 패키지 이름으로 쓰기 어색하지 않다.
- 문화권이 달라도 큰 오해가 없다.
좋은 네이밍 체계의 조건
여러 디자인 시스템이나 하위 패키지를 운영할 가능성이 있다면 단일 이름보다 체계가 중요합니다.
예를 들어 다음처럼 계층을 나눌 수 있습니다.
- Core: 모든 시스템의 기준
- Product UI: 실제 제품 화면용 컴포넌트
- Marketing UI: 랜딩과 콘텐츠 페이지용 컴포넌트
- Foundation: 색상, 타이포그래피, 간격, 모션
- Pattern: 테이블, 필터, 설정 화면 같은 조합 패턴
이 구조를 이름에도 반영하면 장기 운영이 쉬워집니다.
자연에서 이름을 빌리는 방식
별, 행성, 지형, 식물처럼 자연에서 이름을 빌리면 중립적이고 확장성이 좋습니다. 특정 기능에 갇히지 않으면서도 기억에 남기 쉽습니다.
예를 들어 북극성처럼 기준점이 되는 이름은 core 시스템에 어울리고, 밝고 명확한 이름은 주력 제품 UI에 어울릴 수 있습니다.
피해야 할 이름
다음 이름은 장기적으로 불편해질 수 있습니다.
- 특정 기능에 너무 묶인 이름
- 유행어에 의존한 이름
- 발음하기 어렵거나 검색하기 어려운 이름
- 이미 유명한 오픈소스나 서비스와 충돌하는 이름
- 내부 농담에 가까운 이름
실무 팁
처음에는 완벽한 세계관보다 명확한 구조가 더 중요합니다. 이름은 나중에 바꾸기 어렵기 때문에, 최소한 다음만 정해도 충분합니다.
- 기준 시스템 이름
- 문서 섹션 이름
- 패턴과 파운데이션 구분
- 패키지명으로 써도 어색하지 않은 규칙
듀오랩스가 보는 관점
디자인 시스템은 한 번 만들고 끝나는 산출물이 아니라 계속 자라는 제품입니다. 이름을 지을 때도 지금의 화면보다 앞으로의 확장을 함께 보는 것이 좋습니다.
함께 읽기
- UI 디자인 스타일을 빠르게 이해하는 실무 가이드웹사이트나 앱을 만들 때 “어떤 느낌으로 디자인할 것인가”는 생각보다 중요한 결정입니다. 같은 기능이라도 시각 언어에 따라 신뢰감, 친근함, 전문성, 실험성이 완전히 달라집니다.
- 웹 디자인 레이아웃의 기본: 콘텐츠 흐름부터 반응형 그리드까지웹 레이아웃은 화면을 몇 칸으로 나눌지 정하는 작업이 아닙니다. 콘텐츠의 읽기 순서를 먼저 세우고, 넓이가 달라져도 그 순서와 기능이 무너지지 않도록 공간의 규칙을 만드는 작업입니다.
- 네오브루탈리즘 UI는 언제 효과적일까네오브루탈리즘은 최근 웹과 앱 디자인에서 자주 보이는 강한 시각 스타일입니다. 두꺼운 테두리, 원색, 딱딱한 그림자, 과감한 타이포그래피를 사용해 화면을 포스터처럼 보이게 만듭니다.
- 웹사이트 구축 전 기획: 목표·콘텐츠·정보 구조를 정리하는 방법좋은 웹사이트 기획은 화면을 많이 그리는 일이 아니라, 방문자가 해야 할 일을 콘텐츠와 구조로 명확하게 만드는 일이다. 이 글에서는 첫 코드를 작성하기 전에 목표, 사용자, 콘텐츠, 페이지 구조, URL, 접근성 기준을 하나의 실행 가능한 문서로 정리하는 방법을 다룬다.
- 디자인 시스템을 씌우기 전에 레이아웃 틀부터 맞춰야 하는 이유같은 디자인 시스템을 사용하는데도 어떤 화면은 정돈되어 보이고, 어떤 화면은 미묘하게 어긋나 보일 때가 있습니다. 색상과 버튼 모양이 같아도 페이지 폭, 여백, 제목 위치, 입력 필드의 구성이 제각각이면 전체 인상은 쉽게 흐트러집니다.