Как некоторые веб-дизайнеры представляют свой прототип адаптивного веб-сайта в компьютерной, планшетной и мобильной презентации, как эта
Существуют PSD-шаблоны, которые вы можете скачать и/или купить. Обычно они включают в себя действия, в которых размещается ваш дизайн (в вашем случае это три разных экрана с адаптивным дизайном). Просто выполните поиск в Google по запросу «шаблон макета psd», и вы сможете щелкнуть практически любой из первых нескольких результатов.
У меня есть 2 решения для вас:
Первое: вы можете сделать это в Adobe Photoshop. Выберите рамку вашего устройства и поместите на нее скриншот.
Второе: если вы хотите инвестировать, попробуйте такие инструменты, как https://placeit.net/ или http://picapp.net/ . Все, что вам нужно сделать, это выбрать понравившуюся рамку из их галереи и загрузить свой скриншот.
Удачи !
Если ваш вопрос заключается в том, как отображать ваш веб-сайт на разных устройствах, если у вас их нет, то разумным решением является использование браузера Google Chrome.
Вот как это работает:
Таким образом, вы можете делать скриншоты вашего сайта на разных устройствах. Чтобы получить результат на вашем изображении, используйте Photoshop или специальный инструмент, чтобы поместить эти снимки экрана в финальное изображение.
Надеюсь это поможет!
Ханна
пользователь3787192
пользователь3787192
Ханна
Дом
Чизкейк
DA01
Винсент