How are previews made?

I

Ilya Saveliev2016-09-01 10:57:55

Design

Ilya Saveliev, 2016-09-01 10:57:55

Hello.
I am not strong in design tools, tell me how such preview pictures are created.

It is clear that on photo stocks a picture is taken where all 3 devices + blank screens ... but how to make sure that the adaptability of the site is preserved on the device screens? How to do this for your site?

Reply

Answer the question

In order to leave comments, you need to log in

6 answer(s)

A

Anton Izmailov, 2016-09-01
@WapGeaR

Most likely - using the developer tools in chrome, select the device for debugging > make a screen > load into empty screens.

G

GreatRash, 2016-09-01
@GreatRash

www.responsinator.com

K

Kirill Kublyakov, 2016-09-01
@Kublyakov

There are even online services for this - here is a paid one https://placeit.net/
But I also found free options - Google to help.

V

Vlad, 2016-09-11
@RedComa

Three images of a web page were inserted into the mockup with devices. This can be easily done in any graphics editor.

I

Innokenty, 2019-05-29
@clubbox

https://cover.isfor.biz/
Just click then printscreen