Design EditorDocsUtiliser l’éditeur
Prototyper et présenter
Reliez vos plans de travail, ajoutez des animations, puis parcourez-les dans l’Aperçu ou présentez-les comme des diapositives.
1Interactions
Attribuez à un calque un déclencheur (Appui, Survol ou Appui long) et une action :
- Naviguer vers un autre écran, avec une transition Glisser ou Fondu.
- Revenir en arrière.
- Défiler vers une section.
- Ouvrir une URL.
2Animation
Animez un calque quand il apparaît, quand il entre dans la vue au défilement, au survol ou à l’appui. Définissez ce qui change (par exemple la largeur, la hauteur ou la couleur de remplissage), les valeurs de départ et d’arrivée, la durée, le délai et la courbe d’accélération. Le HTML exporté reproduit les états de survol et d’appui.
3Aperçu
Appuyez sur Cmd+P. Choisissez Téléphone, Bureau ou Canevas. Le cadre de l’appareil garde la barre d’état en haut et la barre de navigation en bas.
- Utilisez Marquer comme écran et Définir comme écran de départ pour choisir quels plans de travail sont des pages et lequel s’ouvre en premier.
- Les écrans se comportent comme un site web : une barre d’adresse, un historique avec
Cmd+[etCmd+]ou les boutons de la souris, et des liens entre les sections. - Les liens des en-têtes et pieds de page sont reliés automatiquement aux écrans correspondants.
- Tab passe d’un champ ou d’un bouton à l’autre.
4Diapositives et présentation
L’onglet Diapositives liste vos plans de travail sous forme de diapositives ou de cartes. Définissez une transition (Aucune, Fondu, Glisser ou Pousser) d’une durée de 100 millisecondes à 5 secondes.
Présentez avec Cmd+Enter. Entrée, Espace ou Page suivante avancent ; Retour arrière ou Page précédente reculent ; Début et Fin vont à la première et à la dernière diapositive ; Échap quitte la présentation.