inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Bắt đầu với Figma

7-Tạo hiệu ứng tương tác phóng to sản phẩm

7-상품확대 인터랙션 만들기 에서 이미지 배치 질문입니다.

180

ladyareum

1 câu hỏi đã được viết

0

안녕하세요, 강의보며 따라 연습하고 있는데

7- 상품확대 인터랙션 만들기 4:21 쯤에서

상품확대 인스턴스 붙여넣기 후

사진 레이어에 이미지 배치했다고 했는데

어떻게 배치가 된것일까요?

사진 이미지가 보이지않고 인스턴스 상태로만 보입니다.

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

Câu trả lời 2

0

lucymygirl

안녕하세요 아름님

상품확대 컴포넌트를 복사한 인스턴스를 프레임 안으로 가져와서

사각형 레이어에 이미지를 넣어주세요.

혹시 잘 안되면 실습하고 있는 피그마 파일을 lucymygirl@naver.com로 공유해 주시면 봐드릴께요.

끝까지 완강 하시길 응원합니다!!!

0

communityai8509

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

이미지 인스턴스에서 이미지가 보이지 않는 경우는 일반적으로 이미지가 잘못된 레이어에 추가되었거나, 레이어의 속성 설정 문제가 있을 수 있습니다.

강의에서 설명된대로 진행하셨다면 보통 다음과 같은 단계를 확인하실 수 있습니다:

  1. 인스턴스 내부 레이어 선택하기: 먼저, 확대할 이미지 인스턴스를 선택하고, 이미지가 삽입될 레이어를 정확히 선택했는지 확인합니다.

  2. 이미지 추가 시도하기: 선택한 레이어에 이미지를 드래그앤드롭 방식으로 추가할 때, 이미지를 덮어쓰기 기능으로 교체하는 방식을 사용했는지 확인합니다. 이렇게 하면 이미지가 레이어의 배경으로 추가되지 않고 레이어 자체의 컨텐츠로 채워지게 됩니다.

  3. 레이어 속성 확인: 레이어의 가시성(Visibility) 속성 또한 확인합니다. 혹시 비활성화되어 있지 않은지, 그리고 Opacity와 같은 속성이 조정되어 있지 않은지 체크해 보세요.

이와 관련하여 비슷한 질문이 올라온 경우가 있습니다. 아래의 링크를 참조하시면 도움이 될 수 있습니다:

위 링크를 통해 이미지 배치 이슈에 대한 다양한 해결 방법을 확인해 보세요.

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

borderTransparent를 라이트/다크모드에 이중등록

0

2

1

해결되었습니다.

0

6

1

채팅 UI 추가 속성 설정 질문

0

15

1

배리어블 Value에 관해 질문있습니다.

0

25

0

Body>font weight 에서 semibold에 짝대기가 생기는 이유?

0

26

1

Navigation Mobile 토글 베리어블이 안됩니당

1

29

2

24강 상품 상세화면 실습 컨디셔널 질문

0

23

2

실습파일

0

16

2

23강 캘린더 화면 실습 강의 2가지 질문

0

24

1

Typography 모드 적용시 표현된 값과 우측에 표시되는 값다름

0

27

1

17~20강 강의에서 활용하신 노션 자료 또한 공유 가능할까요?

0

34

1

6번강의 샘플예제

0

52

2

각 강의별 샘플

0

71

1

화면확대 인터렉션 질문이요

1

77

2

화면전화효과 질문드려요

0

78

2

30번 강의질문

0

57

2

지금 강의하실 때 사용하시는 피그마 예제??

0

88

1

prototype-overflow 탭 문의

0

151

2

피그마 활용 클래스 > 4 컴포넌트 boolean

0

823

1

그룹에 대한 질문입니다

0

121

2

6- 디자인시스템 구축을 위한 스타일 만들기 > 그레이 선정

0

255

2

6-디자인시스템 구축을 위한 스타일 만들기 > 그레이 뒷 숫자의미

0

173

2

공유 주신 피그마 url 404에러 뜹니다

0

190

1

태그부분이 아래로 안떨어집니다

0

201

2