inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

질문이 있습니다.

6637

AirDream

작성한 질문수 40

0

피그마에서 자간, 행간 조절 고민..

포토샵에서 자간이나 행간 조절할때,

px로 했었는데

피그마는 행간은 px 인것 같은데

자간은 %이더라구요..

어떻게 조절을 해야할지 고민이 됩니다...

예를들어..

-20px을 조절한다면 피그마에서 %로 변환하면 어떻게 해줘야하나요..

에릭님은 보통 어떻게 하시나요?:)

웹 디자인 모바일-디자인 figma

답변 1

2

에릭

AirDream님 안녕하세요. 좋은 질문 감사드립니다.

행간, 자간과 관련해서 제가 완벽하게 알고 있는 것은 아니지만, 한번 노력해서 답변드려볼게요.^^

저같은 경우에는 피그마를 쓰기 이전에 스케치를 사용했었어요. 스케치는 자간은 px로 조절하고 있어서

AirDream님께서 겪으신 것과 마찬가지로 이것을 %로 어떻게 해야 하는지 고민을 했던 것 같아요.

아래에서 보시는 바와 같이 스케치에서는 자간, 행간 모두 px 기반이에요.

.

피그마에서 %의 개념은 해당 폰트의 사이즈를 기본으로 계산한다고 생각하면 될 것 같아요. 폰트 사이즈가 80px이라면 100%는 80px이라는 것에서부터 계산을 하는 것이지요.

.

일단 제가 말씀드릴 수 있는 부분은 여기까지인 것 같아요.

그리고 자간 및 행간을 어떻게 설정하면 좋을지에 대해서 물어보시는 부분이라면, 저는 실무에서 일을 할 때에 특히 가독성을 높이기 위해서 행간을 이리 저리 조정해보면서 테스트를 자주 하는 편인것 같아요. 자간은 기본 설정에서 자주 변경하지는 않았던 것 같구요. 

관련해서 참고가 될 만한 글들이 있어 공유합니다. 이런 글들을 참고하시는 건 좋은 것 같고, 더 중요한 것은 본인이 직접 테스트를 해보면서 어떤 게 사용자로 하여금 글을 잘 읽을 수 있도록 하는지 알아가는 게 중요한 것 같아요. 저도 계속 배워가는 중이구요. ㅎㅎ

https://brunch.co.kr/@blckschrl/40

https://brunch.co.kr/@monodream/30

감사합니다.

프레임 조정 관련

0

55

2

arrow auto 플러그인이 검색해도 안나오는데 대체할 다른플러그인 추천해주실수있을까요 ?

0

68

1

오브젝트간 간격 4px 주시는 이유가 구체적으로 궁금합니다.

0

108

0

하단바 고정

0

388

2

도형 오토레이아웃 설정

0

143

2

단락별 행간 조절

0

97

2

수강기한 연장 관련 질문드립니다.

0

90

2

24화 질문인데 도형 선택해도 layer가 안 뜹니다

0

167

3

go back to previous(이전 버전으로 가기) 가 안뜹니다

0

373

3

Auto Layout 적용이 되지 않습니다

0

394

2

SF Symbols 윈도우

0

360

2

섹션 13 질문입니다. Asset에 Toolbar가 뜨지 않습니다

0

140

2

Constraint기능에서 Top & Bottom 기능이 연동이 안되네요

0

162

2

Copy Link로 프로토타입 공유 시, 휴대폰 프레임 안보이게 하는 기능

0

324

2

프레임 크기를 조정하다가 모르는 박스를 발견했어요.

0

145

2

Style 저장하는데 Variable?

0

374

1

Text 박스 조정하는 법

0

1040

2

확장성

0

117

2

하단바 설정하는 방법

0

293

2

컴포넌트들 에셋상에서 폴더값으로 분류하는 법

0

605

4

하단바 고정시

0

925

3

섹션 12 예제 파일이 안보입니다!

0

174

2

제플린 핸드오프에 관련 질문입니다.

0

140

2

오토레이아웃

0

142

2