Для тех из нас, кто занимается дизайном и ведением блогов, макеты могут быть бесценны для демонстрации дизайна или выражения идей и тем. В этой статье, когда я говорю «макет», я имею в виду изображение, отображаемое в контексте экрана устройства, например монитора компьютера или экрана мобильного телефона.
Макеты отлично подходят для того, чтобы дать представление о том, как изображение будет выглядеть на экране конкретного устройства, а также как оно будет выглядеть под разными углами.
Сегодня мы обсудим веб-сайт Mockdrop, который позволяет легко создавать мокапы. Сайт содержит множество мокапов, которые должны удовлетворить потребности широкого круга пользователей.
Примечание: Мокапы, конечно, можно создавать вручную с помощью программного обеспечения для редактирования изображений.
Как это работает
Посетив Mockdrop, вы заметите несколько шаблонов мокапов с различными типами устройств в качестве основы. Можно создавать макеты смартфонов, ноутбуков, настольных компьютеров, смарт-часов и планшетов.
При просмотре шаблонов вы можете отфильтровать их по категориям или просто отобразить их все. При нажатии на любое из изображений отображается увеличенная версия шаблона, дающая лучшее представление о внешнем виде.
Когда вы выбрали шаблон, который хотите использовать, нажмите на него, и он увеличится. Затем вы должны нажать на область экрана, и вам будет разрешено найти на компьютере файл по вашему выбору, который вы хотите загрузить и сгенерировать свой макет.
Кроме того, вы можете просто перетащить изображение по вашему выбору на выбранный вами шаблон, чтобы загрузить выбранное вами изображение.
Конечный продукт должен выглядеть великолепно, как в примере ниже, поскольку базовые шаблоны Mockdrop действительно весьма привлекательны.
Примечание: Пожалуйста, обрати внимание:
Вывод
В целом Mockdrop работает довольно хорошо, и я заметил только одну немного раздражающую проблему с веб-сайтом. Когда вы нажимаете на изображение, чтобы просмотреть увеличенную версию, нажатие на это изображение не возвращает веб-сайт в исходную форму, и с этого момента я могу только нажимать на другие видимые изображения и просматривать их увеличенные версии. Если я хочу вернуться к обычному виду, я должен снова указать свой браузер на главную страницу Mockdrop.
Это не сильно мешает функциональности, но это одна из тех мелочей, которые потенциально могут действовать вам на нервы. Использование Mockdrop, безусловно, без проблем, буквально требуется всего пара кликов, чтобы получить желаемые результаты.
