Artwork Guidelines/de

Anmerkung: Beispielsymbole findest Du auf der Illustrationen-Seite.

Einleitung
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.

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.

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.

2. Sieht es immer noch OK aus? Großartig! Gehe zu Schritt 3. Wenn nicht, sieh' Dir das gerunzelte Gesicht an

3. Mach' das Gleiche, aber dieses Mal mit der hellsten Farbe.

4. Sieht das immer noch gut aus? Großartig! Außenlinien und Hervorhebungen wurden geeignet benutzt!

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

2. Öffne ein Bildprogramm und wandle es in Graustufen um. In GIMP würdest Du beispielsweise "Image > Mode > Graustufen" ausführen (das ist hervorragend geeignet als Test auf farbenblinde Benutzer)

3. Kannst Du immer noch alle internen Details erkennen? Großartig! Du hast guten Kontrast!