Artwork Guidelines/de

Einleitung
Anmerkung: Beispielsymbole findest Du auf der Illustrationen-Seite.

Ein FreeCAD-Symbol besteht aus sechs Elementen, die einfach mit dem unbeholfenen Akronym "SALCHO" bezeichnet werden: Stroke, Alignment, Lighting, Colour, Highlighting, Outline (Strich, Ausrichtung, Beleuchtung, Farbe, Hervorhebung, Kontur)

Hier ist ein konkretes, wenn auch willkürliches Beispiel:



Die folgenden Abschnitte erklären die Element in einer strukturierteren Weise.

This icon is displayed as follows:

Farben
[Obligatorisch] FreeCAD benutzt eine Palette, die an die Tango-Palette angelehnt (adapted) ist. Jede Hauptfarbe kommt in vier Tönen: Hervorhebung, Basis, Dunkel und Außenlinie.



See FreeCAD palette for the full range. A selection of some key colors.

Gitter & Strichbreite
[Obligatorisch] FreeCAD-Symbole haben eine nominelle Größe von 64px*64px (obwohl ich lieber eine 2px-Begrenzung rundherum lasse, um Anti-Aliasing an den Bildkanten zu vermeiden). Bei der Erstellung oder Änderung eines Symbols solltest Du sicherstellen, dass die Dokumentgröße 64 x 64 und die Einheit px ist. Das bietet Dir einen nutzbaren Platz von 60px * 60px.



Es wird außerdem dringend dazu geraten, mindestens ein Gitter mit einem Abstand von einem Pixel und einem Hauptabstand von 2 Pixeln zu verwenden. Du kannst zusätzlich weitere anlegen, solltest aber mindestens das eine haben. Deine Striche wären dann entlang des untergeordneten Gitter ausgerichtet (siehe Bild).

Striche sollten nicht dünner als 2px sein, in den meisten Fällen mit abgerundeten Enden und Ecken. Striche können dicker sein, aber versuch' ein Vielfaches von Zwei anzustreben, um Skalierungsprobleme zu minimieren.



Außenlinie
[Obligatorisch] Dich selbst auf die Hauptfarbe des Symbols stützend solltest Du sicherstellen, dass es eine dunkle Außenlinie (von 2px, wie vorher erwähnt) gibt. Dies funktioniert in Verbindung mit der Hervorhebung, um einen guten Kontrast auf verschiedenen Hintergrundtönen sicherzustellen.



Hervorhebung
[Dringend angeraten] Füge mit der Hervorhebungsfarbe einen internen Strich (wieder 2px) hinzu, um die Außenlinie sichtbar zu machen. Auf dunklen Hintergründen wird diese Hervorhebung die Form des Symbols darstellen.



Beleuchtung
[Optional] Wie bei den Tango-Richtlinien, wenn Du einen Beleuchtungsverlaufseffekt hinzufügen willst, dann versuch' es so aussehen zu lassen, als würde das Licht von links oben kommen. Dies passiert durch hinzufügen der Hervorhebungsfarbe oben links und die Basis- oder dunkle Farbe unten rechts (beachte, dass ich nicht versucht habe, eine Farbe außerhalb der Palette zu verwenden)



Abschließende Bemerkungen
Das war's - das ist alles, was man braucht, um ein einheitliches Aussehen der Symbole sicherzustellen. Denk' dran: SALCHO Stroke, Alignment, Lighting, Colour, Highlight, Outline

Hier ist eine Sammlung von Tipps, um Deine Arbeit zu überprüfen:

Größe prüfen
Inkscape hat ein superpraktisches Werkzeug zur Prüfung Deines Symbols bei verschiedenen Größen. Gehe zu "Ansicht > Symbolvoransicht..." und Du wirst Voransichten Deines Symbols in 16, 24, 32 und 64px sehen!

Prüfung Deiner Außenlinie
1. Setze Dein Symbol in ein großes Rechteck in der gleichen Farbe wie die dunkelste Farbe Deines Symbols.



Prüfung Deines Kontrastes
1. Nimm Dein Symbol und exportiere es zu .png oder .jpg, was immer Du bevorzugst

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.