inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

아이콘 비율 관련 질문

450

장세연

작성한 질문수 1

0

Feather icon 플러그인에서 전화기 아이콘 가져와서

Outline stroke를 눌렀더니 전화기 아이콘이 이 형태로 바뀌었어요

이런 상황에선 어떻게 하면 될지 몰라 질문드립니다...ㅠㅠ

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

답변 1

1

에릭

장세연님 안녕하세요.

질문 감사드립니다.

확인을 해보니 Feather Icon에서 제공하는 해당 전화 아이콘에 문제가 조금 있어보이네요.

어디에서 제작이 잘못 된 것인지 진단이 쉬워보이지는 않습니다.

이렇게 오픈소스 아이콘을 사용하려고 하는데 특정 아이콘에 문제가 있을 경우, 가장 정확하게 하는 방법은 시간이 조금 걸리더라도 펜툴을 사용하셔서 해당 아이콘을 직접 따라서 그리는 방법이 있을 것 같습니다. 

그리고 한가지 제가 시도를 해본 건데 Stroke값에 대한 축을 inside로 변경을 한 후 outline stroke을 주니 적용이 되네요. (정석적인 방법은 아닙니다^^;;)

.

한가지 참고하시면 좋은 것은 Feather icon과 같이 오픈 소스를 사용할 경우, 이미 제작이 되어 있는 것들을 빠르게 사용할 수 있는 장점이 있습니다. 다만, Open Source를 제작한 측이 잘못 제작을 했을 경우 이번 예시처럼 내가 컨트롤을 하기 어려울 수도 있습니다. 저같은 경우, 빠르게 프로토타입을 만들어야 할 경우 오픈 소스를 사용하지만, 장기적으로 일관성이나 컨트롤 측면에서 장점이 있기 때문에 직접 만들어서 관리를 하는 것도 함께 병행하고 있습니다.

.

펜툴 활용하여 곡선 등 선을 그릴 때 참고하면 좋은 영상들 몇개 함께 공유드립니다.

영어로 되어 있는 영상이지만, 시각자료 위주로 되어 있어 도움이 될 것 같아 공유드려요.

https://www.youtube.com/watch?v=5x2uHUB_pzw

https://www.youtube.com/watch?v=kb-Vtis2Ytc

.

관련해서 추가적으로 질문있으시면 말씀주세요^^

감사합니다.

프레임 조정 관련

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

1039

2

확장성

0

117

2

하단바 설정하는 방법

0

293

2

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

0

604

4

하단바 고정시

0

925

3

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

0

174

2

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

0

140

2

오토레이아웃

0

142

2