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

현진 심님의 프로필 이미지
현진 심

작성한 질문수

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

피그마로 핸드오프 링크 만들기

플레이 버튼 질문 (웹)

해결된 질문

작성

·

1.6K

1

안녕하세요~

플레이버튼을 누를 때 웹페이지의 경우는 디바이스를 통해 볼 수 없는걸까요?

프로토타입에 가장 큰 사이즈가 surface pro 1368 * 912 인데..

웹페이지 화면은 가로사이즈가 1440 * 입니다..

따라서 디바이스로는 볼 수 없는걸까요? 웹페이지 미리보기 기능을 어떤식으로 볼 수 있는지 궁금합니다. 감사합니다.

답변 5

1

에릭님의 프로필 이미지
에릭
지식공유자

네, 990은 세로길이로 보시면 됩니다. 다만, 웹페이지를 디자인할 때에는 Frame의 세로길이를 무조건 990으로 하실 필요는 없습니다. 훨씬 더 길게 하시더라도 플레이버튼을 누르시면 마우스 스크롤을 통해서 볼 수 있으니까요.

질문 감사드리고 좋은 하루 되세요!

1

현진 심님의 프로필 이미지
현진 심
질문자

오!!!!!!!!!!!

none 이군요. 

그럼 1440 *990 의 990은 화면의 세로길이겠군요. 감사합니다.

0

에릭님의 프로필 이미지
에릭
지식공유자

안녕하세요.  현진님,

답변 감사합니다.

이와 같은 케이스에서는 저는 프로토타입 디바이스를 설정하지 않고 플레이 버튼을 누릅니다.

드롭다운에 보시면 "None" 옵션을 선택하시면 됩니다. 

말씀하신대로, 1440보다 적은 사이즈의 디바이스를 프로토타입으로 설정할 경우, 디자인한 화면 중 일부가 가려지는 문제가 발생합니다. 

None을 선택하는 과정을 영상 캡쳐하여 공유합니다.

마지막에 Share Prototype을 통해 내가 프로토타입을 공유하고자 하는 사람들에게 URL을 복사하여 보내시면 됩니다.

보통 웹페이지의 경우, 브라우저를 통해 보는 것이기 때문에 저같은 경우에는 디바이스를 별도로 설정하지 않는 편입니다. 만약 제가 Surfit Pro 4(가로길이: 1368)를 위한 전용 앱을 디자인했다면 처음부터 프레임의 가로길이를 1368로 설정하여 디자인했을 겁니다.

참고가 되셨기 바랍니다.

감사합니다.

0

현진 심님의 프로필 이미지
현진 심
질문자

안녕하세요? 에릭님 답변감사합니다.

해결되지 않은 질문이 있어서 재질문 드립니다.

저는 프레임 사이즈를1440 *990 으로 정해서 만들었습니다. 제가 궁금한 것은 디자인이 완성되어서 프로토타입을 공유하려고 하는데.. 프로토 타입에 1440*990 이 없어서 질문드린 것 이었습니다.

프로토타입의 최대사이즈는 1368 * 912 입니다.. 따라서 제가 공유를 하게 되면

위 사진과 같이 화면 상단이 잘리게 되는데.. jpg 파일 말고 실제로 컴퓨터 화면에서 보듯이 시뮬레이션 하는 것은 어떻게 하면 되는걸까요? 

답변 감사합니다.

0

에릭님의 프로필 이미지
에릭
지식공유자

안녕하세요 현진님,

어떤 것을 말씀하고 계신지 질문이 잘 이해가 되지 않아 문의드립니다.

1. 프로토타입에서 가장 큰 사이즈가 surface pro 1368*912라고 하셨는데 이게 어떤 말씀이신지요?

피그마에서는 Frame 사이즈에 대해 아래 이미지와 같이 여러 템플릿을 제공하고 있습니다. Tablet의 경우 Surface 1368*912도 있고, Surface 1440*990도 있습니다. 참고로, 피그마에서 프로토타입을 만들 때 Frame의 사이즈는 자유롭게 지정해줄 수 있습니다. 말씀하신 1368보다 더 크게 지정해줄 수 있어요. 그리고 템플릿에서 제공되는 것도 큰 사이즈는 1368은 아닌 것 같아요. 

2. 웹 페이지를 디바이스를 통해 볼 수 없는 지 물어보셨는데, 이게 구체적으로 어떤 말씀이신지요?  

이 부분에 대해서 잘 이해가 안되어 문의드립니다. 어떤 웹사이트를 디자인하고 계신데, 이를 어떤 특정 디바이스에서 보고 싶다는 말씀이신가요? 어떤 상황에 계신지, 어떤 태스크를 수행하고자 하시는지 배경설명을 더 해주신다면 질문에 답변드리는데 도움이 될 것 같습니다.

감사합니다.

현진 심님의 프로필 이미지
현진 심

작성한 질문수

질문하기