Home 디자인 UX/UI 이미지 2장을 업로드, 손쉽게 디바이스에 따른 목업을 제작할 수 있는 ‘Cleanmock’

이미지 2장을 업로드, 손쉽게 디바이스에 따른 목업을 제작할 수 있는 ‘Cleanmock’

1699

목업은 정말 다양한 곳에서 활용됩니다. 서비스 소개 및 제안을 위한 문서에도 자주들어가고, 웹페이지 내 특정 기능을 알리기 위한 용도로도 삽입이 되곤 하죠. 몇 줄의 텍스트로 설명하는 것보다 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