Storyline 360 : utilisation des styles de texte

Utilisez les styles de texte pour contrôler l'apparence visuelle des éléments de texte, tels que les paragraphes et les en-têtes. Mettez en forme chaque style avec des options de police et de paragraphe afin qu'il ait l'apparence que vous souhaitez, et réutilisez les styles dans l'ensemble de votre module pour une conception cohérente.

Les styles de texte sont parfaits pour expérimenter différentes polices, couleurs, tailles, espacements, etc. Lorsque vous mettez à jour un style, Storyline 360 applique instantanément les modifications à l'ensemble de votre projet.

Les styles de texte jouent également un rôle important dans l'accessibilité en facilitant la navigation dans les modules à l'aide d'un lecteur d'écran.

• Commencer
• Définition des styles
• Création de styles personnalisés
• Renommer les styles personnalisés
• Appliquer des styles
• Réinitialisation des styles
• Réutilisation des styles

Commencer

Nous vous recommandons d'utiliser la dernière version de Storyline 360 pour toutes les améliorations, notamment :

• Styles de texte des notes de diapositive
• Plus de styles de texte personnalisés
• Renommer les styles personnalisés
• Styles de texte accessibles
• État des liens hypertexte

Si vous avez utilisé des styles de texte dans d'autres applications, comme Microsoft Word ou Google Docs, vous constaterez qu'ils fonctionnent à peu près de la même manière dans Storyline 360. Définissez vos styles et appliquez-les aux blocs de texte de votre projet. C'est aussi simple que cela. Commençons par parler des définitions de style, des aperçus des styles, de la manière d'identifier les styles appliqués et de l'emplacement de stockage des styles.

Définitions de style

Storyline 360 possède six styles de texte intégrés, tels que définis ici et illustrés ci-dessous :

• Le texte normal est le style par défaut pour tous les textes. Vous utiliserez généralement ce style pour le corps du texte de votre projet.
• Les titres 1 à 4 ajoutent de la hiérarchie et de la structure à votre contenu. Par exemple, vous pouvez utiliser le titre 1 pour les titres des diapositives et le titre 2 pour les sous-titres. Vous pouvez également utiliser les titres 3 et 4 pour organiser du texte long dans des panneaux déroulants ou souligner le contenu important de la diapositive.
• Lien hypertexte définit les états par défaut du texte lié : normal (non visité), surligné, actif et visité.

Vous pouvez également créer un nombre illimité de styles de texte personnalisés pour d'autres éléments, notamment des guillemets, des libellés de boutons, des légendes d'images, des bulles de dialogue, etc. C'est ton choix !

Aperçus de style

La liste déroulante Styles de texte vous donne un aperçu de l'apparence de chaque style. Les aperçus sont mis à jour lorsque vous modifiez les styles. Et si vous utilisez une couleur d'arrière-plan foncée avec du texte clair, la couleur d'arrière-plan Dark 2 issue des couleurs de votre thème apparaît également dans les aperçus, comme indiqué ci-dessus.

Depuis le 17 novembre 2020, Storyline 360 prend également en charge les aperçus en direct (en temps réel) des styles de texte pour le texte sélectionné. Passez simplement le curseur sur vos styles dans la liste déroulante du ruban pour voir à quoi ressemble le texte sélectionné pour chacun d'entre eux.

Comment identifier les styles appliqués

Vous pouvez toujours savoir quel style est appliqué à un bloc de texte en plaçant votre curseur dans le texte et en regardant le bouton Styles de texte sur le ruban. Il affiche le style actuellement utilisé. (Le texte hypertexte affiche le style dont il hérite ses attributs de police et de taille.)

Voici un autre moyen de savoir quel style est actuellement utilisé. Placez le curseur dans le texte et cliquez sur Styles de texte. Une coche identifie le style de texte appliqué au texte.

Obtenez des détails sur chaque style de texte en consultant son sous-menu dans la liste déroulante du ruban. L'en-tête du sous-menu affiche le nom du style, la balise HTML (pour une meilleure navigation dans le lecteur d'écran), la police, la taille et la décoration.

Styles et thèmes de design

Les styles de texte sont enregistrés avec le thème de conception dans chaque fichier de projet. Si vous utilisez plusieurs thèmes de conception dans un projet, chaque thème possède son propre ensemble de styles de texte. Apprenez-en davantage sur les thèmes de conception et la réutilisation des styles de texte.

Définition des styles

 

Suivez ces étapes pour définir chacun de vos styles de texte.

1. Mettez en forme un bloc de texte avec des options de police et de paragraphe pour lui donner l'apparence que vous souhaitez. (Le style Lien hypertexte est plus flexible que les autres styles. Il n'inclut pas la police, la taille et les propriétés de paragraphe du texte sélectionné. Les hyperliens héritent de ces attributs des autres styles de texte.)
2. Accédez à l'onglet Accueil du ruban, puis cliquez sur Styles de texte. Vous verrez une coche et un astérisque à côté du style actuellement appliqué à votre texte (le texte normal est le style par défaut). L'astérisque indique que le style a été modifié pour le texte sélectionné.
3. Passez la souris sur le style que vous souhaitez mettre à jour en fonction de vos modifications de mise en forme, puis cliquez sur Mettre à jour le style dans la sélection du sous-menu qui apparaît. Le style que vous choisissez de mettre à jour est automatiquement appliqué au texte sélectionné. Il n'est pas nécessaire de mettre à jour le style avec l'astérisque à côté. Vous pouvez mettre à jour et appliquer n'importe quel style de texte.

Conseils et économies de temps

• Si l'option Mettre à jour le style à partir de la sélection est grisée, cela signifie que vous avez sélectionné le cadre de l'objet texte et que plusieurs styles de texte sont appliqués à l'objet (vous pouvez avoir un style par paragraphe). Placez votre curseur dans l'un des paragraphes pour activer l'option de mise à jour.
• Les styles de texte stockent toutes les options de mise en forme des polices et des paragraphes, à l'exception des puces, de la numérotation et de l'orientation du texte. Vous devrez ajouter manuellement les puces, la numérotation et l'orientation du texte là où vous le souhaitez. (Les retraits sont stockés dans des styles de texte, sauf s'ils font partie de puces ou de numérotation.)
• Vous souhaitez modifier la police de tous vos styles de texte en une seule fois ? Accédez à l'onglet Design du ruban, cliquez sur Polices, puis choisissez un autre ensemble de polices thématiques. La police du thème de titre est la base de tous les styles de texte d'en-tête, et la police du thème du corps est la base des autres styles de texte.
• Vous pouvez redéfinir les styles de texte autant de fois que vous le souhaitez. C'est un excellent moyen d'expérimenter différents designs. Si une partie du texte de votre projet ne change pas lorsque vous modifiez son style, cela signifie que vous avez précédemment remplacé le style par une mise en forme personnalisée pour cet objet ou cette diapositive en particulier. Supposons, par exemple, que votre style de texte normal ait une taille de police de 14 et que vous modifiiez manuellement la taille de police à 18 sur une diapositive. Plus tard, vous déciderez de mettre à jour le style avec une taille de police de 16. La majeure partie du texte de votre projet sera automatiquement mise à jour à une taille de police de 16, mais cette diapositive continuera à utiliser une taille de police de 18. Si vous souhaitez que cette diapositive corresponde aux autres, il vous suffit de lui appliquer à nouveau le style du texte. (Exception : si vous remplacez la mise en forme d'un lien hypertexte sur une diapositive de votre module et souhaitez ultérieurement qu'elle corresponde à votre style de lien hypertexte, sélectionnez le texte lié, accédez à l'onglet Accueil du ruban, puis cliquez sur Effacer le formatage.)

Modification de l'état des liens hypertexte

Depuis le 17 novembre 2020, vous pouvez facilement définir l'état normal (non visité) des hyperliens à l'aide de la méthode « mettre à jour le style à partir de la sélection » décrite ci-dessus. Et comme les hyperliens sont interactifs, vous pouvez également personnaliser les états survolés, actifs et visités. Voici comment procéder.

1. Placez le curseur dans n'importe quelle zone de texte, cliquez sur le bouton Styles de texte du ruban, faites défiler l'écran jusqu'à Lien hypertexte, puis sélectionnez Modifier.
2. Cliquez sur chacun des onglets d'état de la fenêtre qui apparaît, comme indiqué ci-dessous, puis sélectionnez une couleur et une décoration du texte. Voici quelques conseils utiles pour personnaliser l'état des hyperliens :
   • La couleur du texte par défaut pour l'état normal provient de la couleur Lien hypertexte dans les couleurs de votre thème. Vous pouvez remplacer la couleur du thème en choisissant une couleur de texte différente pour l'état normal.
   • Par défaut, les couleurs du survol et de l'état actif sont des variations de l'état normal, et elles restent synchronisées lorsque vous modifiez la couleur de l'état normal. Par exemple, si vous modifiez la couleur du texte de l'état normal en rouge, les états surligné et actif deviennent des nuances de rouge plus claires. Toutefois, vous pouvez modifier le comportement par défaut et choisir les couleurs que vous souhaitez pour les états survol et actif.
   • Le style Lien hypertexte est plus flexible que les autres styles de texte. Il n'inclut pas les propriétés de police, de taille ou de paragraphe. Les hyperliens héritent de ces attributs des autres styles de texte. Par exemple, si un lien hypertexte se trouve dans un paragraphe de texte normal, il hérite des propriétés de police, de taille et de paragraphe du style de texte normal, ainsi que des couleurs et des décorations du style Lien hypertexte.
3. Cliquez sur OK pour enregistrer vos modifications.

Création de styles personnalisés

À partir de la mise à jour de décembre 2020 pour Storyline 360, vous pouvez créer autant de styles personnalisés que vous le souhaitez. Créez des styles personnalisés pour chaque élément de texte, tels que des guillemets, des libellés de boutons, des légendes d'images et des bulles de dialogue. Vous pouvez même créer des versions claires et foncées de styles pour différents arrière-plans d'un module.

1. Utilisez les propriétés de police et de paragraphe pour mettre en forme le texte d'une diapositive tel que vous souhaitez qu'il apparaisse, puis placez votre curseur dans le texte mis en forme.
2. Accédez à l'onglet Accueil du ruban, cliquez sur Styles de texte, puis sélectionnez Ajouter un style en bas de la liste.
3. Entrez un nom pour votre style personnalisé, comme indiqué ci-dessous.
4. Choisissez comment Storyline 360 doit identifier votre style personnalisé auprès des lecteurs d'écran. Vous pouvez sélectionner le texte normal (<p>), le titre 1 (<h1>), le titre 2 (<h2>), le titre 3 (<h3>), le titre 4 (<h4>) ou le blockquote (<blockquote>) dans la liste déroulante Publier en tant que. (En savoir plus sur les styles de texte accessibles.)
5. Cliquez sur OK.

Renommer les styles personnalisés

À partir de la mise à jour de décembre 2020, vous pouvez renommer les styles personnalisés afin qu'ils soient faciles à identifier au fur et à mesure que votre liste de styles s'allonge.

1. Placez le curseur dans n'importe quelle zone de texte de la diapositive.
2. Accédez à l'onglet Accueil du ruban, cliquez sur Styles de texte, faites défiler l'écran jusqu'au style que vous souhaitez renommer, puis cliquez sur Modifier dans le sous-menu qui apparaît.
3. Entrez un nouveau nom, comme indiqué ci-dessous.
4. Cliquez sur OK.

Les anciennes versions de Storyline 360 offraient deux styles personnalisés par défaut, appelés Personnalisé 1 et Personnalisé 2. Si vous avez utilisé ces styles dans un projet existant, vous pouvez désormais leur attribuer des noms reconnaissables en suivant les étapes ci-dessus.

Appliquer des styles

Appliquer des styles est un jeu d'enfant. Placez votre curseur dans un bloc de texte ou sélectionnez le cadre correspondant. Accédez ensuite à l'onglet Accueil du ruban, cliquez sur Styles de texte et choisissez un style dans la liste. C'est ça ! (Conseil de pro : le style Lien hypertexte est automatiquement appliqué lorsque vous ajoutez un déclencheur de lien hypertexte au texte.)

Conseils et économies de temps

• Vous pouvez gagner du temps en appliquant d'abord des styles de texte à votre masque de diapositives et à votre masque de retour. Ensuite, si vous devez remplacer un style de texte sur une diapositive spécifique de votre module, vous pouvez modifier manuellement le texte de cette diapositive directement.
• Si vous remplacez un style de texte de votre masque de diapositives par une mise en forme spéciale (par exemple, taille de police ou couleur), cette mise en forme sera répercutée sur les diapositives de contenu de votre module, et l'info-bulle correspondant à ce style indiquera « Modifié par le masque de diapositives » en guise de rappel.
• Chaque paragraphe d'une zone de texte peut avoir un style de texte différent. En d'autres termes, vous pouvez appliquer plusieurs styles à la même zone de texte, un style par paragraphe ou ligne de texte. Notez que les styles sont appliqués au niveau du paragraphe, et non au niveau des mots spécifiques.
• Lorsque vous copiez le texte d'une diapositive et que vous le collez sur une autre diapositive dont le thème de conception est différent, le texte collé a le même style (Normal, Titre 1, etc.) que l'original, mais il peut avoir un aspect différent de l'original, selon la façon dont vous le collez. Si vous appuyez sur Ctrl+V ou si vous cliquez sur le bouton Coller du ruban, le texte collé conserve sa mise en forme d'origine. Si vous sélectionnez Utiliser le thème de destination dans le menu contextuel ou dans la liste déroulante Coller du ruban, le texte collé correspond plutôt au thème de destination.

Réinitialisation des styles

Vous pouvez rétablir la mise en forme par défaut d'un style lorsque vous souhaitez recommencer à zéro ou lorsque vous devez rendre votre fichier de projet compatible avec les anciennes versions de Storyline 360 et Storyline 3 qui ne prennent pas en charge les styles de texte. (En savoir plus sur la compatibilité.)

1. Placez le curseur dans une zone de texte.
2. Accédez à l'onglet Accueil du ruban, puis cliquez sur Styles de texte.
3. Passez la souris sur le style que vous souhaitez réinitialiser et choisissez Réinitialiser le style dans le sous-menu qui apparaît.

Réutilisation des styles

Les styles de texte sont enregistrés avec le thème de conception dans chaque fichier de projet. Un projet peut comporter plusieurs thèmes, et chaque thème possède son propre ensemble de styles de texte. Voici quelques méthodes pour réutiliser vos styles de texte dans d'autres thèmes ou projets.

Enregistrez votre thème personnalisé

Réutilisez facilement les styles de texte dans d'autres projets en enregistrant votre thème de conception personnalisé et en l'appliquant aux autres projets. (Vous souhaitez modifier votre thème de design par défaut pour les nouveaux projets ? Voici comment faire.)

Création d'un modèle de Storyline

Les styles de texte faisant partie du thème de conception, vous pouvez créer un modèle Storyline personnalisé, puis utiliser le modèle pour démarrer de nouveaux projets ou ajouter des diapositives à des projets existants.

Coller du texte avec le formatage de la source

Utilisez cette méthode lorsqu'un projet comporte plusieurs thèmes de conception. Comme chaque thème possède ses propres styles de texte, vous devez formater les styles de chaque thème séparément. Si vous souhaitez réutiliser les mêmes styles sur plusieurs thèmes, essayez ceci :

1. Accédez à une diapositive contenant les styles de texte que vous souhaitez réutiliser et créez une zone de texte comportant plusieurs lignes de texte. (Vous pourrez supprimer cette zone de texte ultérieurement.)
2. Appliquez chacun de vos styles de texte à une ligne de texte différente.
3. Copiez la zone de texte.
4. Accédez à une diapositive dans laquelle vous souhaitez réutiliser les styles de texte.
5. Appuyez sur Ctrl+V ou accédez à l'onglet Accueil du ruban et cliquez sur Coller. Cela permet de conserver le formatage de la source.
6. Placez votre curseur sur la première ligne de texte, cliquez sur Styles de texte sur le ruban, faites défiler l'écran jusqu'au style marqué d'un astérisque, puis choisissez Mettre à jour le style dans la sélection du sous-menu qui apparaît.
7. Répétez l'étape précédente pour les six autres styles.

Conseil : Si vous importez une diapositive dans votre projet et que vous définissez des styles de texte pour celle-ci, vous avez efficacement personnalisé le thème de conception de cette diapositive. Si vous importez ultérieurement une autre diapositive à partir de la même source (modèle Content Library 360, diapositives d'équipe, etc.), la nouvelle diapositive ne contiendra pas vos styles de texte personnalisés car elle reprend le thème de conception original non modifié. Vous pouvez suivre les étapes ci-dessus pour copier vos styles de texte sur la nouvelle diapositive, ou vous pouvez appliquer votre thème de conception personnalisé à la nouvelle diapositive.