web-dev-qa-db-fra.com

La meilleure façon de créer un prototype réactif?

Existe-t-il des plateformes ou des outils pour créer un prototype réactif?

2
Designer0567

En fait, la plupart des outils de wireframing modernes offrent cette option (de différentes manières).

Figma

tilisation de contraintes et de "nombres magiques" pour créer des mises en page réactives dans Figma

Figma est idéal pour la construction avec des contraintes réactives - vous pouvez étirer vos mises en page et voir comment elles réagiront aux changements de taille d'écran. (Si vous êtes nouveau dans les contraintes de Figma, consultez cette introduction pour débutants ici .)

enter image description here

Axure

Vues adaptatives - dans Axure, vous créez simplement différents écrans qui se déclenchent à certains points d'arrêt.

Les vues adaptatives sont des versions alternatives de pages conçues pour des tailles d'écran spécifiques. Ils vous permettent de créer une page une fois, puis de réorganiser, de redimensionner et de reformuler ses widgets pour les adapter à chaque taille d'écran sur laquelle vous souhaitez la tester.
Lorsque vous affichez la page dans un navigateur Web, la vue appropriée pour les dimensions du navigateur s'affiche automatiquement.

2
Big_Chair

Adobe XD a maintenant des fonctionnalités réactives qui pourraient aider votre conception. Voici la vidéo d'introduction d'Adobe qui vous donnera un aperçu: https://www.youtube.com/watch?v=BKvg8_8jv1

0
Chris Griffith