Artwork Guidelines/pl

Wprowadzenie
wszystkie ikony w drzewie źródłowym, zobacz na stronie grafika.

Ikona FreeCAD składa się z 6 elementów, które można zapamiętać za pomocą akronimu SALCHO: Stroke, Alignment, Lighlighting, Color, Highlighting, Outline.

Oto konkretny, aczkolwiek dowolny przykład:



Poniższe sekcje wyjaśniają te elementy bardziej szczegółowo.

Ikona ta jest wyświetlana w następujący sposób:

Kolory
FreeCAD używa palety zaadaptowanej z palety Tango. Każdy główny kolor ma 4 odcienie: Podświetlenia, Bazy, Ciemnego i Konturu. Zauważ, że Kontur nie jest całkowicie czarny, ale jest bardzo ciemną odmianą Bazy.



Zobacz paletę FreeCAD, aby zapoznać się z pełną gamą. Wybór niektórych kluczowych kolorów.



Szerokość siatki i obrysu
Ikony FreeCAD mają nominalny rozmiar 64 pikseli zarówno w szerokości, jak i wysokości. Podczas tworzenia lub edycji ikony należy upewnić się, że rozmiar dokumentu wynosi 64 x 64, a jednostkami są piksele (px). Pozostawienie wewnętrznego marginesu 2px pustej przestrzeni wokół obszaru dokumentu jest przydatne, ponieważ zapobiega efektom takim jak antyaliasing (rozmycie krawędzi). Oznacza to, że przestrzeń użytkowa dla ikony powinna wynosić 60 x 60, a krawędzie powinny pozostać puste.



Zdecydowanie zaleca się również użycie siatki wizualnej, która ma mniejszą linię siatki co piksel i główną linię siatki co 2 piksele. Obrysy ikony powinny być wyrównane wzdłuż przecięć siatki pomocniczej.

Obrysy nie powinny być cieńsze niż 2px, z zaokrąglonymi nakładkami i narożnikami w większości przypadków. Obrysy mogą być grubsze, ale powinny być wielokrotnością 2 pikseli, aby zminimalizować rozmycie skalowania.



Kontur
Opierając się na głównym kolorze ikony, upewnij się, że istnieje ciemny kontur 2px, jak wspomniano wcześniej. Działa to w połączeniu z podświetleniem, aby zapewnić dobry kontrast formy na wielu odcieniach tła.



Podświetlenie
Używając koloru podświetlenia, dodaj wewnętrzny obrys o wielkości 2 pikseli, aby kontur był bardziej widoczny. Na ciemnych tłach to właśnie to podświetlenie będzie stanowić formę ikony.



Podświetlenie
Zgodnie z wytycznymi Tango, jeśli dodajesz efekt oświetlenia gradientowego, postaraj się, aby wyglądało na to, że światło pochodzi z lewego górnego rogu. Odbywa się to poprzez dodanie koloru podświetlenia w lewym górnym rogu i koloru bazowego lub ciemnego w prawym dolnym rogu. Zauważ, że używane są tylko kolory z palety.



Recommended recording format
All icons should be created in SVG format with a vector image application, such as Inkscape. This makes it easier to apply changes and derive additional icons in the same application space.

When committing icons to be used directly by FreeCAD (in a *.qrc file), save them as "Plain SVG". This will reduce the icon size and save the disk and memory space.

Closing remarks
Remember: SALCHO, Stroke, Alignment, Lighting, Color, Highlight, Outline

Here are some tips to check your work.

Checking size
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.

Checking your outline

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



Checking your contrast

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