웹 앱을 진짜처럼 보이게 하는 노트북 목업

노트북 목업은 이것이 브라우저에서 돌아간다고 말하는 표준적인 방법입니다. 맨 스크린샷에는 없는 맥락, 즉 크기와 놓인 면과 시점을 프레임이 제공하기 때문에 통합니다. 위험은 노트북 화면이 가로로 넓고 세로로 얕다는 점입니다. 촬영을 미리 계획하지 않으면 안의 화면은 작게 표시될 때 뭉개집니다.

모니터 전체가 아니라 적절한 뷰포트를 촬영하기

촬영 전에 브라우저를 1440 × 900 정도로 맞추세요. 울트라와이드 모니터에서 찍은 화면을 노트북 프레임에 밀어 넣으면 글자가 절반 크기로 그려지고 레이아웃이 무늬가 됩니다. 그 너비에서 가로 여백이 지나치게 많다면 프레임을 줄이지 말고 페이지를 확대하세요. 목업은 실제 방문자가 보는 레이아웃을 읽을 수 있는 크기로 보여 줘야 합니다.

각도와 화면 여닫음은 조금이면 충분

약간의 기울기는 깊이를 주지만 강한 각도는 화면을 평행사변형으로 만들고 가독성을 죽입니다. 목업이 열림을 애니메이션할 수 있다면 거의 닫힌 상태에서 여는 2초는 영상 도입으로 효과적입니다. 다만 정지 이미지에서는 화면을 거의 수직으로, 카메라를 거의 정면으로 두세요. 화면 한쪽을 10퍼센트 넘게 짧아 보이게 하는 원근은 분위기보다 가독성에서 잃는 게 더 큽니다.

그림자로 접지시키고 거기서 멈추기

바닥 아래의 부드러운 접촉 그림자가 노트북이 떠 보이지 않게 하는 요소입니다. 대비는 낮게, 몸체 가까이 두세요. 기기 아래에 깔린 크고 흐릿한 얼룩은 2013년 템플릿의 시각적 서명입니다. 배경이 어둡다면 윗변을 따라 흐르는 가느다란 빛이 그림자보다 접지감을 잘 만듭니다. 장마다 조명을 맞추기보다 하나의 조명 원칙을 세트 전체에 적용하는 편이 낫습니다.