Comment créer des prototypes réactifs
Les prototypes créés en responsive design s’affichent bien sur toutes les tailles d’écran, y compris sur mobile, tablette et ordinateur de bureau.
Voici ce que vous devez savoir pour créer des prototypes responsives dans Justinmind :
Éléments épinglés
Vous pouvez placer un élément dans une position définie sur l’écran par le biais de l’épinglage, ce qui garantit que votre élément ne bougera pas, même lorsque vous faites défiler la page. Cette fonction est utile pour créer des en-têtes et des pieds de page collants, des contenus centrés, etc.
Apprenez à utiliser les éléments épinglés.
Pourcentage de hauteur et de largeur
Les éléments sont capables de se redimensionner automatiquement en fonction des dimensions du navigateur à l’aide d’une hauteur et d’une largeur basées sur des pourcentages. Ainsi, lorsque vous redimensionnez le navigateur, l’élément réagit en conséquence.
Apprenez à utiliser des pourcentages de largeur et de hauteur.
Dispositions liquides et événements de rupture
L’utilisation d’événements pour créer des points d’arrêt permet d’adapter les éléments à l’écran en détectant les changements de taille de l’écran.
Apprenez à utiliser les mises en page liquides et les points de rupture.
Après avoir appris ces principes, vous êtes en mesure de créer de nombreux prototypes responsives avec Justinmind. Voici d’autres exemples de la manière d’y parvenir :