목업 mock up 왜 필요할까?
목업 mock-up = 모형
내 디자인 시안을 가장 설득력있게 클라이언트에게 보여줄 수 있는 방법
일단 그냥 포트폴리오와 목업을 입힌 사진을 보며 어떤 차이가 느껴지는지 보자.
아주 단적인 예시이지만 이것만 봐도 왜 목업이 필요한지 확연히 느껴진다. 포트폴리오 뿐만 아니라 회사에서 디자인 시안 컨펌 받을 때도 이왕이면 시안을 목업에 입혀서 윗분들께 보여드리면 결정이 빨라진다.
그냥 시안만 가져갔을 때보다 어떤 느낌인지 감이 딱 오기 때문에 빨리 결정하게 (!) 하시거나 좀 더 구체적인 피드백을 받을 수 있어서 시안 만들 때 시간을 조금만 더 투자해서 목업과 같이 가져갔던 편이다.
맨날 야매로 포토샵에서 트랜스폼으로 대충 변형했었는데 ... 아래 사이트들에서 다운 받은 목업파일 활용법을 이제서야 알았다. 사람은 배워야돼 진작 알았으면 얼마나 편했을까 아쉬움이 많아 이제라도 미친듯이(!)목업 PSD 파일을 이용할 예정이다.
무료 목업 웹사이트 TOP3
1 앤서니보이드 anthonyboyd
목업 mock-up 퀄리티 좋음
구글에 앤서니보이드 클릭, 목업 텍스쳐 3d모델 ui kit 등 다운로드 가능
검색어 직접 입력하거나 원하는 목업 클릭 우측 하단 [다운로드 목업]
다운로드 버튼위에 설명은 저작권에 대한 내용
다운 받으면 PSD 파일
paper 정도면 좀 많아야할 것 같은데 개인적으로 프리픽이 소스가 더 많고 다양한 것 같다.
2 올프리목업 mockupworld
목업에만 포커스가 맞춰져 있다.
목업 mock-up 퀄리티는 앤서니보이드와 비슷한 수준
다운로드 바로 되는 경우도 있고 다운로드 받을 수 있는 링크로 넘어가기도 한다. 다운로드가 바로 안되는 경우가 많아서 좀 귀찮긴하다. 내 메일 계정을 입력하고 해당 사이트 뉴스레터 구독을 해야만 다운 받을 수 있는 링크를 이메일로 보내주기도 한다. 드롭박스나 쇼핑몰로 넘어가기도 한다. 가격은 보통 0달러로 책정되어 있으나 확인하고 다운 받자.
앤서니보이드로 이동되기도 한다. 서로 연동되어있나보다.
3 프리픽 Freepik
목업 mock-up 다양하나 무료소스는 이쁜게 많지 않음
목업 소스 뿐만 아니라 다양한 디자인 벡터 소스를 받을 수 있는 곳으로 유명한 사이트이다. 여러가지 받아 본 결과 올프리목업이나 앤서니보이드 목업이 훨씬 이쁜게 많은 것 같다.
목업 mock up 파일 사용법
목업 파일은 사용법이 따로 있다. 예전에는 이런 파일이 있으면 투시 맞추느라 CTRL 키 누르고 내가 직접 일일히 목업 모양에 맞게 변형했는데 포토샵에서 클릭 몇 번으로 목업 파일에 딱 맞게 적용되는 방법이 있다. 목업 파일을 제대로 활용해보자.
ㅡ
PSD파일 다운 ▶ 레이어창에서 스마트오브젝트 찾고 더블클릭 ▶ 평면 소스 PSB 파일 열림 ▶ PSB파일에 내가 넣고 싶은 평면 소스 넣고 저장 ▶ 목업 mock-up 파일에 자동 적용
ㅡ
캡쳐 이미지보며 쉽게 따라해보자.
psd 파일을 열고 레이창에서 목업에 적용된 이미지인 '스마트오브젝트'를 찾자.
스마트오브젝트 레이어 더블 클릭
더블 클릭하면 PSB라는 확장자의 파일이 하나 더 열리는데
내가 넣고 싶은 평면 소스를 그냥 CTRL+V해서 붙여넣기 하고 저장하면
아래와 같이 목업 쉐입에 따라 자동 적용이 된다.
무료 소스가 이렇게나 좋은게 많다니.. 목업PSD 적용법을 알고나서 몇날며칠을 목업 파일을 다운받다보니 10GB도 넘게 받은 것 같다. 내 디자인을 실제 목업에 적용해보는게 쉽고 간단한데 효과가 너무 좋아 요새 목업 만드는 것에 푹 빠져있다.
디자이너라면 목업 파일은 필수로 모으자
고생해서 만드는 포트폴리오, 이왕이면 더 보기 좋은 목업 파일에 적용해 포트폴리오의 퀄리티를 최대로 높여보자. 무료 소스에다가 다운 받고 몇 번의 클릭만으로 쉽게 만들어지는데 목업파일을 안 만들 이유가 없지 않은가?
댓글