Mockdrop을 사용하여 고품질 디자인 목업을 만드는 방법

디자인 및 블로깅 분야에 종사하는 사람들에게 모형은 디자인을 선보이거나 아이디어와 주제를 표현하는 데 매우 유용할 수 있습니다. 이 글에서 내가 말하는 ‘mockup’은 컴퓨터 모니터나 휴대폰 화면과 같은 장치 화면의 컨텍스트에서 표시되는 이미지를 의미합니다.

모형은 이미지가 특정 장치 화면에서 어떻게 보일지뿐만 아니라 다른 각도에서 어떻게 보일 것인지에 대한 감각을 제공하는 데 좋습니다.

오늘 우리는 목업을 쉽게 생성할 수 있는 웹사이트 Mockdrop에 대해 논의할 것입니다. 웹사이트에는 다양한 사용자의 요구에 맞는 많은 모형이 포함되어 있습니다.

메모: 물론 모형은 이미지 편집 소프트웨어를 사용하여 수동으로 만들 수 있습니다.

작동 원리

Mockdrop을 방문하면 다양한 장치 유형을 기반으로 하는 여러 목업 템플릿을 볼 수 있습니다. 스마트폰, 노트북, 데스크탑, 스마트워치, 태블릿 목업을 만들 수 있습니다.

템플릿을 탐색할 때 범주별로 필터링하거나 모두 표시하도록 선택할 수 있습니다. 이미지를 클릭하면 템플릿의 확대 버전이 표시되어 모양을 더 잘 알 수 있습니다.

사용하려는 템플릿을 결정했으면 해당 템플릿을 클릭하면 확장됩니다. 그런 다음 화면 영역을 클릭하면 업로드하고 목업을 생성할 원하는 파일을 컴퓨터에서 검색할 수 있습니다.

또는 선택한 이미지를 업로드하기 위해 선택한 이미지를 선택한 템플릿으로 간단히 끌어다 놓을 수 있습니다.

Mockdrop의 기본 템플릿이 정말 매력적이기 때문에 최종 제품은 아래 예제와 같이 멋지게 나올 것입니다.

메모: 참고:

결론

전반적인 Mockdrop은 매우 잘 작동하며 웹 사이트에서 약간 성가신 문제가 하나밖에 없습니다. 확대된 버전을 보기 위해 이미지를 클릭할 때 해당 이미지를 클릭해도 웹사이트가 원래 형태로 돌아가지 않으며 이 시점부터는 다른 보이는 이미지를 클릭하고 확대된 버전만 볼 수 있습니다. 일반 보기로 돌아가려면 브라우저에서 Mockdrop의 기본 페이지를 다시 가리켜야 합니다.

이것은 기능을 크게 방해하지는 않지만 잠재적으로 신경을 건드릴 수 있는 이러한 작은 것들 중 하나입니다. Mockdrop을 사용하는 것은 확실히 번거롭지 않은 경험입니다. 말 그대로 원하는 결과를 생성하기 위해 몇 번만 클릭하면 됩니다.

또한 읽으십시오: Lingo를 사용하여 Mac에서 디자인 비주얼을 구성하는 방법