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.





Zalecany format zapisu
Wszystkie ikony powinny być tworzone w formacie SVG za pomocą aplikacji do tworzenia obrazów wektorowych, takiej jak Inkscape. Ułatwia to wprowadzanie zmian i tworzenie dodatkowych ikon w tej samej przestrzeni aplikacji.

Podczas zapisywania ikon, które mają być używane bezpośrednio przez FreeCAD (w pliku *.qrc), należy zapisać je jako "Plain SVG". Zmniejszy to rozmiar ikony i zaoszczędzi miejsce na dysku i w pamięci.



Uwagi końcowe
Pamiętaj: SALCHO, (Stroke, Alignment, Lighting, Color, Highlight, Outline) Obrys, Wyrównanie, Oświetlenie, Kolor, Podświetlenie, Kontur

Oto kilka wskazówek, jak sprawdzić swoją pracę.



Sprawdzanie rozmiaru
Inkscape posiada przydatne narzędzie do sprawdzania ikon w różnych rozmiarach. Przejdź do, by zobaczyć podgląd ikony w rozmiarze 16, 24, 32 i 64 pikseli.



Sprawdzanie konturu

 * 1) Umieść ikonę na dużym prostokącie, który ma ten sam kolor co najciemniejszy kolor ikony.
 * 2) Nadal wygląda OK? Świetnie. Przejdź do następnego kroku. Jeśli nie, dostosuj podświetlenie.
 * 3) Zrób to samo, ale tym razem używając najjaśniejszego koloru.
 * 4) Nadal wygląda dobrze? Świetnie. Kontury i podświetlenia zostały użyte prawidłowo. W przeciwnym razie dostosuj kontur.





Sprawdzanie kontrastu

 * 1) Wyeksportuj ikonę z SVG do formatu bitmapy, takiego jak  lub.
 * 2) Załaduj bitmapę do programu graficznego i przekształć ją do odcieni szarości. Na przykład, w programie GIMP należy przejść do.
 * 3) Inkscape pozwala na bezpośrednią konwersję SVG do skali szarości za pomocą.
 * 4) Czy nadal wyraźnie widać wewnętrzne szczegóły? Świetnie. Kontrast jest dobry.

Obraz w skali szarości pozwala łatwiej zidentyfikować problemy z kontrastem, ponieważ obecna jest tylko mieszanka czerni i bieli. Testowanie obrazów w skali szarości jest również dobre dla użytkowników niewidzących kolorów. Jeśli widzą oni szczegóły na obrazie w skali szarości, to kontrast w pełni kolorowego obrazu jest prawdopodobnie również dobry.