Artwork Guidelines/fr

Introduction
Pour toutes les icônes de l'arborescence source, voir Graphisme.

Une icône FreeCAD est composée de 6 éléments qui peuvent être mémorisés facilement en utilisant l'acronyme "SALCHO": Stroke, Alignment, Lhighting, Color, Hhighlighting, Outline

Voici un exemple concret mais arbitraire :



Les sections suivantes expliquent ces éléments avec plus de détails.

Cette icône s'affiche comme suit:

Couleurs
FreeCAD utilise une palette adaptée de la palette Tango. Chaque couleur principale est disponible en 4 tons: Highlight, Base, Dark et Outline. Notez que le contour n'est pas complètement noir mais une variation très sombre de la base.



Voir FreeCAD palette pour la gamme complète. Une sélection de quelques couleurs clés.

Grille et Largeur du trait
Les icônes FreeCAD ont une taille nominale de 64 pixels en largeur et en hauteur. Lors de la création ou de la modification d'une icône, assurez-vous que la taille du document est de 64 x 64 avec des unités en pixels (px). Laisser une marge intérieure de 2 pixels d'espace vide tout autour de la zone du document est utile car cela empêche les effets tels que l'anti-crénelage (flou des bords). Autrement dit, l'espace utilisable pour l'icône doit être considéré comme 60 x 60, et les bords doivent être laissés vides.



Il est également fortement recommandé d'utiliser une grille visuelle qui a une ligne de grille mineure tous les pixels et une ligne de grille principale tous les 2 pixels. Les traits de l'icône doivent être alignés le long des intersections mineures de la grille.

Les traits ne doivent pas être plus petits que 2 pixels, avec des extrémités et des coins arrondis dans la plupart des cas. Les traits peuvent être plus épais mais ils doivent de préférence être un multiple de 2px afin de minimiser le flou de mise à l'échelle.



Contour
En vous basant sur la couleur principale de l'icône, assurez-vous qu'il y a un contour sombre de 2 pixels, comme mentionné précédemment. Cela fonctionne à l'unisson avec le point culminant pour assurer un bon contraste de forme sur plusieurs tons de fond.



Surbrillance
En utilisant la couleur Highlight, ajoutez un trait interne de 2px pour aider à faire ressortir ce contour. Sur les fonds sombres, c'est cette mise en évidence qui fournira la forme à l'icône.



Éclairage
Selon les directives de Tango, si vous ajoutez un effet d'éclairage dégradé, essayez de lui donner l'impression que la lumière vient du coin supérieur gauche. Cela se fait en ajoutant la couleur de surbrillance en haut à gauche et la couleur de base ou sombre en bas à droite. Notez que seules les couleurs de la palette sont utilisées.



Format d'enregistrement recommandé
Il est conseillé de faire toutes les icônes en format SVG, par exemple avec Inkscape. Cela rend plus facile l’application des changements et des icônes dérivés dans l'espace de la même application.

Remarques de clôture
Rappelez-vous : SALCHO (AVC, alignement, éclairage, couleur, mise en évidence, contour)

Voici quelques conseils pour vérifier votre travail :

Vérification de la taille
Inkscape dispose d'un outil pratique pour vérifier votre icône à différentes tailles. Allez dans et vous verrez les aperçus de votre icône redimensionnés à 16, 24, 32 et 64 pixels !

Vérification de votre contour

 * 1) Placez votre icône sur un grand rectangle de la même couleur que la couleur la plus foncée de votre icône.
 * 2) Semble toujours OK? Génial. Passez à l'étape suivante. Sinon, ajustez la surbrillance.
 * 3) Faites de même mais cette fois en utilisant la couleur la plus claire.
 * 4) Semble toujours OK? Génial. Les contours et les faits saillants ont été utilisés de manière appropriée. Sinon, ajustez le contour.



Vérification de votre contraste

 * 1) Exportez votre icône SVG vers un format bitmap, comme  ou.
 * 2) Chargez votre bitmap dans un programme d'image et changez-le en niveaux de gris. Par exemple, dans GIMP, vous iriez dans.
 * 3) Inkscape vous permet de convertir le SVG directement en niveaux de gris en utilisant.
 * 4) Pouvez-vous toujours clairement distinguer les détails internes ? Génial. Le contraste est bon.

Une image en niveaux de gris vous permet d'identifier plus facilement les problèmes de contraste, car seul un mélange de noir et blanc est présent. Le test d'images en niveaux de gris est également bon pour les utilisateurs daltoniens. S'ils peuvent voir les détails dans une image en niveaux de gris, le contraste de l'image entièrement colorée est probablement également bon.