디자인 토큰 spaing 관련
안녕하세요!
spacing 관련 토큰 만들어보다가 궁금한 점이 생겨서 질문드립니다.
예제처럼 baseSpaing이 4이며, 4의 배수로 커지는 토큰에서 6이나 10 정도의 spacing 값이 필요하게 되면,
{baseSpaing}*1.5 = 6
{baseSpaing}*2.5 = 10
이런식으로 만들어도 써도 괜찮은걸까요..?
뭔가 4의 배수의 규칙에 어긋나는 느낌인 거 같아서 질문드려봅니다..ㅠ.ㅠ
아니면 애초에 baseSpaing 값을 2로 두고 진행하는 게 나은 방안인지 여쭈어 봅니다!
답변 1
1
안녕하세요 김희영님 :)
중간의 간격을 설정하고 싶다면 팀 내에서 합의를 통해 특별한 간격을 만들어 사용할 수 있습니다.
하지만, 저렇게 예외, 특별한 규칙을 설정하다보면
희영님이 말씀해주신대로 4의 배수에 어긋나 버리는 문제도 있고,
결국 시스템이 무너지게 되는 경우를 많이 봐왔던 터라 권장드리진 않습니다.
"그럼 애매한 간격이 필요한 경우는 어떻게 하나요?" 에 대한 답변을 드리자면,
과감하게 포기하셔야 합니다.
시스템은 일관된 형태의 산업디자인을 만들어내는 규칙을 정하는것이기 때문에
디자이너의 임의의 간격은 허용하지 않습니다.
정해진 규칙과 규격에 따라 디자인을 해나가셔야 합니다.
이런 룰 때문에 디자인 시스템의 단점중 하나가 디자인이 너무 정형화 되고 다 똑같고 재미없어진다.
라는 얘기가 있습니다.
하지만 단점보다 회사가 가져가는 생산성과 효율성의 이득이 더 크기 때문에 이부분은 디자이너들이 포기하고 가는것이죠..
감사합니다 :)
borderTransparent를 라이트/다크모드에 이중등록
0
30
2
해결되었습니다.
0
24
1
안녕하세요! 강의잘 들었습니다.
0
77
2
타이포그래피 16 -> 14 변경 시 XXXL만 변경 안 됨
0
49
2
토큰스튜디오에서 폰트 스타일등록 문의
0
65
2
토큰에서 style로 export시 에러
0
71
2
컬러시스템 등록 관련
0
72
2
토큰 light/dark mode 오류
0
67
2
Pretendard 없으면 에러납니다
0
232
2
폰트 토큰 작업 할때
1
99
3
여기 수업에서 엘로우나 레드나 블루 이런 컬러들을 다양하게 만드는 이유가 뭔가요?
0
57
2
토큰을 깃허브에 올리는 방법이 없어진거 같은데요
1
82
2
토큰 export 할때 어떻게 해야 하나요? 버전이 바뀌어서 그런지 못찾겠어요
0
212
2
인프런 할때마다 짜증나는데 수업내용이 너무 오래된건 제발 삭제좀 하던지 다시 찍던지 해주세요
1
79
1
tailwind color generator 이게 작동이 잘 안되네요
0
75
2
figma tokens플러그인 안나오는데요??
0
125
2
혹시 토큰 가공할 수 있는 강의도 따로 있을까요??
1
55
2
피그마 배리어블에 export시 값 저장 안됨
0
207
3
Style - variable 문으ㅣ ㅜㅜ
0
69
2
borderTransparent 임포트가 안됩니다
1
69
2
화면이 보이지가 않아요?
0
67
1
컬러맵핑하고 라이트/다크 모드 설정시 색상 반전이 안돼요 ㅠㅠ
1
271
2
피그마 토큰 플러그인
1
292
2
깃허브 sync 오류
1
193
2