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 rejilla visual que tenga una línea de rejilla menor cada píxel y una línea de rejilla mayor cada 2 píxeles. Los trazos del icono deben alinearse a lo largo de las intersecciones de la rejilla menor.

Los trazos no deben ser más finos que 2px, con tapas y esquinas redondeadas en la mayoría de los casos. Los trazos pueden ser más gruesos, pero es preferible que sean un múltiplo de 2px para minimizar la borrosidad de la escala.



Contorno
Basándose en el color principal del icono, asegúrese de que hay un contorno oscuro de 2px, como se ha mencionado anteriormente. Esto funciona al unísono con el resaltado para asegurar un buen contraste de forma sobre múltiples tonos de fondo.



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 tiene una práctica herramienta para comprobar su icono en varios tamaños. Vaya a y le mostrará vistas previas de su icono redimensionado a 16, 24, 32 y 64 píxeles.

Comprobar su contorno

 * 1) Pon tu icono en un rectángulo grande que sea del mismo color que el más oscuro de tu icono.
 * 2) ¿Todavía se ve bien? Genial. Ve al siguiente paso. Si no, ajusta el resaltado.
 * 3) Haz lo mismo pero esta vez usando el color más claro.
 * 4) ¿Todavía se ve bien? Genial. Los contornos y las iluminaciones se han utilizado adecuadamente. Si no es así, ajusta el contorno.



Comprobar el contraste

 * 1) Exportar su icono de SVG a un formato de mapa de bits, como  o.
 * 2) Cargue su mapa de bits en un programa de imagen, y cámbielo a escala de grises. Por ejemplo, en GIMP iría a.
 * 3) Inkscape le permite convertir el SVG directamente a escala de grises usando.
 * 4) ¿Todavía puede distinguir claramente algún detalle interno? Genial. El contraste es bueno.

Una imagen en escala de grises permite identificar más fácilmente los problemas de contraste, ya que sólo hay una mezcla de blanco y negro. Probar imágenes en escala de grises también es bueno para los usuarios daltónicos. Si pueden ver los detalles de una imagen en escala de grises, es probable que el contraste de la imagen totalmente coloreada también sea bueno.