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) Поместите свою иконку на большой прямоугольник того же цвета, что и самый тёмный цвет вашей иконки.
 * 2) Всё выглядит нормально? Здорово. Переходите к следующему шагу. Если нет, то отрегулируйте подсветку.
 * 3) Сделайте то же самое, но на этот раз используя самый светлый цвет.
 * 4) Всё выглядит нормально? Здорово. Контуры и Подсветка были использованы соответствующим образом. В противном случае отредактируйте контур.



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

 * 1) Экспортируйте иконку из формата SVG в растровый формат, например  или.
 * 2) Загрузите растровое изображение в графическую программу и измените его на оттенки серого. Например, в GIMP перейдете в.
 * 3) Inkscape также позволяет конвертировать SVG непосредственно в оттенки серого с помощью.
 * 4) Можете ли вы всё ещё ясно различить какие-либо внутренние детали? Здорово. Контраст хороший.

Изображение в оттенках серого позволяет легче идентифицировать проблемы с контрастом, так как присутствует только смесь черного и белого. Тестирование изображений в оттенках серого также полезно для дальтоников. Если они могут видеть детали на изображении в оттенках серого, то контраст полностью цветного изображения, скорее всего, тоже хороший.