inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

디자인 시스템 with 피그마

컬러 (Color basic)

컬러 질문드립니다!

해결된 질문

300

주민

작성한 질문수 3

2

primary 컬러는 그 해당 브랜드 색상을 뜻하나요?

예를 들면 네이버의 녹색처럼요

그런데 사실 네이버도 제일 많이 사용되는 배경색상은

화이트인건데 그럼에도 primary 컬러는 녹색으로 가는건가요?

 

그리고 컬러의 100~900번대를 모두 등록해두는 이유는 무엇인가요? 이건 명도 차이를 말하는 게 맞는거죠..?

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

답변 1

1

범쌤

안녕하세요 주민님 :)

말씀하신것처럼 primary 컬러는 많이 사용된 색상이 아닌 브랜드의 색상을 의미합니다.

컬러의 variant 기준은 명도대비가 맞습니다 ^-^

컬러의 variant를 사용하는 이유는 primary 컬러 이외의 비슷하지만 다른 색상이 필요한 경우가 있습니다.
그럴 경우 다른 컬러를 새로 만들어서 쓰는게 아닌, primary와 비슷한 색상을 사용하면서 디자인의 흐름을 빗슷하게 유지할 수 있습니다. 이는 구글의 머터리얼 디자인 시스템을 참고하며, 대체적으로 모든 디자인 시스템이 variant를 해서 사용합니다.

디자인마다 다르겠지만 대부분 primary컬러에서 variant를 안하는 경우는 secondary컬러가 있는 경우라면 설정하지 않고 다른 색상들을 variant를 해서 사용하기도 합니다.

하지만 secondary컬러가 정해지지않은 회사는 primary의 variant컬러를 마치 secondary처럼 사용하는 경우도 있습니다 :)

감사합니다.

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

0

30

2

해결되었습니다.

0

26

1

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

0

84

2

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

0

52

2

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

0

66

2

토큰에서 style로 export시 에러

0

74

2

컬러시스템 등록 관련

0

72

2

토큰 light/dark mode 오류

0

69

2

Pretendard 없으면 에러납니다

0

245

2

폰트 토큰 작업 할때

1

100

3

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

0

58

2

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

1

83

2

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

0

217

2

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

1

80

1

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

0

75

2

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

0

126

2

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

1

57

2

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

0

210

3

Style - variable 문으ㅣ ㅜㅜ

0

69

2

borderTransparent 임포트가 안됩니다

1

69

2

화면이 보이지가 않아요?

0

67

1

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

1

275

2

피그마 토큰 플러그인

1

293

2

깃허브 sync 오류

1

193

2