primitive 지정이 필수인지 궁금합니다.

Question

안녕하세요! 강의 너무 잘듣고 있습니다.지금 회사에서 사용하는 기본 설정을 이번 강의를 통해 디자인시스템으로 만드는 걸 목표로 수업을 듣고 있습니다. 다만 이를 진행함에 있어서 궁금한게 있어서 질문을 드립니다.현재 저희 회사는 제가 혼자 디자인을 하다보니 따로 primitive에 해당하는 컬러값을 지정하지 않고 바로 semantic으로 이름을 설정해서 사용하고 있었는데요!primitive는 결국 기본 컬러값의 나열이라고 생각하는데, 이걸 필수적으로 설정해야하는 것인지 궁금합니다!--------------------------------------------------------학습 관련 질문을 남겨주세요. 영상이나 스크린샷 이미지도 첨부해서 작성하시면 도움이 됩니다.먼저 유사한 질문이 있는지 한번 찾아보시는 걸 권장 드려요.최대한 빨리 답변드리도록 노력하겠습니다.인프런 서비스 운영 관련해서는 1:1 문의하기로 인프런 쪽으로 연락 주시기 바랍니다.

Answer

안녕하세요.

우선 이 질문에 답하기 전 몇가지 고려해야할 사항이 있습니다.

왜 스타일이 아니라 베리어블인가?
회사의 프로덕트 방향

답변:

왜 스타일이 아니라 베리어블인가?

지금 현재 만드신 것은 스타일일 경우 참조가 필요없는 시맨틱 형태입니다. 이 경우는 베리어블과 다르게 참조도 안되고 모드도 적용이 안되기 때문에 수정하기가 어려워서 확장이 어렵습니다. 예를 들어 다크모드를 만들고 싶으면 새로운 시맨틱 컬러 세트를 만들어야 하죠.

하지만 베리어블에서는 기본 컬러(Primitive)를 정하고 난 다음 시맨틱(Semantic)에서 모드에 따라서 참조색을 바꿀 수 있어 확장성 측면에서 스타일보다 훨씬 유리합니다.

회사의 프로덕트 방향

만약 회사에서 다크/라이트모드, 멀티브랜드 등 다양한 속성에 따라 바뀌는 경우가 아닌 정적인 경우라면 제 생각에는 스타일로 시맨틱으로만 가는 것도 추천드립니다. 왜냐하면 스타일을 베리어블로 바꾸는 것은 굉장한 노력과 시간이 요하기 때문입니다. 하지만 회사 프로덕트가 앞으로 시맨틱 컬러의 확장을 준비하고 있다면 베리어블로 바꾸시는 것을 추천드립니다.

정리하자면 회사의 프로덕트 방향을 우선 고려하셔서 만약 확장이 가능한 색상 배치를 고려하신다면 참조, 모드를 사용할 수 있는 베리어블 사용하는 것을 추천드립니다.

shun0325

primitive 지정이 필수인지 궁금합니다.

이 글과 비슷한 Q&A

dimmed 컬러 등록

Function Component 가 뭔가요?

질문있습니다!

아이콘 관련 질문