floydman-89
@floydman-89
В постоянном изучении...

Как делаются такие превью?

Всем привет.

В дизайнерском инструментарии не силен, подскажите как создаются вот такие вот превью-картинки.

9a14f4f9a1984174950eaf64dfabc37c.jpgb2c29aafd64a44f6b5297c8c915ce18a.jpg

Понятно что на фотостоках берется картинка где все 3 устройства + пустые экраны...а как сделать так чтобы на экранах устройства сохранилась адаптивность сайта? Как такое сделать для своего сайта?
  • Вопрос задан
  • 388 просмотров
Пригласить эксперта
Ответы на вопрос 6
@WapGeaR
Программист
Скорее всего - с помощью инструментов разработчика в хроме выбираете устройство для дебага > делаете скрин > загружаете в пустые экраны.
Ответ написан
Комментировать
Есть даже онлайн сервисы для этого - вот платный https://placeit.net/
Но находил и бесплатные варианты - гугл в помощь.
Ответ написан
Chipr
@Chipr
UX/UI designer
Если не брать в расчет кучи mockup'ов, которых в интернете полно (есть psd файл, просто нужно будет вставить свой макет), то самому можно запилить в том же фотошопе или иллюстраторе. Нужно будет хорошее фото или эскиз)

экранах устройства сохранилась адаптивность сайта?

В этом и заключается работа дизайнера. Он делает макеты под разные устройства.
Ответ написан
Комментировать
RedComa
@RedComa
В мокап с устройствами вставили три изображение веб-страницы. Это можно легко сделать в любом графическом редакторе.
Ответ написан
Комментировать
https://cover.isfor.biz/
Просто нажать потом принтскрин
a7c4a48633594f2391bf5aa2a6f16850.png
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы