Mockdrop을 사용하여 고품질의 디자인 모형을 만드는 법

디자인 및 블로깅 분야의 우리에게있어 실물 모형은 디자인을 선전하거나 아이디어와 주제를 표현할 때 매우 중요합니다. 내가 '모형 (mockup)'이라고 말하면 컴퓨터 모니터 나 휴대 전화 화면과 같은 장치 화면의 컨텍스트에서 표시되는 이미지를 나타냅니다.

모형은 특정 장치 화면에서 이미지가 어떻게 보일지에 대한 감각을 줄뿐만 아니라 다양한 각도에서 보일 것입니다.

오늘 우리는 모형의 손쉬운 생성을 허용하는 웹 사이트 Mockdrop에 대해 논의 할 것입니다. 이 웹 사이트에는 광범위한 사용자의 요구에 부합하는 많은 목업이 포함되어 있습니다.

참고: 물론 Mockup은 이미지 편집 소프트웨어를 사용하여 수동으로 만들 수 있습니다. 단, Mockdrop을 사용하면 몇 번의 클릭만으로 손쉽게 Mockup을 생성하고 프로세스를 쉽게 만들 수 있습니다. 사용자의 시간과 노력을 절약 할 수 있도록 설계되었습니다.

작동 원리

Mockdrop을 방문하면 다양한 장치 유형을 기반으로 한 모형 템플릿이 몇 가지 발견됩니다. 스마트 폰, 노트북, 데스크톱, 스마트 워치 및 태블릿 모형을 만들 수 있습니다.

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

사용할 템플리트를 결정했으면 그것을 클릭하면 날아갑니다. 그런 다음 화면 영역을 클릭하면 컴퓨터에서 원하는 파일을 찾아보고 업로드하고 모형을 생성 할 수 있습니다.

또는 원하는 이미지를 업로드하기 위해 선택한 이미지를 원하는 이미지로 끌어서 놓기 만하면됩니다.

Mockdrop의 기본 템플릿이 실제로 꽤 매력적이어서 최종 제품은 아래 예와 같이 멋지게 나옵니다.

참고: 웹 사이트의 저자는 이미지에서 무료로 사용할 수 있다고 확신하지만 재판매를해서는 안됩니다. 참고: Mockdrop은 올바르게 작동하려면 최신 브라우저가 필요합니다. Chrome, Safari 및 Firefox의 최신 버전과 호환됩니다.

결론

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

이것은 기능을 크게 방해하지는 않지만 잠재적으로 신경에 침투 할 수있는 이러한 작은 것들 중 하나입니다. Mockdrop을 사용하면 말 그대로 원하는 결과를 얻으려면 몇 번의 클릭 만하면됩니다.

또한 읽습니다: Lingo로 Mac에서 디자인 비주얼을 구성하는 방법