Mockdrop을 사용하여 고품질 디자인 목업을 만드는 방법
잡집 / / December 02, 2021
에 있는 우리들에게 디자인 및 블로깅 분야, 모형은 디자인을 보여주거나 아이디어와 주제를 표현하는 데 매우 유용할 수 있습니다. 이 글에서 내가 말하는 'mockup'은 컴퓨터 모니터나 휴대폰 화면과 같은 장치 화면의 컨텍스트에서 표시되는 이미지를 의미합니다.
목업은 이미지가 특정 장치 화면에서 어떻게 보일지뿐만 아니라 다른 각도에서 어떻게 보일 것인지에 대한 감각을 제공하는 데 좋습니다.
오늘 우리는 웹 사이트에 대해 논의 할 것입니다 모형 쉽게 모형을 생성할 수 있습니다. 웹사이트에는 다양한 사용자의 요구에 맞는 많은 모형이 포함되어 있습니다.
작동 원리
Mockdrop을 방문하면 다양한 장치 유형을 기반으로 하는 여러 목업 템플릿을 볼 수 있습니다. 스마트폰, 노트북, 데스크탑, 스마트 워치 및 태블릿 모형.
템플릿을 탐색할 때 범주별로 필터링하거나 모두 표시하도록 선택할 수 있습니다. 이미지를 클릭하면 템플릿의 확대 버전이 표시되어 모양을 더 잘 알 수 있습니다.
당신이 결정했을 때 주형 당신이 사용하고 싶은, 그것을 클릭하고 그것은 날아갑니다. 그런 다음 화면 영역을 클릭하면 업로드하고 목업을 생성할 원하는 파일을 컴퓨터에서 검색할 수 있습니다.
또는 선택한 이미지를 업로드하기 위해 선택한 템플릿에 원하는 이미지를 끌어다 놓기만 하면 됩니다.
Mockdrop의 기본 템플릿이 정말 매력적이기 때문에 최종 제품은 아래 예제와 같이 멋지게 나올 것입니다.
메모: 웹사이트의 저자는 거기에서 찾은 이미지를 무료로 사용할 수 있다고 보증하지만 재판매해서는 안 됩니다.
참고: Mockdrop이 올바르게 작동하려면 최신 브라우저가 필요합니다. 최신 버전의 Chrome, Safari 및 Firefox와 호환됩니다.
결론
전반적인 Mockdrop은 매우 잘 작동하며 웹 사이트에서 약간 성가신 문제가 하나밖에 없습니다. 확대된 버전을 보기 위해 이미지를 클릭할 때 해당 이미지에서 멀리 클릭해도 반환되지 않습니다. 웹 사이트를 원래 형태로 만들고 이 시점부터 다른 보이는 이미지를 클릭하고 확대된 이미지만 볼 수 있습니다. 버전. 일반 보기로 돌아가려면 브라우저에서 Mockdrop의 기본 페이지를 다시 가리켜야 합니다.
이것은 기능을 크게 방해하지는 않지만 잠재적으로 신경을 건드릴 수 있는 이러한 작은 것들 중 하나입니다. Mockdrop을 사용하면 말 그대로 원하는 결과를 생성하기 위해 몇 번만 클릭하면 되는 번거롭지 않은 경험입니다.
또한 읽기: Lingo를 사용하여 Mac에서 디자인 비주얼을 구성하는 방법