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

김희영님의 프로필 이미지
김희영

작성한 질문수

디자인 시스템 with 피그마

간격 (Spacing)

디자인 토큰 spaing 관련

해결된 질문

작성

·

191

1

안녕하세요!

spacing 관련 토큰 만들어보다가 궁금한 점이 생겨서 질문드립니다.

 

예제처럼 baseSpaing이 4이며, 4의 배수로 커지는 토큰에서 6이나 10 정도의 spacing 값이 필요하게 되면,

  • {baseSpaing}*1.5 = 6

  • {baseSpaing}*2.5 = 10

이런식으로 만들어도 써도 괜찮은걸까요..?

뭔가 4의 배수의 규칙에 어긋나는 느낌인 거 같아서 질문드려봅니다..ㅠ.ㅠ

아니면 애초에 baseSpaing 값을 2로 두고 진행하는 게 나은 방안인지 여쭈어 봅니다!

답변 1

0

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

안녕하세요 김희영님 :)

 

중간의 간격을 설정하고 싶다면 팀 내에서 합의를 통해 특별한 간격을 만들어 사용할 수 있습니다.

 

하지만, 저렇게 예외, 특별한 규칙을 설정하다보면
희영님이 말씀해주신대로 4의 배수에 어긋나 버리는 문제도 있고,
결국 시스템이 무너지게 되는 경우를 많이 봐왔던 터라 권장드리진 않습니다.

 

"그럼 애매한 간격이 필요한 경우는 어떻게 하나요?" 에 대한 답변을 드리자면,

 

과감하게 포기하셔야 합니다.

 

시스템은 일관된 형태의 산업디자인을 만들어내는 규칙을 정하는것이기 때문에
디자이너의 임의의 간격은 허용하지 않습니다.

정해진 규칙과 규격에 따라 디자인을 해나가셔야 합니다.

 

이런 룰 때문에 디자인 시스템의 단점중 하나가 디자인이 너무 정형화 되고 다 똑같고 재미없어진다.

라는 얘기가 있습니다.

 

하지만 단점보다 회사가 가져가는 생산성과 효율성의 이득이 더 크기 때문에 이부분은 디자이너들이 포기하고 가는것이죠..

 

 

감사합니다 :)

 

 

 

김희영님의 프로필 이미지
김희영
질문자

빠른 답변 감사합니다 :)

김희영님의 프로필 이미지
김희영

작성한 질문수

질문하기