Les styles de contour contrôlent l'apparence des contours des formes et des lignes. Ajustez l'épaisseur, la couleur, les motifs de tirets et les terminaisons de ligne pour créer des diagrammes clairs et professionnels.

Propriétés de base du contour

Couleur du contour

La couleur du contour de la forme.

Pour changer la couleur du contour :

  1. Sélectionnez une forme
  2. Ouvrez le panneau Inspecteur
  3. Trouvez la section Contour
  4. Cliquez sur le sélecteur de couleur du contour
  5. Choisissez une couleur dans le nuancier

Comme les remplissages, les contours peuvent utiliser des couleurs unies ou être liés à des schémas de couleurs.

Épaisseur du contour

Contrôle l'épaisseur du contour.

Pour ajuster l'épaisseur du contour :

  1. Dans la section Contour de l'Inspecteur
  2. Utilisez le curseur ou le champ de saisie Épaisseur
  3. La plage va typiquement de 0 (sans contour) à plus de 20 pixels
  4. Valeurs courantes :
    • 1-2px : Contours fins, diagrammes détaillés
    • 3-4px : Contours standard, la plupart des diagrammes
    • 5-8px : Contours épais, emphase
    • 10+px : Très épais, usage décoratif ou pour les présentations

Épaisseurs de contour

Sans contour

Supprimez entièrement le contour :

  1. Dans la section Contour
  2. Définissez l'épaisseur à 0 ou cliquez sur Sans contour
  3. Le contour de la forme disparaît

Utile pour :

  • Les formes remplies sans bordures
  • Les agencements de formes sans couture
  • Les styles de diagramme minimalistes

Motifs de tirets

Créez des lignes en tirets ou en points au lieu de contours pleins.

Motifs prédéfinis

Diagrammix3 inclut des motifs de tirets courants :

  • Plein - Ligne continue (par défaut)
  • Tirets - Tirets réguliers avec des espaces
  • Points - Petits points avec des espaces
  • Tiret-Point - Alternance de tirets et de points
  • Tiret long - Tirets plus longs, espaces plus larges

Pour appliquer un motif de tirets :

  1. Sélectionnez une forme ou un connecteur
  2. Dans la section Contour de l'Inspecteur
  3. Cliquez sur le menu déroulant Motif de tirets
  4. Choisissez un motif

Motifs de tirets

Motifs de tirets personnalisés

Pour un contrôle avancé, créez des motifs de tirets personnalisés :

  1. Sélectionnez Personnalisé dans le menu des motifs de tirets
  2. Entrez les longueurs de tirets et d'espaces (en pixels)
  3. Format du motif : [tiret, espace, tiret, espace, ...]
  4. Exemple : [10, 5, 2, 5] crée un motif tiret long, espace, point, espace

Cas d'utilisation des motifs de tirets

  • Lignes en tirets : Indiquent les éléments optionnels ou futurs, les connexions temporaires, les limites
  • Lignes en points : Montrent les relations cachées ou internes, les guides, les connexions moins importantes
  • Tiret-point : Dépendances UML, limites architecturales, flux alternatifs
  • Lignes pleines : Connexions et formes standard, principales

Extrémités de ligne

Contrôlez le rendu des extrémités de ligne (principalement pour les chemins ouverts et les connecteurs).

Styles d'extrémité

Extrémité plate (Butt)

  • La ligne se termine exactement au point final
  • Terminaison carrée et abrupte
  • Par défaut pour la plupart des diagrammes

Extrémité arrondie (Round)

  • La ligne se termine par un capuchon semi-circulaire
  • S'étend légèrement au-delà du point final
  • Apparence plus douce et conviviale

Extrémité carrée (Square)

  • La ligne se termine par un capuchon carré
  • S'étend légèrement au-delà du point final (la moitié de l'épaisseur du contour)
  • Aspect précis, architectural

Pour changer les extrémités de ligne :

  1. Sélectionnez un connecteur ou un chemin ouvert
  2. Dans la section Contour
  3. Cliquez sur le menu déroulant Extrémité de ligne
  4. Choisissez : Plate, Arrondie ou Carrée

Styles d'extrémité de ligne

Jointures de ligne

Contrôlez le rendu des coins là où deux segments de chemin se rejoignent.

Styles de jointure

Jointure en onglet (Miter)

  • Crée des coins pointus et nets
  • Par défaut pour la plupart des formes
  • Idéal pour : Rectangles, polygones, designs angulaires

Jointure arrondie (Round)

  • Crée des coins arrondis à la jonction des segments
  • Apparence plus douce
  • Idéal pour : Formes organiques, diagrammes conviviaux

Jointure en biseau (Bevel)

  • Crée des coins aplatis
  • Coupe la pointe nette
  • Idéal pour : Diagrammes techniques, quand l'onglet serait trop pointu

Pour changer les jointures de ligne :

  1. Sélectionnez une forme
  2. Dans la section Contour
  3. Cliquez sur le menu déroulant Jointure de ligne
  4. Choisissez : Onglet, Arrondie ou Biseau

Remarque : La jointure de ligne est plus visible aux angles aigus avec des contours épais.

Styles de jointure de ligne

Opacité du contour

Rendez les contours semi-transparents :

  1. Dans la section Contour
  2. Ajustez le curseur Opacité (0-100%)
  3. 0% = contour invisible
  4. 100% = entièrement opaque

L'opacité indépendante du contour permet :

  • Des contours subtils sur des remplissages audacieux
  • Des formes fantômes en arrière-plan
  • Des diagrammes en couches avec des éléments superposés

Schémas de couleurs et contours

Liez les contours aux schémas de couleurs :

  1. Dans la section Contour
  2. Cliquez sur le menu déroulant Schéma
  3. Choisissez un rôle de couleur (Bordure, Accent, etc.)
  4. Le contour se met à jour lorsque le schéma de couleurs change

Cela garantit des couleurs de contour cohérentes dans tout votre diagramme.

Combiner les propriétés de contour

Combinaisons professionnelles

Diagramme technique :

  • Épaisseur : 2px
  • Couleur : Gris foncé ou noir
  • Motif : Plein
  • Extrémité : Plate
  • Jointure : Onglet

Diagramme de présentation :

  • Épaisseur : 4px
  • Couleur : Couleur de marque
  • Motif : Plein
  • Extrémité : Arrondie
  • Jointure : Arrondie

Maquette/Croquis :

  • Épaisseur : 3px
  • Couleur : Gris moyen
  • Motif : Tirets ou points
  • Extrémité : Arrondie
  • Jointure : Arrondie

Élément d'emphase :

  • Épaisseur : 6-8px
  • Couleur : Accent vif
  • Motif : Plein
  • Extrémité : Arrondie
  • Jointure : Arrondie

Interaction contour et remplissage

Les contours sont rendus au-dessus des remplissages, se positionnant à moitié à l'intérieur et à moitié à l'extérieur de la limite de la forme.

Implications importantes :

  • Les contours larges masquent la couleur de remplissage près du bord
  • Les remplissages transparents avec contours créent des formes en contour uniquement
  • Sans contour, le remplissage s'étend jusqu'à la véritable limite
  • L'épaisseur du contour affecte légèrement la taille globale de la forme

Positionnement du contour

Conseils

  1. Adaptez l'épaisseur du contour à l'échelle - Contours plus fins pour les diagrammes détaillés, plus épais pour les présentations
  2. Utilisez des épaisseurs de contour cohérentes - Variez uniquement pour l'emphase, pas aléatoirement
  3. Contrastez avec le remplissage - Assurez-vous que le contour est visible sur la couleur de remplissage
  4. Motifs de tirets pour le sens - Utilisez de manière cohérente (par ex., toujours en tirets pour « état futur »)
  5. Extrémités arrondies pour la convivialité - Extrémités nettes pour la précision technique
  6. Testez à la taille finale - Les contours peuvent paraître différents à la taille de présentation vs. la taille d'édition

Performance des contours

  • Les contours pleins sont les plus rapides à rendre
  • Les motifs de tirets complexes sont légèrement plus lents
  • Les contours très larges (15px+) peuvent impacter la performance sur les diagrammes avec plus de 100 formes
  • Les jointures/extrémités de ligne ont un impact minimal sur la performance

Accessibilité

Lors du choix des styles de contour :

  1. Assurez le contraste - Le contour doit être visible sur le remplissage et l'arrière-plan
  2. Ne vous fiez pas uniquement aux motifs de tirets - Combinez avec des étiquettes textuelles ou d'autres indices
  3. Épaisseur minimale de 1px - Les contours plus fins peuvent être invisibles sur certains écrans
  4. Testez en niveaux de gris - Assurez-vous que le contraste du contour fonctionne sans couleur

Sujets connexes