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
Using the Highlight color, add an internal stroke of 2px to help make that outline pop. On dark backgrounds, it's this highlight what will be providing the form to the icon.



Lighting
As per Tango guidelines, if you're adding a gradient lighting effect, try to make it look like the light is coming from the top left. This is done by adding the highlight color up top left and the Base or Dark color bottom right. Notice that only palette colors are used.



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.