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

ji.h.1님의 프로필 이미지
ji.h.1

작성한 질문수

피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z

텍스트 설정에서 Line Height 설정 형태

작성

·

1.2K

0

안녕하세요 선생님!

선생님 강의 듣고 덕분에 작업도 잘 하고 있습니다~

최근에 UI kit를 참고하면서 작업 중이였는데,

Typography부분에 보니까 어떤거는 Line Height를 24pt로 설정하고 어떤거는 180%로 설정해놓았던데 

혹시 실무에서 이렇게 단위를 다르게 설정하는 경우가 있나요?? 

그리고 단위를 다르게 하면 어떤 차이가 있는건가요?

답변 1

1

에릭님의 프로필 이미지
에릭
지식공유자

안녕하세요. 

좋은 질문 감사드립니다. 

먼저 예를 들어 Font size가 12px이라고 하겠습니다. 이 때에 Line Height는 구체적인 수치 (24px) 로 하거나, 퍼센트 (200%, 동일하게 24px이 될 것입니다)로 설정하는 것 두가지 모두 가능합니다. 두가지 옵션이 모두 가능한 이유는 코딩을 할 때에 두가지 방식으로 모두 표기할 수 있기 때문입니다.

저도 어떤 경우에 퍼센트로 사용하는 게 더 좋은지, 또는 구체적 수치를 사용하는게 더 좋은지는 잘 모르겠습니다만, 적어도 이해관계자들(예를 들면 같은 디자인팀원이나, PM, 개발자..)과 커뮤니케이션을 할 때에는 하나의 통일된 방식으로 하는 게 좋은 것 같습니다. 케바케로 계속 표기 방식이 달라진다면 커뮤니케이션의 효율성이 떨어지기 때문입니다.

제가 아는 게 여기까지라서 양해부탁드리고 혹시 표기 방식을 달리하면 좋은 또 다른 use case를 알게 되시면 공유해주시면 감사하겠습니다^^

ji.h.1님의 프로필 이미지
ji.h.1

작성한 질문수

질문하기