디자인 시안을 클라이언트가 이해하기 쉽도록 디자인이 적용된 결과물을 시뮬레이션 하는 방법이 있습니다. 바로 목업(Mockup)을 만드는 것이죠. 단순히 디자인 시안을 전달하는 것보다 더 효과적으로 완성도 있게 보이는 방법이기도 합니다.
목업을 만들면 결과물을 미리 보는 것과 같기 때문에 시각적으로 디자인 이해를 돕지만 문제점이 보이기도 합니다. 저도 목업에 적용하다가 문제점을 발견하고 디자인을 수정한 적이 있습니다. 저는 이러한 의미에서 완성도를 더 높일 수 있다고 생각합니다.
이 글을 통해 무료 목업 사이트에서 목업을 활용해 디자인 완성도를 높여보세요. 학생이나 개인의 포트폴리오에 사용된다면 무료 목업이 큰 도움이 될 수 있습니다.
무료 목업 사이트
1. Pixeden
Pixeden은 무료/유료 목업을 함께 제공합니다. 카테고리 분류가 잘되어 있어서 무료 목업을 쉽게 찾을 수 있습니다. 무료 목업도 퀄리티가 좋아서 추천하는 사이트로 출처 표기가 필수는 아니지만 라이선스와 관련된 부분은 자세히 읽어보시기 바랍니다.

무료 목업 | 수정 편집 | 출처 표기 |
개인 및 상업적 | O | X |
2. Creatoom
Creatoom는 무료/유료 목업을 함께 제공합니다. Free Mockups 메뉴가 별도로 있어서 무료 목업만 볼 수 있습니다. 다운로드 버튼을 누른 후 이름, 이메일 정보를 입력하면 바로 다운로드가 시작됩니다. 무료 목업은 개인 및 상업적 활용이 가능하지만 라이선스에 대한 자세한 내용은 사이트에서 확인하시기 바랍니다.

무료 목업 | 수정 편집 | 출처 표기 |
개인 및 상업적 | O | X |
3. LSgraphics
LSgraphics은 고품질 무료/유료 목업을 제공합니다. 다운로드를 위해 회원가입이 필요하지만, 일부 목업은 PSD 파일과 Figma 또는 Sketch에서 사용할 수 있는 파일을 제공하고 있어서 UI/UX 관련 목업이 필요할 경우 유용합니다. 허용범위 등 라이선스에 대한 내용은 사이트에서 한 번 더 확인하신 후 사용하시기 바랍니다.

무료 목업 | 수정 편집 |
개인 및 상업적 | O |
4. Mockups-design
Mockups-design은 무료로 상업적 활용이 가능한 목업을 제공합니다. 광고 배너가 많지만 사이트에서 제공되는 모든 목업이 100% 무료입니다. 회원가입 없이 다운로드 버튼만 누르면 다운이 가능합니다. 출처 표기가 필수는 아니지만 라이선스를 확인하신 후 사용하시기 바랍니다.

무료 목업 | 수정 편집 | 출처 표기 |
개인 및 상업적 | O | X |
5. Unblast
Unblast는 무료 다운로드가 가능한 목업을 모아둔 사이트입니다. 일부 목업은 다운로드 버튼을 누르면 외부 사이트로 이동되며 다양한 무료 목업이 모여있는 점이 특징입니다. 따라서 해당 목업 파일의 라이선스를 확인하신 후 사용해야 하는 점 유의 바랍니다.

무료 목업 |
라이선스 개별 확인 필요 |
6. Mockupworld
Mockupworld는 무료 다운로드가 가능한 목업을 엄선하여 링크를 제공합니다. 다운로드 버튼을 누르면 외부 사이트로 이동됩니다. 반드시 사용하려는 목업에 대한 라이선스 확인이 필요합니다.

무료 목업 |
라이선스 개별 확인 필요 |
7. Graphicpear
Graphicpear는 무료/유료 목업을 제공하며 무료 목업은 개인 프로젝트에 사용할 수 있습니다. 무료 목업이 카테고리로 분류되어 있지 않아서 하나씩 확인해야 하는 점이 불편하지만 퀄리티 좋은 목업이 많습니다. 추가로 무료 멤버쉽 회원가입을 해야 다운로드 가능합니다. 자세한 허용범위는 라이선스 내용을 확인하시기 바랍니다.

무료 목업 | 수정 편집 |
개인 프로젝트 | O |
마치며
이 외에 목업 파일 및 디자인 소스 등을 개별로 판매하는 Creativemarket이 있습니다. 프리픽(Freepik)의 경우 무료 소스도 제공되고 있지만 무료 회원일 경우 출처 표기가 필수입니다. 라이선스 관련 내용은 변동될 수 있기 때문에 사용 전에 반드시 목업 사이트 내에서 확인하신 후 사용하시기 바랍니다.
나만의 목업을 사용하고 싶다면 사진을 활용할 수 있습니다. 무료 이미지 사이트에서 적합한 이미지를 다운로드하고 포토샵에서 디자인 시안을 얹어 합성하는 방법이 있으며, 직접 사진을 촬영해서 목업 파일을 만들거나 3D를 활용해 만들어 볼 수도 있습니다.