–
목업은 정말 다양한 곳에서 활용됩니다. 서비스 소개 및 제안을 위한 문서에도 자주들어가고, 웹페이지 내 특정 기능을 알리기 위한 용도로도 삽입이 되곤 하죠. 몇 줄의 텍스트로 설명하는 것보다 1-2장으로 구성된 목업-이미지를 함께 보여주는 것이더 입체적으로 정보를 전달할 수 있기 때문입니다.
모바일앱 기준으로, 목업은 실제 화면을 캡쳐한 후 특정 디바이스에 맞춰 채워넣거나 컨셉 이미지나 화면을 제작해 끼워넣는 경우가 많은데요! 최근에는 웹이나 웹앱으로 출시되어 별도의 디자인 작업 없이도 고퀄리티의 목업을 만들 수 있게 되었습니다. 실제로 어제 페이지를 통해 바로 소개했던 목업 제작 툴 역시 맥용 앱으로 다운로드, 이미지만 업로드 하면 3D 뷰, 애니메이션 추가 등이 자유롭게 가능합니다.
–
–
오늘은 웹서비스로, 2장의 이미지를 업로드 하면 일반, 아이폰, 안드로이드, 웹 기준에 맞춰 다양한 구도의 목업을 만들 수 있는 ‘Cleanmock’을 소개드리려고 합니다.
–
–
‘Cleanmock’의 시작은 원하는 이미지 2개를 업로드 하는 것입니다. 업로드 되는 이미지 갯수를 달리해 목업을 제작하고 싶은 마음도 있지만, 우선 정해진 갯수를 업로드 해봤습니다.
–
–
이미지를 업로드 하면 몇 가지 선택 가능한 옵션들을 확인할 수 있습니다. 먼저 배경컬러를 선택할 수 있는데요. 디폴프로 적용된 컬러를 클릭하거나 컬러값을 직접 입력해 적용할 수 있습니다. 또 목업 해상도와 워터마크 제거 체크박스를 선택할 수 있는데요! 이는 프로계정으로 연결되어 있어 직접 선택은 불가능합니다. (선택 시 프로 계정에 대한 안내 팝업이 나오죠)
–
–
다음은 디바이스입니다. ‘Clean’, ‘Iphone’, ‘Android’, ‘Web’ 등 네 가지 중 하나를 선택 할 수 있으며 각각에 대한 구도와 레이아웃을 세부적으로 적용할 수 있도록 구성되어 있죠. Android의 경우 조금 아쉽게 느껴지는데요. Pixel 2 XL, Pixel 2 등을 기본으로 활용할 수 있으며 그 외 배치는 프로 계정에서 사용 가능합니다. Iphone의 경우 아이폰X, 아이폰8, 아이폰8플러스, 아이폰 XS, 아이폰 XS MAX, 아이폰 XR까지 무료로 선택 가능하며 더 다양한 레이아웃은 프로 계정일 경우 선택할 수 있습니다.
–
–
이제 완성된 목업을 다운로드 받는일만 남았는데요!
–
–
이미지 2장을 업로드, 배경 컬러와 아이폰8플러스를 선택한후 다운로드를 한 실제 목업의 모습입니다. 조금 당황스러웠던 점은 최저 해상도로만 무료로 다운로드 받을 수 있다는 점. 위 사이즈 이상으로 다운로드를 받기 위해서는 월 5달러, 1년 결제 시 월 4달러의 프로 계정을 이용해야 합니다.
해상도가 아니라 디바이스나 워터마크 등으로도 충분히 프로 계정으로의 전환을 이끌어 낼 수 있지 않았을까, 최대 해상도로의 무료 다운로드 횟수를 제한해도 되지 않았을까, 라는 생각이 밀려왔지만 우선은 다양한 레이아웃을 확인할 수 있다는 점에서 절반 정도의 만족을! (자세한 내용은 ‘이 곳’을 참고해주세요!)
–
목업 제작 더이상 어렵지 않다!
다양한 디바이스, 화면, 조건에 따른 목업 제작이 필요하다면? ‘SHOTSNAPP’
5초만에 ‘모바일 앱 목업, 모바일 목업’ 제작이 가능한 서비스
고퀄리티의 디자인 목업을 무료로 다운 받을 수 있는 ‘DESIGN MOCKUP CLUB’
URL만 입력하면 스크린샷을 페이지 또는 영상으로 만들어주는 서비스 2
–