Artwork Guidelines/ru

Введение
для просмотра всех иконок(пиктограмм) в исходном каталоге смотри Художественное оформление.

Значок FreeCAD состоит из 6 элементов, которые можно запомнить по аббревиатуре SALCHO: Stroke, Alignment, Lighting, Color, Highlighting, Оutline (Обводка, Выравнивание, Освещение, Цвет, Подсветка, Контур).

Вот реальный, но совершенно условный пример:



В следующих разделах эти элементы объясняются более подробно.

Эта иконка будет отображаться следующим образом:

Цвета
FreeCAD использует палитру, адаптированную из палитры Tango. Каждый основной цвет состоит из 4-х тонов: Подсветка, Основа, Тёмный и Контур. Обратите внимание, что контур не полностью чёрный, а очень тёмная вариация Основы.



Смотри Палитра FreeCAD для полного обзора. Подборка некоторых ключевых цветов.

Ширина сетки и линий
Иконки FreeCAD имеют номинальный размер 64 пикселя как по ширине, так и по высоте. При создании или редактировании иконок убедитесь, что размер вашего документа равен 64 x 64, а единицами измерения являются пиксели (px). Оставление внутреннего пространства (пустого поля) из 2-х пикселей(px) вокруг области документа очень полезно, так как это предотвращает такие эффекты, как сглаживание (размытие краев). То есть полезное пространство для значка должно считаться 60 х 60, а края должны быть оставлены пустыми.



Также настоятельно рекомендуется использовать визуальную сетку, которая имеет второстепенную сетку - каждый пиксель, и главную сетку - каждые 2 пикселя. Линии значка должны быть выровнены вдоль второстепенных пересечений сетки.

Линии должны быть не "тоньше" 2px и, в большинстве случаев, с закругленными краями и углами. Линии могут быть и "толще", но желательно, с толщиной кратной 2px, чтобы свести к минимуму размытость при масштабировании.



Контур
Отталкиваясь от основного цвета иконки, убедитесь, что есть тёмный контур в 2px, как упоминалось ранее. Это работает в согласии с внутренней подсвечивающей обводкой, что обеспечит хороший контраст иконки на нескольких тонах заднего плана.



Подсвечивающая обводка
Используя цвет Подсветки, добавьте внутренний контур размером 2 пикселя, чтобы сделать этот контур всплывающим. На тёмном фоне именно эта подсветка будет придавать иконке форму.



Освещение
Согласно рекомендациям Tango, если вы добавляете градиентный световой эффект, постарайтесь сделать так, чтобы он выглядел так, как будто свет исходит из верхнего левого угла. Это делается путём добавления цвета подсветки вверху слева и базового или темного цвета внизу справа. Обратите внимание, что используются только цвета палитры.



Рекомендуемый формат сохранения
Все иконки должны быть созданы в формате SVG с помощью приложения векторной графики, например Inkscape. Это облегчает применение изменений и получение дополнительных значков в том же приложении.

При регистрации иконки для непосредственного использования в FreeCAD (в файле *.qrc) сохраните их как "Обычный SVG". Это уменьшит размер иконки и сэкономит место на диске и в памяти.

Заключительные замечания
Запомните: SALCHO, Stroke, Alignment, Lighting, Color, Highlight, Outline (Обводка, Выравнивание, Освещение, Цвет, Подсветка, Контур).

Вот несколько советов, чтобы проверить свою работу.

Проверка размера
Inkscape имеет удобный инструмент для проверки вашего ярлыка с различными размерами. Перейдите в раздел, и он покажет вам предварительный просмотр вашей иконки с размерами 16, 24, 32 и 64 пикселя.

Проверка вашего контура

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