디자인 시스템의 재미난 역사와 진화

ChatGPT 생성 이미지

안녕하세요, 게으른 사부작이입니다!

지난번에 "디자인 시스템이란 무엇인가?"를 같이 알아봤는데, 이번엔 그 뿌리와 발전 과정을 파헤쳐 보려고 해요. "옛날 웹사이트는 왜 그렇게 산만했을까?"라는 궁금증에서 시작했는데, 찾아보니 재밌는 이야기가 많더라고요. 디자인 시스템이 어떻게 지금의 모습이 됐는지, 저와 함께 시간 여행 떠나볼까요?

 

시작은 혼돈의 시대: 1990년대

디자인 시스템의 역사는 인터넷 초창기부터 시작돼요. 90년대에 웹사이트를 처음 봤던 분들 계신가요? 저는 어렸을 때 부모님 컴퓨터로 본 사이트들이 기억나는데, 색깔은 번쩍이고 글씨는 제각각이었어요. 그때는 HTML이 막 생겨서 누구나 자유롭게 페이지를 만들었지만, 규칙이 없다 보니 혼란이었죠. 버튼 하나도 디자이너마다 다르게 그리고, 개발자는 그걸 또 제멋대로 구현했어요. 비유하자면, 요리사가 각자 재료를 들고 와서 "내 스타일대로 하자!" 한 느낌? 이 시기엔 "디자인 시스템"이란 개념 자체가 없었어요.

규칙의 등장: 2000년대와 CSS

2000년대 들어서야 상황이 바뀌기 시작했어요. **CSS(Cascading Style Sheets)**라는 기술이 보급되면서 "이제 좀 정리합시다!"라는 움직임이 생겼죠. CSS는 웹사이트의 스타일을 한 곳에서 관리할 수 있게 해 줬어요. 예를 들어, "모든 버튼은 파란색으로!"라고 한 파일에 적으면 끝! 이게 디자인 시스템의 씨앗이었어요. 회사들도 브랜드 가이드라인을 만들기 시작했는데, 로고 색상이나 글씨체 같은 기본 규칙을 정한 거예요. 그래도 아직은 "가이드라인" 수준이라, 지금처럼 체계적인 시스템은 아니었답니다.

본격적인 시스템의 탄생: 2010년대

진짜 디자인 시스템의 전성기는 2010년대부터예요. 스마트폰이 대세가 되고, 앱과 웹이 넘쳐나면서 "이러다간 정신없겠다"는 위기감이 커졌거든요. 이때 등장한 게 구글의 Material Design(2014년)이에요. 구글은 "우리 제품은 이렇게 생겼다!"라는 통일된 룰을 만들었어요. 둥근 버튼, 그림자 효과, 색상 팔레트까지 다 정해줬죠. 이건 단순한 가이드라인이 아니라, 디자이너와 개발자가 바로 쓸 수 있는 도구까지 포함했어요. 예를 들어, 안드로이드 앱을 만들 때 Material Design을 따라 하면 일관된 느낌이 났죠.

같은 시기, 애플의 Human Interface Guidelines도 더 체계적으로 발전했어요. 아이폰 앱들이 비슷한 느낌을 주는 건 이 가이드 덕분이에요. 버튼 크기, 터치 영역, 글씨체까지 세세하게 정해져서, 개발자들이 "어떻게 하지?" 고민할 필요가 줄었죠. 이쯤 되니 디자인 시스템이 단순한 규칙을 넘어, 팀 전체의 작업 방식을 바꾸는 존재가 됐어요.

현재와 미래: 2020년대와 그 너머

2020년대에 들어서 디자인 시스템은 더 진화했어요. 이제는 디자인 토큰 같은 개념이 대세예요. 예를 들어, "빨간색 = #FF0000"을 변수로 만들어서 웹, 앱, 심지어 스마트워치까지 한 번에 적용할 수 있게 됐죠. 또, Figma 같은 툴이 보급되면서 디자이너와 개발자가 실시간으로 협업하며 시스템을 만들어요. 제가 최근 본 트렌드 중엔 다크 모드 지원이나 AI가 디자인을 제안하는 경우도 있더라고요. 예를 들어, 넷플릭스 같은 플랫폼은 지역마다 살짝 다르게 보이면서도 전체적인 느낌은 유지하는데, 이게 다 디자인 시스템의 힘이에요.

그래서 뭐가 달라졌나요?

과거엔 디자이너가 하루 종일 버튼 하나를 그리느라 고생했다면, 지금은 시스템 덕분에 "여기서 꺼내 쓰자!" 하고 끝낼 수 있어요. 혼돈의 90년대에서 규칙의 2000년대, 체계적인 2010년대와 2020년대를 지나며, 디자인 시스템은 단순한 도구를 넘어 팀의 언어가 됐어요. 비유하자면, 옛날엔 각자 악기를 튜닝 없이 연주했다면, 이제는 오케스트라처럼 조화를 이루는 거죠.

마무리하며

디자인 시스템의 역사를 보니, 결국 "혼란을 줄이고 멋진 걸 쉽게 만들자"는 목표가 보이더라고요. 다음엔 이 시스템이 왜 필요한지, 실무에서 어떤 문제를 해결하는지 더 깊이 들어가 볼게요. 여러분은 이 역사에서 어떤 부분이 흥미로웠나요? 저는 Material Design 나온 시점이 제일 신기했어요. 댓글로 이야기 나눠요!