.design .design

Réaliser une capture d’écran d’un site Web responsive selon différents viewports

Effectuer des captures d'écran d'un site Web en fonction de plusieurs résolutions peut prendre du temps.

.design
.design

Certains clients sont friands de ce type de demandes à diverses étapes d’un projet. Malheureusement, prendre 15-30 minutes pour redimensionner son navigateur selon les points de rupture du design, effectuer la capture d’écran et l’importer dans Photoshop peut vite faire grimper le coût du screenshot. Afin de vous faciliter la tâche, voici l’outil idéal pour réaliser rapidement des captures d’écran selon les résolutions les plus populaires.

Am I responsive est super simple à prendre en main, insérez l’URL de votre site Web dans le champ et cliquez sur « Go ». L’outil génère 4 vues mimant des viewports spécifiques. Dans notre cas : 1600px, 1280px, 768px & 320px.

Conçu par @justinavery, cet outil peut également s’avérer pratique pour montrer à un client le fonctionnement et l’aspect d’un projet web responsivel.

Attention, il ne s’agit pas d’un outil de test. Effectuez-les directement sur devices.

Accédez au meilleur des interfaces directement depuis votre boîte mail

Pixels à explorer