목업에 대해서 알아보면 실제 제품을 만들기전의 실물 크기의 모형을 의미하는데요. 디자인에서 활용되는 목업은 디자인을 구현해보기 위해서 그래픽으로 표현을 하는것도 포함됩니다. 오늘은 디자인을 할때 필요한 무료 목업 사이트 종류 6가지를 알아보겠습니다.
디자인을 하기 위한 소스로 활용되는 목업은 실물을 직접 만들어 볼필요 없이 목업을 통해서 이미지를 제작해볼 수가 있고요.
목업으로 만들어봤을때 어떤 느낌으로 보일지 쉽게 표현할 수가 있어서 다양하게 활용됩니다. 간판, 명함, 배너, 책, 스마트폰 UI 등 여러 카테고리 별로 목업 이미지를 활용해볼 수가있는데요. 목업 디자인 소스를 받아볼 수 있는 사이트를 알아보겠습니다.
MockupWorld 무료 목업 사이트
목업월드 사이트는 목업 자료를 전문적으로 찾아볼 수가 있는데요. 카테고리에 따라서 다양한 목업 종류를 선택해서 받을 수가 있습니다. 검색창에서 원하는 목업을 검색하거나 하단에 보이는 카테고리에서는 간판, 패션, 음식, 책, 아이폰, 맥북 등을 선택해 볼 수가 있습니다.
목업을 받아볼 수가 있는 외부 사이트와 연결을 해주는 방식이기 때문에 원하는 목업 이미지가 다양하게 있고요. 직접 클릭하지 않아도 목업의 이미지나 해상도를 미리 확인할 수가 있어서 좋네요.
https://www.mockupworld.co/all-mockups/
▼ 목업 파일을 골라서 사진을 선택해주신 이후에 Download Free Resource를 클릭하면 포토샵에서 활용가능한 압축된 PSD 파일이 받아지게 됩니다.
freepik
프리픽 사이트에서는 목업이나 오른쪽 필터 옵션에서 원하는 항목을 체크를 하면 분류에 따라서 원하는 종류를 쉽게 찾을 수가 있습니다.
라이센스 메뉴에서 free를 체크를 해주면 상업적으로 사용가능한 목업 종류도 받아볼 수가 있습니다. 원하는 이미지를 검색을 해도 다양하게 받아볼 수가 있고요. 무료 버전으로도 받을 수가 있고요. 프리미엄에 가입하면 더 많은 자료를 다운로드가 가능합니다.
목업 외에도 벡터나 사진, 아이콘 등의 디자인 소스가 다양합니다.
https://www.freepik.com/free-psd/mockup
FDR
상업적 이용이 가능한 목업 사이트로 퀄리티 좋은 목업 파일을 받아볼 수가 있고요.
다양한 목업 디자인이 있습니다. 폰트나 템플릿 아이콘 등의 그래픽 소스 종류도 받아볼 수가 있습니다.
https://freedesignresources.net/category/free-mockups/
PSDrepo
목업 외에도 버튼, 아이콘, 템플릿, UI Kits 등의 자료들을 지원하고요. 원하는 목업을 선택하면 목업이 있는 외부 사이트로 이동해서 무료로 받아볼 수가 있거나 구글 드라이브를 통해서 받아볼 수가 있습니다.
https://psdrepo.com/tag/free-psd-mockups/
pixeden
카테고리에 따라 분류가 잘 되어있습니다. 그래픽 탭에서 목업으로 들어가서 여러 종류의 목업 자료를 찾을 수가 있습니다. 종류에 따라서 유료와 무료로 받을 수가 있고요. 가입을 하고나서 다운로드를 받아볼 수가 있네요.
https://www.pixeden.com/psd-mock-up-templates
MockUPhone 스마트폰 목업 사이트
목업폰 사이트는 아이폰이나 맥북, 아이맥, 안드로이드 스마트폰, 모니터 등의 목업 자료가 있고요.
포토샵이 없어도 웹상에서 목업 자료를 만들어서 받아볼 수가 있어서 좋습니다.
▼ 포토샵에서 PSD 파일을 업로드해서 목업 디자인을 할 필요 없이 목업 종류를 선택하고 원하는 이미지를 불러오면 목업 디자인을 생성해 볼 수가 있습니다. 아이폰7 목업을 선택하고 사진을 업로드 하니까 아래와 같은 디자인이 생성되었고요.
해당 이미지를 받기 위해서는 이미지에 마우스 우클릭을 하고 다른 이름으로 저장해서 PNG 파일로 받거나 다운로드 버튼을 눌러서 이메일 주소를 입력하고 받는 방법이 있습니다.
이메일로 다운받는 경우에는 다른 각도의 이미지들도 받아볼 수가 있습니다.
그럼 소개해드린 목업 사이트를 유용하게 활용해보시길 바랍니다.