웹 또는 앱 디자인 따라할때 질문.

Question

실제 웹 따라할때 실제 픽셀 과 오브젝트 사이의 픽셀크기들 , 글꼴의 크기 어떻게 아는건가요??

따라하려는 사이트 화면 확대축소 비율 100%로 캡처한후에

피그마로 사진 가져온후 피그마 상의 확대비율 100%로 맞추면

동일한 픽셀인것인가요?

추가로

만약 따라해서 제작한후에 피그마상에서

실제 사이트처럼 구현되는것을 확인할수있는 방법이 있을까요?

Answer

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

네, 화면 캡쳐한 후 그것에 맞추어 픽셀크기와 글꼴을 정하시면 될 것 같습니다.

그리고 모바일의 경우 화면을 캡쳐했을 때에, 해당 모바일 디바이스의 viewport에 맞추어서 조정을 해줘야 할 수 있는데요. Viewport에 대해서는 아래 글을 읽어보시기 바랍니다.

감사합니다.