inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

디자인 시스템 with 피그마

컬러 (Color basic)

컬러 팔레트 관련 문의드립니다:)

해결된 질문

1058

SUNA LEE

작성한 질문수 2

1

안녕하세요, 강사님!
컬러 디자인시스템 설계중인데 궁금한 점이 있어 문의드립니다.
알려주셨던 tailwind color generator 로 컬러를 뽑았을때 9가지 컬러만 나열이 되는데 추가로 더 많은 색상의 컬러 팔레트를 구성하고 싶을땐 어떻게 해야할지 궁금합니다!
또 아래와 같이 컬러 팔레트에 50부터 1000의 숫자는 어떤걸 의미하는지 궁금합니다. 컬러팔레트를 구성하고 50-1000의 숫자는 제가 임의적으로 값을 매기는건지 아무리 찾아봐도 나오질 않아 문의드려요 ㅠㅠ 항상 친절하고 자세하게 답변해주셔서 정말 감사드립니다~!


figma 아토믹-디자인 figma-tokens 디자인 시스템

답변 1

0

범쌤

안녕하세요 열혈 수강생 SUNA LEE 님 :)

대부분의 컬러 베리에이션은 명도 대비로 설정됩니다.

저도 9단계 또는 10단계까지 잡아주는 것들만 사용해봤고, 더 많이 되는건 사용해본적이 없으나,

다음의 명도 대비가 필요하다면 200번대 또는 300번대의 색상을 잡고 다시 한번 베리에이션 하면 그 색상에서의 더 낮고 높은 명도가 나와 사용한 적은 있었습니다 ㅎㅎ

저도 플러그인들을 살펴보고 있지만 베리에이션이 많이 되거나, 하는것들은 잘 보이지 않네요,

달리 생각해보면 저렇게 많이 베리에이션 할 이유가 없거나, 혹은 저처럼 중간 색상을 한번 더 잡고 베리에이션 하거나 하는 방식을 사용하는 듯 합니다 :)

 

감사합니다.

 

 

borderTransparent를 라이트/다크모드에 이중등록

0

47

2

해결되었습니다.

0

38

1

안녕하세요! 강의잘 들었습니다.

0

103

2

타이포그래피 16 -> 14 변경 시 XXXL만 변경 안 됨

0

71

2

토큰스튜디오에서 폰트 스타일등록 문의

0

80

2

토큰에서 style로 export시 에러

0

83

2

컬러시스템 등록 관련

0

86

2

토큰 light/dark mode 오류

0

76

2

Pretendard 없으면 에러납니다

0

292

2

폰트 토큰 작업 할때

1

120

3

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

0

67

2

토큰을 깃허브에 올리는 방법이 없어진거 같은데요

1

95

2

토큰 export 할때 어떻게 해야 하나요? 버전이 바뀌어서 그런지 못찾겠어요

0

249

2

인프런 할때마다 짜증나는데 수업내용이 너무 오래된건 제발 삭제좀 하던지 다시 찍던지 해주세요

1

85

1

tailwind color generator 이게 작동이 잘 안되네요

0

89

2

figma tokens플러그인 안나오는데요??

0

140

2

혹시 토큰 가공할 수 있는 강의도 따로 있을까요??

1

66

2

피그마 배리어블에 export시 값 저장 안됨

0

232

3

Style - variable 문으ㅣ ㅜㅜ

0

75

2

borderTransparent 임포트가 안됩니다

1

73

2

화면이 보이지가 않아요?

0

75

1

컬러맵핑하고 라이트/다크 모드 설정시 색상 반전이 안돼요 ㅠㅠ

1

286

2

피그마 토큰 플러그인

1

299

2

깃허브 sync 오류

1

195

2