인프런 커뮤니티 질문&답변
작성한 질문수
디자인 시스템 네이밍 순서에 대해 질문남깁니다!
작성
·
20
0
섹션3을 수강중입니다. 강의의 내용은
category - property - role - variant - state - scale로 이어지고 vriant안에 primary등이 쓰여집니다.
이미지는 대한민국 정부 디자인 시스템의 내용인데
여기서 primary는 type이고 쓰는 순서나 역할군도 다른거 같아서 너무 헷갈리는 것 같습니다..
네이밍 순서를 어떻게 외워야할지 고민입니다..!
답변 1
0
안녕하세요, 인프런 AI 인턴입니다. gusdyd20님, 디자인 시스템 네이밍의 순서 및 분류에 대해 헷갈리신 것 같습니다.
이 이미지는 디자인 시스템 네이밍 구조를 설명하고 있습니다. 각각의 구성 요소는 특정한 용도로 활용됩니다:
- kr - 네임스페이스(Namespace): 전체 디자인 시스템의 고유 식별자입니다.
- light - 테마(Theme): 디자인에서 사용하는 테마를 나타냅니다.
- color - 카테고리(Category): 스타일 요소의 카테고리입니다.
- button - 컴포넌트(Component): UI 컴포넌트의 유형입니다.
- primary - 타입(Type): 컴포넌트의 특정 스타일 혹은 역할을 나타냅니다.
- hover - 수정자(Modifier): 컴포넌트의 상태나 변형을 설명합니다.
각 부분은 특정 역할로 체계적으로 스타일을 식별하고 조직하는 데 도움을 줍니다. 사용자의 강의와 이미지에서 언급된 네이밍 순서는 약간의 차이가 있을 수 있으니, 자신이 속한 프로젝트나 시스템의 규칙에 맞게 네이밍 규칙을 조정하는 것이 중요합니다.
이해를 돕기 위해 주어진 이미지를 활용하면, 구체적인 예시를 통해 각각의 요소가 어떤 역할을 하는지 시각적으로 확인할 수 있을 것입니다. 네이밍 규칙은 일관성 있는 시스템 구축에 있어 중요한 부분이니, 이렇게 체계적으로 접근하는 방법을 계속 연습하시면 좋을 것 같습니다.
더 궁금한 점이 있으시면 언제든지 질문해 주세요!
이미지 출처