안녕하세요! UI왕초보가 질문드립니다.

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

먼저 3번부터 대해서 말씀을 드리겠습니다.

3번 답변: 원하시는 알림창을 만들기 위해서는 해당 프레임 크기에 해당하는 사각형 레이어를 만들어주고 어두운 색으로 Fill을 해준 후 Opacity를 낮춰주면 배경이 만들어집니다. 그런 후, 그 위에 흰색 또는 원하시는 색으로 사각형 레이어로 원하는 사이즈의 팝업을 만들어주시면 됩니다.

제가 예시로 더미 형태로 만들어서 캡쳐했습니다.

프레임 전체를 덮어주는 사각형 레이어를 만들어주세요.

사각형 레이어를 위에 만들어주시면 팝업을 만드는 게 됩니다. 

다음은 2번에 대한 답변입니다.

이를 위해서는 두가지를 해주셔야 됩니다. 첫번째로, 해당 팝업을 화면 상단에 두시고 Fix position 해주셔야 합니다. 그 다음에는 프로토타이핑을 할 때에 Preserve scroll position을 체크해주셔야 됩니다.

Fix position 체크해주세요

Preserve scroll 포지션을 해주시면 클릭을 했을 때에 화면이 다시 맨위로 올라가는 현상 없이 프로토타이핑이 가능합니다.

1번은 프로토타이핑의 고급기능인데 Vertical Scrolling으로 가능할 것으로 생각되나 저 역시 아직 해보지 않아서 지금 답변드리기는 어려울 것 같습니다. 혹시 방법을 알게 되시면 공유해주시면 감사하겠습니다^^