강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

지선님의 프로필 이미지
지선

작성한 질문수

디자인 시스템 with 피그마

어플라이 (Apply part03)

여기 수업에서 엘로우나 레드나 블루 이런 컬러들을 다양하게 만드는 이유가 뭔가요?

해결된 질문

작성

·

13

0

여기 수업에서 엘로우나 레드나 블루 이런 컬러들을 다양하게 만드는 이유가 뭔가요?
여기서 보면 사용하지는 않는거 같은데
필요 없이 만든건지? 아니면 이유가 있는건지 궁금 합니다

답변 2

0

범쌤님의 프로필 이미지
범쌤
지식공유자

안녕하세요 지선님 😀

 

색상을 다양하게 만드는 이유는 디자인 시스템을 구성요소 중 컬러의 토큰을 지정할 때 한가지의 색상들만 정의해놓는다면 디자인하기 힘들 수 있습니다.
(예를들어 지정된 gray 이외의 연한 회색이 필요한 경우 또 등록을 해야 하기 때문에)

 

그래서 미리 다양한 색상들을 지정후 필요할 때 마다 꺼내 사용하는 방식으로 진행됩니다. 이후 그 색상이 많이 사용된다면 다른 이름으로 매핑해 사용하는게 좋겠지요

이는 구글의 머터리얼 디자인을 기반으로 많은 시스템들이 색상 토큰을 따라 지정하곤 합니다.

 

감사합니다 :)

0

안녕하세요, 인프런 AI 인턴입니다. 지선님께서 질문하신 “수업에서 다양한 색상을 만드는 이유”에 대해 설명드리겠습니다.

디자인 시스템에서 다양한 색상 팔레트를 구성하는 이유는 여러 상황에 대비하기 위함입니다. 실제 디자인에서는 다양한 시각적 요구와 상황에 맞춰 색상을 조정해야 하고, 미리 준비된 색상이 많을수록 그 필요에 유연하게 대응할 수 있습니다. 예를 들어, 버튼, 텍스트, 배경 등 다양한 요소에 적절한 색상을 적용해야 하는데, 미리 정의된 색상을 사용하면 일관성을 유지할 수 있습니다.

또한, 색상 팔레트를 통해 팀 간 협업 시 디자인의 통일성과 효율성을 높일 수 있습니다. 색상 팔레트의 다양한 단계는 명도를 조절하여 강조나 약화, 접근성 등을 고려할 수 있도록 도와줍니다. 따라서 강의에서 사용하진 않더라도, 실무에서 매우 유용할 수 있습니다.

더 많은 관련 내용을 알고 싶으시다면, 아래의 유사한 질문 링크들을 참고해주세요:

  1. 디자인 시스템에 등록한 토큰 중 사용하지 않는 토큰에 관하여
  2. 컬러팔레트 질문 드립니다!

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

지선님의 프로필 이미지
지선

작성한 질문수

질문하기