Какого размера экран устройства которое изображено на мокапе такого должен быт размера и сам макет. на первой картине 4s значит разрешение: 640×960. Если на мокапе будет монитор FHD то 1920x1080, и так далее.
А вообще в любом мокапе все эти размеры заданы изначально, только картинку свою встаивить.
Есть такие сервисы, искать по фразе mockup generator. Например, pictofon. Там есть мокапы телефонов, планшетов, ноутбуков, визиток и много чего ещё. Вот пример готового анимированного макета оттуда.
Простой
