강의

멘토링

로드맵

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

조성혁님의 프로필 이미지
조성혁

작성한 질문수

디자인 시스템 with 피그마

타이포그래피 (Typography part02)

피그마 토큰 등록시 텍스트 사이즈

해결된 질문

작성

·

641

1

안녕하세요!

강의를 보면서 토큰 등록을 적용해보고 있습니다. 궁금한것이 생겨 질문드려요.

font size 등록할 때, {base} * {sizing} 처럼 가변으로 등록하지 않고 14px, 16px, 20px.. 처럼 각각 등록을 해도 괜찮은것인지 궁금합니다.

설명주신 부분은 추후 텍스트 사이즈 변경시 효율적으로 처리하기 위해 base 값과 sizing 의 값을 지정하고, 계산식을 통해 사용하도록 설명주신것으로 이해 하였는데요.

만약 텍스트 변동이 잘 일어나지 않는다고 가정한다면, px 고정값으로 각각 등록해도 무리가 없을것일까요?
감사합니다!

퀴즈

67%나 틀려요. 한번 도전해보세요!

디자인 시스템에서 4px과 같은 기준 간격 단위를 사용하는 주된 이유는 무엇일까요?

디자인 파일 용량을 감소시키기 위해

일관성 있는 간격 체계를 만들고 개발 적용 효율을 높이기 위해

디자이너가 자유롭게 미세 간격을 조절하기 위해

애니메이션 효과 적용을 쉽게 하기 위해

답변 1

2

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

안녕하세요 조성혁님 :)

 

폰트의 크기가 고정된다면 일정한 값으로 증가하는 폰트의 사이즈를 사용하셔도 됩니다.

 

다만, 4px씩 증가하는 폰트사이즈를 사용하다 '이부분만 예외로 다른 크기를 써야겠다' 라는 규칙들이 생기게 된다면 시스템의 흐름이 깨질 수 있으니 주의하여 주시면 좋을 것 같습니다.

 

감사합니다 :)

조성혁님의 프로필 이미지
조성혁
질문자

빠르게 답변주셔서 감사합니다! (감동,,) 이해 되었습니다!

혹시 이럴경우 sizing에 scale 값을 등록해 놓지 않고

font size를 등록할때 +2또는 +4로 입력을 해주면 되는 걸까요?

 

아니면 다른 방법이 있을까요?

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

fontScale을 임의로 지정하고자 한다면 static한 값을 직접 입력해 주셔서 설계하시면 됩니다 ^-^

조성혁님의 프로필 이미지
조성혁

작성한 질문수

질문하기