inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

그리드를 활용한 반응형 UI디자인 만들어보기

사진 사이즈

313

Cloe

작성한 질문수 15

0

안녕하세요 Eric강사님~

질문이 있습니다!

혹시 Unsplash에서 이미지를 넣었는데, 이미지가 너무 큰 경우 어떻게 사이즈 조정할 수 있나요?

Crop을 누른경우 이미지 사이즈 자체가 작아지지는 않고

Fill을 누른 경우에는 사각도형 사이즈 자체가 작아져서요!

Fit은 전체 이미지 사이즈가 작아져버리는데

혹시 이미지를 도형에 맞게 줄일 수 있는 방법이 있나요..??

아니면 도형사이즈에 맞는 이미지를 선택하려했지만 기능이없는것 같은데.. Unsplash plugin사용시 사이즈별로 이미지를 찾아야 하는건가용?

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

답변 1

0

에릭

안녕하세요. 질문 감사합니다.

제가 질문하신 것을 정확히 이해했는지 모르겠습니다만, 잘못 이해한 부분이 있다면 말씀주세요.

일단 Unsplash를 통해서 도형 안에 들어간 이미지는 Crop을 누른 후 이미지의 사이즈를 크게 하든지, 작게 하든지 조정할 수 있습니다.

사이즈 조정하는 것에 대해 영상을 캡쳐해서 아래 링크에 올려두었습니다.

>> 영상

참고 부탁드려요. 감사합니다.

 

 

0

Cloe

아, crop했을 때 테두리에 가져가면 이미지 크기도 조절할수 있네요! 영상까지 찍어서 답변주시다니.. 넘 도움이 되었습니다!! 감사합니다^^

원래 질문에서 궁금했던 내용중에 강의에서 보여주신것처럼 원래 양여백이 있는 이미지를 택해야 이미지 늘림이나 찌그러지는 현상이 없는것 같은데, 아무래도 width를 맞추려다보면 이미지 비율이 안맞고, 비율을 맞추려면 여백이 생기는것 같아서요

이거는 어쩔 수 없는거고, 이미지를 고를때 도형크기를 고려해서 fit될만한 이미지를 골라야 하는게 맞는지 싶었습니다!

0

에릭

Cloe님 안녕하세요. 질문 감사합니다.

네 이미지를 고를 때 내가 생각했던 도형의 '틀' 안에 넣었을 때에 내가 원하는 결과물이 나와줄지 고려를 잘하는 것이 중요합니다. 즉, 이미지를 (말씀하신대로 Fit될만한 것으로) 애초에 잘 고르셔야 되는 것이 중요하다고 볼 수 있습니다. 이미지 자체를 수정해서 여백을 만드는 것은 어려운 점이 많기 때문입니다.

감사합니다.

강의 수강 기간 연장 부탁드리겠습니다

0

21

1

프레임 조정 관련

0

93

2

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

0

94

1

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

0

130

0

하단바 고정

0

495

2

도형 오토레이아웃 설정

0

169

2

단락별 행간 조절

0

105

2

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

0

103

2

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

0

189

3

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

0

413

3

Auto Layout 적용이 되지 않습니다

0

421

2

SF Symbols 윈도우

0

390

2

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

0

153

2

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

0

176

2

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

0

346

2

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

0

155

2

Style 저장하는데 Variable?

0

399

1

Text 박스 조정하는 법

0

1131

2

확장성

0

129

2

하단바 설정하는 방법

0

311

2

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

0

661

4

하단바 고정시

0

974

3

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

0

187

2

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

0

151

2