Home

👊 디자인 시스템 공부하기 02

전석희

Jul 30, 20242y ago

👊 디자인 시스템 공부하기 01 - 힐다 레코드

하게된 이유

slashpage.com

먼저 디자인 시스템이다보니까... 무엇에 대한 디자인시스템인지 정의가 안되어있으면 당연히 의미가 없긴하면서도 일단 공부하는 느낌이다보니까 대략적으로 작은 서비스 하나 생각하면서 작업 중에 있습니다.

이전 글에 이어서

Primitive 컬러를 먼저 베리어블에 등록했습니다.

그리고 만들 서비스에서 자주 사용되는 컬러들은 따로 semantic 컬러로 베리어블 등록했습니다.

프로젝트할 때 디자인시스템 만들면서 들었던 말과 거기서 얻었던 인사이트가 있었는데

동아리활동을 하면서도 디자인시스템을 작업을 했는데
이게 서로 소통을 못했다보니까, 팔레트 색상을 해놓고 좀 시간 지나서 시멘틱 컬러를 지정해놓으니까 개발자분들이 헷갈려하셨었다.
(팔레트 색상 다 등록해놨는데 디자인에서는 시멘틱으로 다른 이름으로 되어있으니 이 컬러는 뭐지? 하면서 찾아다니셨다고...)
그래서 다시금 이런 작업을 할 때에는 공유하는 것이 제일 중요하다는 것을 깨닫게되는 순간이었다

다시 디자인시스템 작업으로 돌아와서 폰트 스타일 설정 및 갭, 패딩, 마진에 쓰일 간격들도 베리어블에 등록해놓았다.

여기까지하면서 다른 디자인시스템을 많이 봤었는데, 조금씩 다 다른 이름, 방식으로 베리어블이 정리된 것을 확인할 수 있었다. 역시 디자인시스템은 단기간에 슈슉 만들기에는 그 서비스와 같이 일하는 사람들 간의 소통을 바탕으로 정리되어야한다는 것을 알게된 것 같다.

일단 여기까지 진행하고나서 UI디자인적으로 조금..부족하다는 생각이 갑자기 들어서 다음부터는 클론디자인을 주마다 진행하면서 병행해볼 생각이다!

Subscribe to 'hilda'

로그인 후 구독하실 수 있습니다!

Open channel