본문 바로가기
디자인 + α/실무

[목업소스] 실무에서 사용하는 상업적 사용이 가능한 목업소스 사이트 모음

by 32chaeyeon 2020. 6. 27.

오늘은 실무에서 가장 많이 사용된다고도 할 수 있는 ' 목업소스 ' 에 대한 포스팅입니다! 기업의 프로젝트 포트폴리오를 만들 때에도, 홍보 포스터나 배너 등과 같은 작업을 할 때에도 많이 사용하며 또, 디자인이 아닌 다양한 분야에서 활용되고 있는 것이 바로 목업인데요.

 

 

 

목업(Mock-up)
_
" 실제 제품과 유사한 모형을 의미하며 디자인 분야에서의 목업은 실제 제품의 사진과 만들어 낸 디자인이나 그래픽을 합성하여 산출물을 훨씬 실제 상품처럼 보일 수 있도록 구현하는 용도로 활용하는 것 "

 

 

 

목업소스는 종류도 다양하고 활용할 수 있는 범위도 다양하기 때문에 만약 실무에서 상업적으로 사용하기 위해 목업소스를 찾고 있다면 정확하게 상업적 용도로도 사용이 가능한 소스인지 확인해야 합니다.

 


예를 들어 아래의 이미지들처럼 이런 내용이 첨부되어 있는 소스라면 상업적으로도 이용이 가능한 것이지만

 

 

https://unblast.com/                                                    https://www.ls.graphics/free-mockups

 

 

 

https://www.anthonyboyd.graphics/

 

 

 

 

이렇게 아래의 이미지처럼 상업적 사용이 가능하다는 문구가 없거나 개인적인 용도로만 사용이 가능하다고 한다면 절대로 상업적으로 이용해서는 안됩니다!  법적으로 문제가 될 수 있기 때문이죠ㅜㅜ

 

 

https://freedesignresources.net/

 

 

 

 

요즘에는 상업적 이용이 가능한 목업들 중에서도 퀄리티가 높은 목업들이 많이 있으니 많이 찾아보고 사용하는 것이 좋을 것 같습니다! 또한, 소스의 사용범위에 대한 설명이 정확하지 않거나 애매한 소스는 처음부터 사용하지 않는 것이 좋겠죠?? 

서론이 너무 길었네요ㅜ 그럼 이제 다양한 목업소스 사이트들을 소개해드리겠습니다. 많은 도움이 되시길 바랍니다~ 

 


01. LSTORE

 

여러가지의 다양한 목업들을 볼 수 있는 사이트입니다. 깔끔하고 특이한 트렌디한 목업들이 많이 있습니다. 하지만 Free Mockups 라고 표시되어 있는 카테고리의 목업들만 무료로 사용할 수 있으며 다른 카테고리의 목업들은 돈을 지불하고 사용해야 합니다. 

 

https://www.ls.graphics/free-mockups

 

Free Mockups and Design Tools [PSD, Sketch, Figma]

Huge collection of free mockups, patterns, illustrations, scene creators, DIY scenes, for Photoshop, Sketch, and Figma

www.ls.graphics

 

 

 

 

02. 언블라스트

 

목업소스의 종류가 정말 다양한 사이트입니다. 종류에 상관없이 다양한 목업들을 가지고 있으며 우유병, 신발 등과 찾기 힘든 제품의 목업들도 많이 있어 유용할 것 같습니다. 또한, 목업마다 가지고 있는 소스프로그램을 썸네일에서 보여주고 있어 이용하기가 더 편리할 것 같습니다.

 

https://unblast.com/

 

Unblast - Selective Free Design Resources to Download

Fine and free design resources made by the world's best designers. Download quality mockups, fonts, templates, and graphics.

unblast.com

 

 

 


03. 오리지널목업스

 

깔끔하고 이용하기 편한 목업들이 많은 사이트입니다. 목업들이 카테고리별로 정리되어 있어 보기에도 원하는 목업을 찾기에도 편리한 것 같습니다. 또한, 이 사이트의 가장 좋은 점은 같은 형태의 목업이라도 다양한 위치나 방향에서 만들어진 목업들을 많이 가지고 있어 목업소스에 구애받지 않고 작업물을 다양하게 보여줄 수 있을 것 같습니다.


https://originalmockups.com/

 

Free PSD Mockup Templates – Original Mockups

Original Mockups provide solutions for the designer's problem of having to print the design in order to visualize it, allowing that the design is immediately accessible to the potential clients.

originalmockups.com

 

 

 


04. 프리 디자인 리소스

 

목업소스뿐만 아니라 그래픽소스나 폰트들도 제공되고 있는 사이트입니다. 게시물의 썸네일을 보더라도 확인할 수는 있지만 썸네일의 아래쪽에 카테고리를 다시 한 번 표시해 주어 소스를 정확히 확인하기 좋을 것 같습니다. 


https://freedesignresources.net/

 

Free Design Resources – Daily Freebies for Creatives

Daily Freebies for Creatives

freedesignresources.net

 

 

 


05. 안토니보이드그래픽

 

무료로 사용할 수 있는 목업소스들을 많이 가지고 있는 사이트입니다. 다른 사이트와의 차별점은 3D 그래픽을 만들 때 사용할 수 있는 3D 목업소스들도 가지고 있다는 것입니다. 또한, 3D그래픽 목업들과 UI키트도 준비중에 있다고 하네요! 

 

https://www.anthonyboyd.graphics/

 

Free Mockups and Graphic Design Resources

Free Graphic Design Resources, Mockups, and Textures by Anthony Boyd Graphics. High Quality Mockups To Showcase Your Branding Designs. Free For Personal and Commercial Use

www.anthonyboyd.graphics

 

 

 

 

06. Pixeden

 

해외의 목업소스가 많은 사이트입니다. 해외 목업소스가 많다보니 종류는 다양하고 쓸만한   목업소스들이 많이 있지만 출처나 사용범위에 대한 설명이 자세하게 나와 있는 소스들이 많지 않아서 상업용 목업소스를 찾기는 조금 어려울 수도 있을 것 같습니다. 위의 다른 사이트들을 보고난 후에도 원하는 목업소스가 없을 때 둘러보시면 좋을 것 같습니다. 

 

https://www.pixeden.com

 

Premium & Free Design and Web Resources | Pixeden

Our cotton textured psd notebook mockup with different branding booklet for an elegant branding display. You can showcase any designs with…

www.pixeden.com

 




07. 다양한 무료 목업 모음 블로그

 

이 블로그는 다양한 무료 목업소스들을 모아둔 블로그입니다. 가장 많이 활용되는 디바이스나 포스터, 간판,명함 등 뿐만 아니라 책자, 포장지, 컵, 심지어는 티켓이나 와인병, 카드, 자동차까지 정말 다양한 목업소스들을 보여주고 있습니다. 하지만, 이 블로그의 목업들이 전부 상업적 이용이 가능한 것은 아니기 때문에 정확하게 확인하시고 사용하셔야 할 것 같습니다!  

 

https://blog.naver.com/nimai/221545625377

 

역대 주목할만한 무료 디자인 목업

제 브런치에서 인기리(?)에 연재중인 주목할만한 무료 디자인 목업 소스 모음 v1.0~v18.0을 한꺼번에 묶어 ...

blog.naver.com

 


여기서부터는 제가 찾은 전부 상업적으로 이용이 가능한 디바이스 목업 소스들입니다. 자주 사용할 것 같은 기본적인 깔끔한 목업들과 특이한 목업들을 모아보았습니다. 

 


01. 아이맥 클레이 목업 

https://originalmockups.com/mockups/clay-imac-27-mockup-display-close-up-912040

 

FREE Clay iMac 27” Mockup, Display Close Up – Original Mockups

FREE mockup in a close up view of the Display of an iMac 27” Mockup. Get a PSD file fully customizable, where you can change the color of each side of the device, thanks to the Clay effect. Adapt your UI/UX design easily with the Smart Objects to get a q

originalmockups.com

 


02. 맥북 클레이 목업 

https://originalmockups.com/mockups/clay-macbook-mockup-front-view-175925

 

FREE Clay MacBook Mockup, Front View – Original Mockups

Enjoy this FREE PSD Mockup of a Clay MacBook opens in front view. Get an overview of your UI/UX designs presentation. With only one Smart Object you only need drag and drop your artwork to get an automatic fitting. The isolate attribute, let you manage the

originalmockups.com

 

 

03. 맥북 클레이 목업

https://unblast.com/free-minimalist-macbook-mockup-psd/

 

Free Minimalist Macbook Mockup (PSD)

Several Macbooks mockup designed from a perspective point of view at 5120 × 2880 pixels resolution. Free downlaod for personal and commercial use.

unblast.com

 

 

04. 아이폰 3개 클레이 목업


https://www.ls.graphics/free/three-iphone-clay-mockups

 

Three iPhone Clay Mockups | LS Graphics

Download iPhone mockups for Figma, Sketch and Photoshop

www.ls.graphics



05. 미니멀 스마트폰 목업

https://creativetacos.com/minimalist-smartphone-mockup/

 

Free Minimalist Smartphone Mockup

Free Minimalist Smartphone Mockup is a creative yet simple mockup by Nauman. It comes in PSD format in high resolution at 5120×2880 300 ppi.

creativetacos.com

 

 

06. 아이폰 X 스크롤 목업

https://www.ls.graphics/free/free-long-scroll-iphone-x-mockup

 

Free Long Scroll iPhone X Mockup | LS Graphics

Great for long scroll interfaces and mobile landing pages iPhone XS mockup

www.ls.graphics

 

 

07. 아이폰 XS 스크롤 목업

https://www.ls.graphics/free/free-iphone-xs-longscroll-mockup

 

Free iPhone XS Longscroll Mockup | LS Graphics

Great for long scroll interfaces and mobile landing pages

www.ls.graphics



08. 맥북 스크롤 목업


https://www.ls.graphics/free/free-macbook-long-scroll-mockup

 

Free MacBook Long Scroll Mockup | LS Graphics

 

www.ls.graphics



09. 매거진과 아이폰 목업

https://www.behance.net/gallery/86125545/Free-A4-Magazine-Cover-with-iPhone-Mockup

 

Free A4 Magazine Cover with iPhone Mockup

0.1 Psd   I like to make free mock-ups for you. That's why if you feel useful, support me and buy me a cake, a cup of coffee or whatever you want. :-) Paypal account for donation (Free for Personal and Commercial Use) Please appreciate, if you like it :

www.behance.net

 

 

10. 각종 디바이스 목업_1

https://www.behance.net/gallery/86386767/Free-Multi-Device-Mockup-Scene-Creator

 

Free Multi Device Mockup - Scene Creator

Detail Smart object layers (simply double click layer, place design, and save) just drag and drop any item into scene creator, move, rotate and scale them as you want 10 shadow overlay options (with ability to adjust intensity) Paper base background color/

www.behance.net

 


11. 각종 디바이스 목업_2

https://www.behance.net/gallery/85140039/Free-Web-Showcase-Mockup

 

Free Web Showcase Mockup

0.1 Psd   I like to make free mock-ups for you. That's why if you feel useful, support me and buy me a cake, a cup of coffee or whatever you want. :-) Paypal account for donation (Free for Personal and Commercial Use) Please appreciate, if you like it :

www.behance.net

 

 

12. 아이폰 11 프로 목업 (미리보기가 실행되지 않아 아래 영상 첨부합니다!)

https://www.ls.graphics/free/iphone-11-pro-twisted-animation-mockup

 

iPhone 11 Pro Twisted Animation Mockup | LS Graphics

Download for free animated mockup for Photoshop

www.ls.graphics

 

 

13. 아이폰 XR 목업

https://www.ls.graphics/free/free-iphone-xr-mockup-2

 

Free Isometric iPhone XR Mockup | LS Graphics

Download Isometric iPhone XR mockups for Figma, Sketch, and Photoshop. Perspective disabled that means that you can change composition,

www.ls.graphics

 

 

14. 데스크탑 화면 목업 

https://originalmockups.com/mockups/desktop-app-screen-mockup-01-016475

 

Desktop App Screen Mockup 01 – Original Mockups

Sensational mockup totally free to present desktop app, web pages, or applications for mobile devices, it is a carefully detailed Desktop app screen mockup to highlight parts of your application through a layer effect.

originalmockups.com

 

 

15. 손으로 들고 있는 아이폰 X 목업


https://unblast.com/free-iphone-x-mockup-psd-4/

 

Free iPhone X Mockup (PSD)

Free iPhone X mockup series created by Afigith Prakash. It consists of 2 mockups that can be freely used in personal and commercial projects.

unblast.com

 

 

16. 무선충전 목업

https://www.behance.net/gallery/84307913/Phone-Mockup-Top-View

 

Phone Mockup - Top View

This Mockup is a clean mockup It is available in 5k PSD format. It's easy to edit via Smart Objects You can use this mockup to showcase your Logo/branding, UI/UX projects in a simple yet professional way.

www.behance.net

 


17. 진공포장된 스마트폰 목업

https://www.ls.graphics/free/free-vacuum-plastic-pixel-3-xl-mockup

 

Free Vacuum Plastic Pixel 3 XL Mockup | LS Graphics

Free Vacuum Plastic Google Pixel 3 XL Mockup. Cray mockup for your branding and UI projects

www.ls.graphics

 


끝까지 봐주셔서 감사합니다! :-)

댓글