Home 디자인 UX/UI 다양한 디바이스와 일러스트를 활용, 손쉽게 목업 제작이 가능한 : Mockup Generator

다양한 디바이스와 일러스트를 활용, 손쉽게 목업 제작이 가능한 : Mockup Generator

1689

오랜만에 목업 제작 서비스를 들고 왔어요! 별도의 프로그램 설치가 필요하지 않고, 자체 제공하는 무료 일러스트레이션을 함께 활용할 수 있는 곳입니다. 게다가 5000×5000에 해당하는, 고해상도 이미지로 내려 받을 수 있어요. 무엇보다 이미지 삽입과 편집이 쉬워 자주 사용하게 될 곳!

기본 편집 화면이에요. 왼쪽에서 원하는 목업을 확인, 선택하면 오른쪽에서 바로 확인할 수 있어요. 스마트폰, 데스크탑, 랩탑, 스마트워치 등 4가지 종류의 목업이 제공됩니다.

원하는 목업을 선택하면 에디터 화면으로 이동하게 되는데요. 원하는 이미지를 업로드, 디바이스에 맞게 영역을 조절해 ‘Confirm edit’ 버튼을 선택하면 적용된 모습을 확인할 수 있어요.

이미지 업로드, 영역 확인 후 최종 적용된 모습이에요. 깔끔하게 잘 들어간 모습입니다. 좌우 반전 효과도 줄 수 있어요.

목업 종류가 아주 많은 건 아니지만, 구성은 꽤 다양해요. 우와 같이 두 개의 화면을 함께 활용하는 목업도 있네요.

편집이 모두 완료 되었다면, 오른쪽 아래 ‘다운로드’버튼을 눌러 원하는 해상도에 따라 내려받을 수 있어요. 해상도는 총 3가지를 지원합니다.

중간 해상도로 내려받은 목업입니다. 모바일 앱 2개 화면을 캡쳐해 넣었을 뿐인데 꽤 그럴듯한 결과물이 나왔네요.

목업에 들어갈 이미지 제작 시 활용 가능한 무료 일러스트레이션도 함께 제공하고 있어요. 11개 세트가 제공 되어 꼭 목업이 아니더라도 일러스트레이션이 필요한 곳에 쉽게 활용할 수 있습니다. (피그마, 스케치, SVG, PNG 등으로 내려받을 수 있어요)

저처럼 운영중인 채널을 소개하거나 간단하게 활용 가능한 목업을 제작할 때 한 번씩 유용하게 쓰일 것 같다는 생각이 듭니다. 일러스트레이션도 정말 매력적이고요! 자세한 내용은 ‘이 곳’을 통해 확인해주세요!

함께 활용해보세요!