Bases du designer
Le designer est l'endroit où vous construisez un design — une mise en page d'écran composée de texte, de médias, de formes et d'animation. Les designs sont réutilisables dans les compositions et les écrans.
Le designer nécessite un ordinateur portable ou de bureau avec une fenêtre d'au moins 1024px de large. L'édition
sur mobile est prévue dans la feuille de route ; sur un téléphone ou une tablette, vous pouvez tout de même prévisualiser et gérer
vos designs.
Première visite ? Une courte visite guidée contextuelle du canevas vous est proposée automatiquement. Vous pouvez
la relancer à tout moment depuis le bouton ? de la barre d'outils du designer.
L'espace de travail
- Panneau Éléments (à gauche) — ajoutez du texte, des formes, des images, de la vidéo et des widgets. Cliquez ou faites glisser sur le canevas.
- Canevas (au centre) — votre surface de design, dimensionnée à la résolution de l'écran.
- Panneau Propriétés (à droite) — modifiez ce qui est sélectionné : position, taille, couleur, police, effets, animation.
- Barre d'outils (en haut) — annuler/rétablir, grille, magnétisme, règles, grouper/dégrouper, focus, aperçu, et Enregistrer.
Ajouter du contenu
- Cliquez sur un élément du panneau Éléments (par ex. Texte) pour l'ajouter, ou faites-le glisser sur le canevas.
- L'élément étant sélectionné, modifiez son apparence dans le panneau Propriétés.
- Faites glisser pour déplacer ; utilisez les poignées d'angle pour redimensionner.
Zoom et déplacement
- Zoom : Ctrl/⌘ + molette, ou les commandes de zoom.
- Déplacement : maintenez Espace et faites glisser, ou faites glisser avec le bouton central de la souris.
- Ajuster à la vue : la commande focus / ajustement recentre votre design dans la fenêtre.
Les règles et une grille optionnelle vous aident à aligner ; activez le Magnétisme pour aligner les bords sur la grille et sur les autres éléments (des guides intelligents apparaissent au fur et à mesure que vous faites glisser).
Superposition, groupement, alignement
- Réorganisez les éléments dans la liste des calques.
- Sélectionnez deux éléments ou plus et Groupez (Ctrl/⌘ + G) pour les déplacer ensemble.
- Utilisez les outils d'alignement pour répartir et aligner une sélection.
Animation
Les éléments peuvent s'animer en entrée et en sortie. Définissez les animations d'entrée/sortie dans le panneau Propriétés ; le panneau de chronologie offre un contrôle plus fin des images clés pour les mouvements avancés.
Aperçu et enregistrement
- Aperçu joue le design tel qu'il apparaîtra sur un écran.
- Enregistrer (ou Ctrl/⌘ + S) conserve votre travail ; l'enregistrement automatique s'exécute aussi en arrière-plan et un indicateur affiche l'état de l'enregistrement.
Suite
Déposez votre design enregistré dans une composition, puis dans une playlist.