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

안녕하세요 이샘님 :)

기본 폰트의 사이즈가 있고 2씩 증가하는 형태의 폰트 사이즈를 구현하신다면 작성하신대로

{default} + 2 로 식을 구현해주시면 됩니다.

다만 폰트의 증가분이 2가 아닐수도 있기 때문에 이 역시 변수로 지정해 증가 변수로 사용하시는게 토큰의 확장성에서 좋아보입니다.

폰트의 크기를 배수로 정하는 이유는 단순히 유지보수가 편하다는 이유가 아니고 디자이너가 임의의 값대로 증가시켜 폰트의 크기를 정하는게 아닌 일정한 비율대로 폰트의 크기를 증가시켜 규칙을 정하기 위함입니다.

폰트의 사이즈를 배수로 설정하고 명명규칙을 정해놓았을 경우 더이상
"폰트사이즈가 몇 px 입니다" 라는 의사소통 보다는
"Label에 large 크기에요" 라는 관심사로 좁혀져 의사소통이 가능해집니다.

그럼 디자이너와 개발자 둘 다 px이 얼마인지는 관심을 가지지 않아도 되게 되는것이죠,
그럼에도 폰트 사이즈의 소수가 거슬리신다면 토큰은 그대로 전달을 하고 개발자가 토큰을 가공하는 과정에서 올림 처리와 내림처리를 통해 정수로 값을 변환하여 사용할수도 있습니다.

이건 디자이너와 개발자가 서로 협의를 거친 후 어떤 방향으로 하자 라는 결론이 나온다면 회사의 시스템 방향대로 작업해 주시면 될 것 같습니다.

"폰트 사이즈를 +2씩 증가시키는 사이즈 단위를 만들어도 될까요?" 이 역시도 정해진 규칙과 시스템은 회사에서 만들어가는 것이므로 꼭 배수로 설정을 해야하는게 아니기 때문에 개발자와의 협의 하에 시스템을 만들어가시면 될 것 같습니다. 다만, 제가 위에서 설정했던 것 처럼 static한 값이 아닌 변수를 지정해 관리해 주시는게 좋을 것 같습니다.

감사합니다 :)