Artwork Guidelines/es

Introducción
para todos los iconos del árbol de fuentes, ver Obras de Arte.

Un icono de FreeCAD se compone de 6 elementos que pueden ser recordados por el acrónimo SALCHO: S troke, A lignment, L ighting, C olor, H ighlighting, O utline. (español: Trazo, Alineación, Iluminación, Color, Resaltar, Contorno)

He aquí un ejemplo concreto, aunque arbitrario:



Las siguientes secciones explican estos elementos con más detalle.

Este icono se muestra de la siguiente manera:

Colores
FreeCAD utiliza una paleta adaptada de la Tango paleta. Cada color principal viene en 4 tonos: Resaltar, Base, Oscuro y Contorno. Observa que el Contorno no es completamente negro, sino una variación muy oscura de la Base.



Ver FreeCAD paleta para la gama completa. Una selección de algunos colores clave.

Rejilla y ancho del trazo
Los iconos de FreeCAD tienen un tamaño nominal de 64 píxeles tanto en anchura como en altura. Cuando crees o edites un icono, asegúrate de que el tamaño del documento es de 64 x 64 con las unidades siendo píxeles (px). Dejar un margen interior de 2px de espacio vacío alrededor del área del documento es útil ya que evita efectos como el antialiasing (difuminado de los bordes). Es decir, el espacio utilizable para el icono debe considerarse de 60 x 60, y los bordes deben dejarse vacíos.



También se recomienda encarecidamente utilizar una cuadrícula visual que tenga una línea de cuadrícula menor cada píxel y una línea de cuadrícula mayor cada 2 píxeles. Los trazos del icono deben alinearse a lo largo de las intersecciones de la rejilla menor.

Strokes should be no thinner than 2px, with rounded caps and corners in most cases. Strokes can be thicker, but they should preferably be a multiple of 2px in order to minimize scaling fuzziness.



Contorno
Basing yourself on the main color of the icon, ensure that there is a dark outline of 2px, as mentioned earlier. This works in unison with the highlight to ensure good form contrast on multiple background tones.



Resaltar
Usando el color de Resaltar, añada un trazo interno de 2px para ayudar a que ese contorno resalte. En los fondos oscuros, es este resaltado el que dará la forma al icono.



Iluminación
Según las directrices de Tango, si está añadiendo un efecto de iluminación de gradiente, trate de hacer que parezca que la luz viene de la parte superior izquierda. Esto se hace añadiendo el color de realce arriba a la izquierda y el color base u oscuro abajo a la derecha. Observe que sólo se utilizan colores de la paleta.



Formato de grabación recomendado
Todos los iconos deben crearse en formato SVG con una aplicación de imágenes vectoriales, como Inkscape. Esto facilita la aplicación de cambios y la derivación de iconos adicionales en el mismo espacio de la aplicación.

Cuando se comprometan iconos para ser utilizados directamente por FreeCAD (en un archivo *.qrc), guárdalos como "Puro SVG". Esto reducirá el tamaño del icono y ahorrará espacio en el disco y en la memoria.

Comentarios finales
Recuerda: SALCHO, Stroke, Alignment, Lighting, Color, Highlight, Outline

Aquí tienes algunos consejos para comprobar tu trabajo.

Controlar el tamaño
Inkscape has a handy tool to check your icon at various sizes. Go to and it'll show you previews of your icon resized to 16, 24, 32 and 64 pixels.

Comprobar su contorno

 * 1) Put your icon on a big rectangle that is the same color as the darkest color in your icon.
 * 2) Still looks OK? Great. Go to the next step. If not, adjust the highlight.
 * 3) Do the same but this time using the lightest color.
 * 4) Still looks OK? Great. Outlines and highlights have been used appropriately. Otherwise, adjust the outline.



Comprobar el contraste

 * 1) Export your icon from SVG to a bitmap format, like  or.
 * 2) Load your bitmap in an image program, and change it to grayscale. For example, in GIMP you would go to.
 * 3) Inkscape allows you to convert the SVG directly to grayscale using.
 * 4) Can you still clearly make out any internal details? Great. The contrast is good.

A grayscale image allows you to more easily identify problems in contrast, as only a mix of black and white is present. Testing grayscale images is also good for colorblind users. If they can see the details in a grayscale image, then the contrast of the fully colored image is probably good as well.