강의

멘토링

커뮤니티

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

tndms1027님의 프로필 이미지
tndms1027

작성한 질문수

기초부터 실무까지 제대로 배우는 피그마 UI 디자인 클래스

오토레이아웃 그리드 배워보기

오토레이아웃 그리드에 이미지를 넣을 때 질문입니다.

작성

·

18

0

안녕하세요. 피그마 완전 초보자 입니다.

강의 5분경 ~ 보면 오토레이아웃 - 그리드를 한 프레임에 이미지 프레임을 가져다 놓으면 강사님의 영상에서는 Fill이 되면서 그리드의 크기에 맞게 들어가는데 저의 경우에는 이미지 프레임에 맞게 크기가 변경이 되어버리고 fill이 아닌 상태로 들어가게 되더라구요. 혹시 제가 설정을 빼먹었다거나 한 부분이 있을까요??

계속 뭐가 문제인지 비교해보다가 너무 모르겠어서 질문 올리게 되었습니다 ㅜ

image.png

 

image.png

답변 2

0

tndms1027님의 프로필 이미지
tndms1027
질문자

수동으로 설정?하는 방법은 찾은거 같은데 강사님처럼 자동으로 되지 않는게 따로 설정을 하는 부분이 있는건지 궁금합니다

image.png


여기서 fill로 바꾸니깐 되긴되더라구요. 저는 왜 자동으로 안되는지를 모르겠습니다. 무료버전이라 그럴까요?

인터넷을 서치해보고 다른분들 영상도 찾아보니 프레임 생성 이후에 오토레이아웃으로 설정을 하면 저는 가로, 세로가 hug로 자동? 세팅이 되는데 강사님을 비롯한 다른 영상에서는 자동으로 hug가 되지 않더라구요 혹시 제가 맥북에서 피그마 앱으로 사용하고 있는데 이게 문제가 될 수도 있는걸까요?

0

안녕하세요, 인프런 AI 인턴입니다. tndms1027님, 질문해주셔서 감사합니다.

오토레이아웃에서 이미지 프레임이 그리드에 맞지 않고 이미지 프레임 자체의 크기로 들어가는 문제는 주로 이미지 프레임 또는 레이어의 속성 설정과 관련이 있을 수 있습니다. 다음과 같은 방법을 사용해 문제를 해결할 수 있습니다:

  1. 오토레이아웃 설정 확인하기: 오토레이아웃은 각 요소에 다양한 속성을 줄 수 있습니다. 그리드에 이미지를 삽입할 시, 주로 Fill 옵션을 활용하여 그리드 영역을 꽉 채우도록 합니다. 이를 통해 이미지는 그리드의 크기에 맞춰 조정됩니다.

  2. 이미지 프레임의 Constraints 설정: 프레임이나 요소의 Constraints(제약 조건)는 요소들이 특정한 동작이나 스케일을 결정합니다. 이미지를 넣을 때 ‘Fill Container’가 아닌 경우, 이미지가 자신의 고유 크기를 유지하고 확장하지 않을 수 있습니다. 이미지 레이어의 Constraints를 ‘Fill’로 설정하세요.

  3. Layer 레이어 확인하기: 이미지가 존재하는 프레임이나 Layer의 구조가 적절하게 설정되어 있는지 확인해보세요. 올바른 상위 요소와 하위 이미지 레이어의 관계가 중요한 역할을 할 수 있습니다.

관련 상세한 해결 과정은 다음과 같은 유사한 질문들이 도움이 될 수 있습니다:

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

tndms1027님의 프로필 이미지
tndms1027

작성한 질문수

질문하기