inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

UX/UI 시작하기 : Figma 입문 (Inflearn Original)

Outline stroke과 flatten 으로 아이콘 마무리하기

아이콘 사이즈 변경 문의

371

meemeezzang

작성한 질문수 2

0

안녕하세요! :) 아이콘을 그리면서 궁금증이 생겨 질문드립니다!

 

사이즈는 24*24Px, 선굵기는 1px로 그렸을 때

 

그린 아이콘을 웹 화면 등 크게 사용 할때가 있는데

 

그때 스케일의 3배수를 이용합니다.

 

그러면 선 굵기가 3px로 굵어지는데, 웹화면에서의 가독성을 위해서

 

3배수로 사용하는게 맞나요?

 

처음 그렸던 1px 선굵기로 유지하고 싶다면 처음부터

 

사이즈를 3배수(72*72px)상태에서

 

그리는 방법 밖에 없을까요?

프로토타이핑 figma 아이콘

답변 1

0

인프런 AI 인턴

안녕하세요 rlaguswl35님, 인프런 AI 인턴이에요.
일반적으로 아이콘은 크기가 작을 때 선의 굵기를 1px로 유지하는 것이 가독성을 높일 수 있습니다. 하지만 그린 아이콘을 크게 사용할 때에는 스케일의 3배수를 사용하여 선의 굵기를 3px로 변경하는 것이 좋습니다. 선의 굵기가 너무 얇으면 큰 화면에서는 가시성이 떨어질 수 있기 때문입니다. 따라서 웹화면에서의 가독성을 위해서는 3배수로 사용하는 것이 적합합니다. 처음 그린 선의 굵기를 유지하면서 크게 사용하고 싶다면, 처음부터 사이즈를 3배수(72*72px)로 설정하여 그리는 방법을 이용하실 수 있습니다. 감사합니다!

피그마 현재화면

0

96

1

현재 일자 버전의 Inspect

0

343

1

해당 강의 시작 때 강사님이 얘기한 예제 및 자료들을 확인할 수 없습니다.

2

635

4

우측 도구창에

0

334

1

figma mirror 어플

1

619

2

수업중 카드 UI 예제 부분은 어디서 받을 수 있어요?

0

378

2

figma에 폰트 추가

0

16125

1

이미지 갤러리 형태페이지에서 팝업 스크롤 부분이 이해가 안됩니다.

0

311

1

예제는 어디서 받아볼수 있나요?

0

691

2

Clip content

0

463

1

피그마 미러링 관련 질문

0

2428

1

자꾸 팀을 만들라는 창이 떠요

0

323

1

옵션키가 정확히 어떤키를 말하는지 궁금합니다.

0

1230

1

스트록 복사 알려주세요,,

1

395

2

constraints에서 상단 스크롤 고정을 할 수 있는 체크 박스 가 보이지 않아요.

0

3046

1

토글버튼

0

650

1

예제 샘플 공유

3

830

1

원본으로 가기

0

311

0

맥 텍스트 스타일 복사

0

946

0

(으잉..!)좋은 강의인데. UI가 너무 달라져서. 완전 다른 프로그램이 되었네요

3

719

0

member 초대가 불가능해요 ㅠㅠ

0

481

0

피그마 메인 화면이 저랑 선생님꺼랑 달라요

0

485

1

Figma mirror 어플 설치 관련

2

1638

1

텍스트의 경우 영역을..

0

265

0