В этом мире доступно множество ноутбуков, планшетов и мобильных устройств. Создание макета изображения на iPhone, iPad и Mac – привлекательный способ продемонстрировать свои фотографии. Особенно это будет привлекательно для личных фото и тематики сайтов. Создать мобильный макет – простая задача, если у вас есть такие инструменты, как Snagit или Photoshop. Но это инструменты премиум-класса, которые требуют специальной установки на вашем ПК или Mac. А как насчет создания мокапов в Интернете? Это тоже бесплатно !!! Вот 5 бесплатных инструментов генератора макетов для создания макетов устройств на основе URL-адреса или изображения.
Генерация мокапов
Цели использования инструментов макета:
- Многие инструменты для создания макетов предлагают одновременный просмотр веб-страницы на нескольких устройствах. Это может быть очень полезно для проверки отзывчивости веб-страницы, чтобы убедиться, что все элементы работают правильно на всех устройствах.
- Вы можете скачать изображение макета и использовать его в своих целях дизайна.
- Наконец, вы можете использовать эти инструменты для развлечения и обмена информацией. Например, вы можете сделать собственное изображение в рамке iPhone и опубликовать его в своем профиле Facebook.
1 Волшебный мокап
Это наш любимый инструмент для создания макета по предопределенным шаблонам.
Зайдите на сайт magic mockup и выберите шаблон из фильтра. Доступно достаточно шаблонов для категорий iPhone, iPad, Mac, ноутбуков и других. Вы можете либо загрузить изображение, либо предоставить URL-адрес для захвата вашего макета в данном шаблоне. Загруженное изображение или снимок экрана по данному URL-адресу будет автоматически размещен на устройствах в шаблоне. Просто переключите шаблоны, чтобы увидеть, какой из них вам нравится. Также можно загружать разные изображения для разных устройств в одном шаблоне.
Нажмите кнопку загрузки и выберите размер изображения для создания макета. Мокапы можно скачать бесплатно, но подумайте о том, чтобы пожертвовать их автору, если вы собираетесь использовать их в коммерческих целях.
2 Мокап телефона
Mockupphone.com позволяет создавать мобильные макеты. Сначала выберите устройство и загрузите изображение для создания макета. Вы можете бесплатно скачать макет, щелкнув правой кнопкой мыши и сохранив его на локальном диске. Или подпишитесь на их рассылку и загрузите изображение.
3 Я отзывчивый
Это инструмент для проверки скорости отклика веб-сайта и создания снимков экрана на нескольких устройствах в одном кадре. Перейдите на сайт и введите URL-адрес, чтобы сделать снимок экрана. У вас должен быть отдельный инструмент для захвата экрана, чтобы сделать правильный снимок экрана.
4 Генератор мокапов веб-сайтов для нескольких устройств
Этот генератор мокапов похож на предыдущий с возможностью выбора цвета фона и устройств. Для создания макета предлагаются только устройства Apple, такие как iMac, MacBook, iPad и iPhone, и вы можете включать или отключать отдельные устройства.
Опять же, у вас должен быть подходящий инструмент для захвата экрана, чтобы сделать снимок экрана из браузера. Инструменты Am I Responsive и Multi Device Mockup Generator предназначены для тестирования скорости отклика вашего сайта в Интернете на разных устройствах. Оба инструмента не имеют кнопки загрузки, и вы можете быстро прокручивать веб-страницу на отдельных устройствах на экране.
5 Мокупер
Mockuper – еще один бесплатный инструмент, позволяющий конвертировать существующие фотографии в макеты на основе предопределенных шаблонов. Доступно более 150 шаблонов с изображениями разных размеров. Вы можете выбрать шаблон и загрузить изображение, чтобы увидеть предварительный просмотр в реальном времени.
Нажмите кнопку загрузки, выберите размер и сохраните изображение макета на свой локальный диск.