Modèles de marque : guide des bonnes pratiques
Les modèles fonctionnent mieux lorsqu'ils sont faciles à modifier, prévisibles et adaptés aux besoins réels de votre équipe.
En planifiant à l'avance et en configurant vos éléments intentionnellement, vous pouvez créer des modèles que n'importe qui peut mettre à jour sans casser les mises en page ni affecter le style de la marque.
Ce guide présente les étapes essentielles que les concepteurs utilisent pour créer des modèles qui fonctionnent dans toute votre organisation.
1. Commencez par planifier ce que les autres devront changer
Un modèle solide commence par les bons blocs de construction. Choisissez des éléments et une structure qui simplifient les mises à jour pour tous ceux qui utilisent le modèle.
Utilisez des types d'éléments faciles à mettre à jour
Sélectionnez des éléments que vos coéquipiers peuvent recolorer ou remplacer sans modifier votre mise en page.
Utilisez des fichiers SVG pour les icônes et les illustrations. Ils évoluent proprement et peuvent être recolorés à l'aide des couleurs du kit de marque.
Télécharger des SVG
- Accédez à Importer, puis sélectionnez Importer des fichiers.
- Choisissez un fichier SVG pour la meilleure qualité.
Utiliser des cadres et des grilles pour les images remplaçables
Les cadres gardent les images dimensionnées et positionnées correctement. Cela permet aux coéquipiers de remplacer une image sans ajuster le recadrage ou les dimensions.
Utilisez les cadres lorsqu'une image doit remplir un espace fixe.
Utilisez les couleurs du Brand Kit dès le départ
Les couleursde l’Identité visuelle permettent de conserver la cohérence des modèles et de réduire le besoin de mises à jour manuelles ultérieurement.
- Sélectionnez l'élément.
- Sélectionnez la couleur, puis choisissez une couleur de l'identité visuelle.
- Sélectionnez Modifier tout pour mettre à jour chaque couleur correspondante dans le design.
Cela permet d'aligner votre modèle sur votre marque à chaque mise à jour.
2. Configurez votre mise en page pour qu'elle s'adapte au contenu réel
Votre modèle devrait tenir le coup lorsque quelqu'un ajoute du texte plus long, des étiquettes plus courtes ou du nouveau contenu. Structurer correctement votre texte maintient l'espacement stable et empêche les mises en page de changer.
Utilisez la refusion pour garder l'espacement prévisible
Reflow contrôle la façon dont le texte se déplace lorsque des lignes sont ajoutées ou supprimées. Une bonne configuration empêche le texte de chevaucher d'autres éléments.
- Gardez les zones de texte assez larges pour des lignes plus longues.
- Laissez de l'espace entre les zones de texte pour qu'elles puissent se développer au besoin.
- Faites correspondre les largeurs de zone de texte à l'aide de Cmd ou Ctrl + Maj + J avant de les regrouper.
Grouper les éléments qui devraient se déplacer ensemble
Le regroupement garantit que les éléments liés se comportent comme une seule unité lors des modifications de mise en page.
Regroupez des éléments tels que :
- Titres et sous-titres
- Les icônes et leurs étiquettes de texte
- Éléments décoratifs qui forment un seul bloc
Éviter le regroupement :
- Éléments qui doivent bouger d'eux-mêmes
- Sections non liées de votre modèle
Ancrer le texte pour qu'il se développe dans la bonne direction
Contrôles d'ancrage où le texte se développe à partir de quand quelqu'un le modifie. La correspondance des ancres à travers le texte groupé maintient la cohérence des mises en page.
À quoi ressemble un bon ancrage :
- Les titres s'étendent vers le bas
- Les titres centrés restent centrés
- Le corps du texte se développe dans une direction
- Sélectionnez la zone de texte.
- Sélectionnez Paramètres avancés.
- Choisir :
- Dessus pour un flux descendant
- Centre d'expansion à partir du milieu
- Bas pour flux ascendant
3. Protégez les pièces qui ne devraient pas changer
Une fois votre mise en page structurée, verrouillez les éléments qui définissent l'identité visuelle de votre modèle.
Verrouiller des éléments fixes
Verrouillez les articles qui doivent rester exactement là où vous les avez placés :
- Logos
- Formes ou images d'arrière-plan
- Lignes ou icônes décoratives
- Les blocs de mise en page qui définissent l'espacement ou la structure
Utiliser le verrouillage de position pour les modifications contrôlées
Le verrouillage positionnel maintient les éléments modifiables mais les empêche d'être déplacés accidentellement. Cette option est utile pour :
- Cadres d'image
- Boutons
- Blocs de contenu réutilisables comme bios ou stats
Le verrouillage garantit que votre modèle reste intact, même lorsque plusieurs coéquipiers l'utilisent.
4. Gardez les effets simples pour que les images restent faciles à remplacer
Des effets tels que les superpositions et la transparence peuvent améliorer votre design, mais des effets trop complexes peuvent rendre le remplacement de l'image plus difficile.
Appliquer un mélange d'images simple
Si vous utilisez des superpositions ou des textures :
- Appliquez de la transparence à la superposition, et non à l'image
- Gardez l'image au-dessus de la superposition pour qu'elle reste facile à remplacer
- Évitez les mélanges qui nécessitent un repositionnement manuel
Des effets simples gardent votre modèle flexible et facile à entretenir.
Dépannage des problèmes courants
La refusion de texte casse la mise en page
- Assurez-vous qu'il y a de l'espace entre les zones de texte
- Laissez de l'espace autour du texte à l'intérieur des formes
- Confirmez que tout le texte groupé utilise le même paramètre d'ancrage
Les photos sous des formes translucides sont difficiles à remplacer
- Superposer l'image au-dessus de la forme translucide
- Appliquer de la transparence à l'image au lieu de la forme
Cela facilite les remplacements par glisser-déposer.
Ces informations ont-elles été utiles ?
Utile
Inutile