오늘은 실무에서 가장 많이 사용된다고도 할 수 있는 ' 목업소스 ' 에 대한 포스팅입니다! 기업의 프로젝트 포트폴리오를 만들 때에도, 홍보 포스터나 배너 등과 같은 작업을 할 때에도 많이 사용하며 또, 디자인이 아닌 다양한 분야에서 활용되고 있는 것 이 바로 목업인데요.
목업(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
끝까지 봐주셔서 감사합니다! :-)