아이폰 이미지를 활용한 애플 제품 목업 사이트 소개
안녕하세요 jjdiary입니다.
디자인을 완성하고 실제 제품에 적용했을 때 어떤 모습으로 보이는지 확인하는 방법은 목업을 하는 것입니다. 제품의 디테일을 하나씩 만들어 가면서 목업을 하면 상당한 시간이 소요되지만 이미 제작되어 있는 형태에 디자인만 삽입하면 정말 쉽게 만들 수 있는데요. 오늘은 아이폰 이미지가 있는 애플사 제품 목업 사이트에 대해 알아보겠습니다.
목업은 영어로는 Mockup 모형이라는 뜻이며 실제 제품으로 구현되었을 경우 디자인 기능 사용성 등이 어떻게 표현되는지 미리 보기를 할 수 있는 모형을 의미합니다. 제품을 생산하기 전에 디자인과 활용성 등의 문제점을 파악할 수 있는 단계로 제품의 완성도를 높이는 과정입니다.
오늘 소개할 애플 제품 목업 사이트는 Shorts.so입니다. 회원가입과 로그인을 하지 않아도 mock-up을 한 후에 결과물을 저장할 수 있습니다. 아이폰 이미지뿐만 아니라 아이패드, 맥북 이미지 등이 있으며 스크린샷, 브라우저 느낌의 이미지 제작도 가능합니다.
사이트의 첫 화면에서 '만들기 시작'을 클릭하여 목업을 시작합니다.
사이트에서는 아이폰 13부터 아이폰 15 프로, 아이폰 플러스까지의 목업 이미지뿐만 아니라, 아이패드 태블릿, 맥북 랩톱, 아이맥 데스크톱 그리고 애플워치와 같은 총 5가지의 애플 제품 이미지를 제공합니다. 더불어 스크린샷과 브라우저, 휴대폰 케이스 없는 이미지도 포함되어 있습니다.
목업 제작 과정은 매우 간단하고 쉽습니다. 첫 번째 단계는 모델 이미지를 선택하는 것입니다. 휴대폰 중에서 아이폰 15플러스를 선택하면 해당 모델이 제작 화면에 나타나며, 휴대폰 내부 공간을 클릭하면 원하는 디자인 이미지를 손쉽게 삽입할 수 있습니다.
아이폰 이미지에 삽입하는 완성 디자인은 권장 비율에 맞는 크기로 넣어주는 것이 좋습니다. 이를 위해 jpg나 png 파일을 선택하여 즉시 삽입할 수 있습니다.
아이폰의 색상도 선택 기능을 통해 모든 색상의 기기에서 어떻게 디자인이 보이는지 미리 확인할 수 있습니다.
한 개의 목업에는 최대 3개의 아이폰을 넣을 수 있습니다. 기기 이미지에 따라 5개에서 13개까지의 다양한 배열을 선택하여 디자인을 할 수 있습니다.
아이폰에 그림자의 강도를 조절해서 넣을 수 있고 배경화면에서 위치를 이동할 수 있습니다. 위치 이동은 왼쪽 패널에서 사각형을 클릭해서 간편하게 이동할 수도 있고 엑스 와이 축을 움직여서 미세 조정도 가능합니다.
목업의 배경 이미지는 투명 배경이나 단색으로 설정할 수 있습니다. 아이폰 디자인에 포함된 색상을 자동으로 추출하여 그라데이션으로 변경하는 기능도 제공되며, 또한 사이트에서 제공하는 다양한 배경 이미지 중 선택할 수도 있습니다. 특히 그라데이션 추출 기능은 필요한 색상만 선택하여 만들 수 있는데, 이는 매우 탁월한 기능입니다.
다양한 배경 이미지를 적용한 목업입니다.
완성된 제품 이미지는 왼쪽의 다운로드를 클릭하여 png 파일로 저장할 수 있습니다.
동일한 디자인을 애플 워치에도 적용을 해보았습니다. 애플워치 울트라와 시리즈 8 두가지 모델의 이미지가 제공됩니다.
사이트에서는 스크린샷, 브라우저, 최소 데스크톱, 최소한의 전화와 같은 다양한 목업 모델을 제공합니다. 이러한 모델들은 실제 모형이 아니더라도, 디자인 샘플만으로도 휴대폰이나 데스크톱의 느낌을 효과적으로 전달할 수 있어서 포트폴리오를 꾸미는데 유용한 모델입니다.
