Back_to_Basics

{3줄 요약}

통일성은 여러 화면과 요소가 하나의 제품처럼 느껴지게 만들어 주는 원리예요.
버튼과 색과 규칙이 제각각이면 익숙함이 깨지고 사용자는 더 쉽게 지쳐요.
통일성을 갖추면 새 화면에서도 빠르게 이해하고 제품을 더 쉽게 신뢰하게 돼요.

앱을 쓰다가 갑자기 다른 디자인의 화면이 나타날 때가 있어요.

색이 달라지거나, 버튼 스타일이 바뀌거나, 글자 크기가 뜬금없이 작아지는 경우요.
이럴 때 사용자는 "이게 같은 앱이 맞나?" 하는 의문이 들어요.

그 의문이 드는 순간, 신뢰가 조금 깎여요.
마치 대형마트에서 진열 스타일이 코너마다 완전히 달라지는 것처럼 - 전체적으로 체계가 없다는 인상을 줘요.

통일성은 이 불편함을 없애는 원리예요.
모든 화면이 같은 언어를 쓰는 것처럼 느끼게 만드는 거예요.

색상 일관성 - 브랜드 색상, 버튼 색상, 상태 표시 색상이 제품 전체에서 같은 의미로 쓰여야 해요.
어떤 화면에서는 파란색이 "완료"를 의미하고, 다른 화면에서는 "삭제"를 의미하면 사용자가 혼란을 느껴요.

타이포그래피 일관성 - 제목, 본문, 캡션, 버튼 텍스트의 크기와 굵기 규칙이 전체에서 일관되어야 해요.

컴포넌트 일관성 - 버튼, 카드, 입력 필드, 아이콘이 같은 스타일로 반복되어야 해요.
어떤 화면에서는 둥근 버튼이고 다른 화면에서는 각진 버튼이면 통일성이 깨져요.

카카오는 여러 서비스 - 카카오톡, 카카오페이, 카카오맵, 카카오뱅크 - 를 운영해요.
서비스마다 목적이 다르지만 디자인 언어는 공통 요소를 공유해요.

공통 컴포넌트, 색상 팔레트, 아이콘 스타일을 통일하면 사용자가 카카오의 새 서비스를 처음 쓸 때도 낯설지 않아요.
"카카오 느낌"이 있어서 금방 적응해요.

이게 디자인 시스템이 통일성을 만드는 방식이에요.
각 화면을 따로 만들어도 같은 규칙을 쓰면 전체가 하나처럼 보여요.

통일성을 오해하는 경우가 있어요.
"모든 게 똑같아야 한다"고 생각하는 거예요.

아니에요. 통일성은 규칙이 일관된 거예요. 그 안에서 변주는 가능해요.

Apple 제품 페이지를 보면 화면마다 다른 이미지, 다른 카피, 다른 레이아웃이에요.
하지만 폰트 스타일, 색상 체계, 여백 원칙이 같아서 전체가 Apple답게 느껴져요.

통일성은 창의성을 제한하는 게 아니에요.
창의성이 발휘되는 안정적인 기반이에요.

제품이 커질 때 - 여러 팀이 동시에 개발하면 각자 다르게 만들기 쉬워요.
디자인 시스템이 없으면 시간이 갈수록 화면들 사이의 일관성이 깨져요.

새 기능이 추가될 때 - 기존 패턴에 맞춰서 새 기능을 설계하면 사용자가 금방 적응해요.
완전히 새로운 패턴을 도입하면 학습 비용이 생겨요.

여러 플랫폼에서 쓸 때 - 앱과 웹, 모바일과 태블릿에서 기본 언어가 같아야 해요.

통일성을 시스템으로 유지하는 방법은 Color System 설계와 Design System에서 다뤄요.