Mockuuups Studio
웹사이트·디자인·개발Mockuuups Studio는 디자인을 수천 개의 기기 및 인쇄물 목업 위에 끌어다 놓아 보여 주는 목업 편집기로, 브라우저와 데스크톱 앱에서 쓸 수 있고 Figma, Sketch, Penpot, Adobe Express 플러그인으로도 사용할 수 있습니다.
적합한 이유
목업 만들기
목업 만들기: 도구와 앱
앱이나 웹사이트 화면을 휴대폰, 노트북, 태블릿 프레임에 넣고, 티셔츠·상자·명함 같은 제품 위에 디자인을 보여 주는 도구입니다. 먼저 이미지를 어디에 쓸지 정하세요. 스토어 페이지, 소개 페이지, 소셜 미디어, 고객 발표는 필요한 크기가 다릅니다.
알아둘 점: 무료 사용 조건은 도구와 요금제에 따라 다릅니다. 카드에 해당 도구만의 제한이 적혀 있지 않다면 사용량, 워터마크, 내보내기 조건을 공식 페이지에서 확인하세요.
무료 옵션
Placeit
웹사이트·디자인·개발Placeit은 Envato의 웹 기반 디자인 도구로, 의류, 디지털 기기, 인쇄, 주문형 인쇄 제품용 목업과 함께 로고 메이커, 디자인 템플릿, 영상 도구를 제공하며 무제한 다운로드는 구독으로 이용할 수 있습니다.
적합한 이유
목업 만들기
Rotato
컴퓨터·디자인·개발Rotato는 자신의 앱이나 웹 디자인을 30개가 넘는 기성 3D 기기 화면에 올려 애니메이션 영상이나 이미지로 만들어 주는 목업 생성기로, macOS 앱과 공개 베타 상태의 웹 버전이 있습니다.
적합한 이유
목업 만들기
알아둘 점: 컴퓨터에 설치해야 합니다.
Shots.so
웹사이트·디자인·개발Shots.so는 제품 스크린샷을 기기 프레임, 배경, 애니메이션 모션과 함께 프레젠테이션 이미지나 짧은 영상으로 바꿔 주는 웹 기반 목업 앱입니다.
적합한 이유
목업 만들기
무엇을 비교해야 할까요?
내 스크린샷이나 디자인을 올려 실제 크기로 결과를 보고, 프레임 안에서 글자가 흐려지지 않는지, 모서리와 반사가 자연스러운지 확인하세요. 같은 장면을 여러 크기로 내보내 어느 것이 선명한지 비교하세요.
기성 목업 템플릿은 상업적 이용, 출처 표기, 재판매 조건을 라이선스 페이지에서 읽고, 무료 내보내기에 워터마크나 해상도 제한이 있는지 공식 페이지에서 확인하세요. Photoshop 같은 별도 데스크톱 프로그램이 필요한 템플릿도 있고 브라우저에서 되는 것도 있습니다.
앱 스토어 스크린샷에 목업을 써도 되나요? 스토어마다 스크린샷 크기와 콘텐츠 규칙이 있으니 기기 프레임, 문구, 배경을 어디까지 허용하는지 스토어의 최신 가이드라인에서 확인하세요.
목업과 인터페이스 프로토타입은 같은 건가요? 아닙니다. 목업은 완성된 디자인을 실감 나는 장면에 보여 주고, 프로토타입은 화면 사이를 클릭으로 이동하는 흐름을 시험하는 데 씁니다. 흐름을 시험하려면 UI 디자인·프로토타입 도구를 보세요.
문서로 확인된 기능 비교
이 비교는 공개된 공식 문서를 바탕으로 합니다. 직접 사용한 테스트나 품질 순위가 아닙니다. 알 수 없는 기능은 확인된 것으로 간주하지 않습니다.
- 지원
- 미지원
- 미확인
| 앱 이름 | 어디에서 사용하나요? | 무료 결과물 | 가입 불필요 | 워터마크 없음 | 오프라인 사용 | 일괄 처리 | 콘텐츠 언어 | 알아둘 점 / 출처 및 확인 날짜 |
|---|---|---|---|---|---|---|---|---|
| Mockuuups Studio | 웹사이트 | 지원 | 미확인 | 미확인 | 미확인 | 미확인 | 미확인 | 출처 및 확인 날짜 |
| Placeit | 웹사이트 | 미확인 | 미확인 | 미확인 | 미확인 | 미확인 | 미확인 | 출처 및 확인 날짜 |
| Rotato | 컴퓨터 | 미확인 | 미확인 | 미확인 | 미확인 | 미확인 | 미확인 | 컴퓨터에 설치해야 합니다. 출처 및 확인 날짜 |
| Shots.so | 웹사이트 | 미확인 | 미확인 | 미확인 | 미확인 | 미확인 | 미확인 |
여러 도구에 공통으로 적용되는 참고 사항
- 도구별 요금제를 따로 확인하세요. 한 기능의 한도가 다른 기능에 적용되지는 않습니다.
- 공식 페이지에서 최신 사용량과 출력 조건을 확인하세요.