3D 목업을 의도적으로 쓰기
평면 목업은 직사각형에 스크린샷을 붙여 넣은 기기 이미지입니다. 3D 목업은 실제 모델이고, 조명을 받고 가상 카메라로 촬영됩니다. 그래서 주위를 돌 수 있고 애니메이션할 수 있으며 모서리에 진짜 반사가 생깁니다. 이 추가 차원은 강력하고 남용하기도 쉽습니다.
3D가 실제로 주는 것
평면 템플릿이 못 하는 세 가지가 있습니다. 임의의 각도, 즉 누군가 파일에 구워 넣은 네 가지 포즈에 갇히지 않는 것. 기기 간 일관된 조명, 즉 같은 이미지 속 휴대전화와 노트북이 빛의 방향에 합의하는 것. 그리고 움직임, 즉 기기가 모델이 되는 순간 카메라가 움직여 정지 이미지 대신 영상이 되는 것입니다. 이 중 어느 것도 필요 없다면 평면 목업이 더 빠르고 결과도 똑같이 좋습니다.
원근은 쓰면 줄어드는 예산
회전 1도마다 가독성이 줄어듭니다. 카메라에서 30도 돌아간 화면은 보이는 너비의 약 3분의 1을 잃고 먼 쪽 글자를 압축합니다. 실무 원칙은 이렇습니다. 화면을 읽혀야 한다면 정면에서 약 15도 이내에 머물고, 각도는 깊이의 암시로만 쓰세요. 극적인 사선 구도는 기기가 구도상의 형태이고 화면 내용이 장식이어도 되는 이미지를 위해 아껴 두세요.
화각은 숨어 있는 조절기
같은 각도의 두 렌더링도 초점거리에 따라 완전히 다르게 느껴집니다. 넓은 화각은 가까운 모서리를 과장해 휴대전화가 문처럼 열려 오는 인상을 줍니다. 좁은 화각은 원근을 평평하게 만들어 화면을 직사각형으로 유지합니다. 각도는 맞는데 목업이 미묘하게 어색하다면 대개 범인은 화각입니다. 좁게 시작하고, 의도적으로 극적인 느낌이 필요할 때만 넓히세요.
자주 묻는 질문
3D 목업이 평면보다 나은가요?
본질적으로는 아닙니다. 특정 각도, 기기 간 일관된 조명, 또는 움직임이 필요할 때 낫습니다. 정면 히어로 이미지라면 평면이 더 간단합니다.
3D가 브라우저에서 되나요?
됩니다. 요즘 브라우저는 실시간 3D를 충분히 감당해서 조명과 내보내기를 포함한 완전한 에디터를 클라이언트에서 돌릴 수 있고, 스크린샷을 서버로 보낼 필요도 없습니다.
3D 목업이 어안 사진처럼 보이는 이유는?
화각이 너무 넓습니다. 좁히고 같은 구도를 유지하도록 카메라를 뒤로 빼세요.