Правила оформления изображений для значков

Я вот-вот попрошу нашу дизайн-команду создать для нас несколько кастомных изображений значков.

Прежде чем я это сделаю, было бы полезно узнать, каким рекомендациям должны следовать эти изображения :sweat_smile:

Очевидно, квадратные. Что ещё? Формат изображения? Разрешение? …?

Отличный вопрос!

Значки обычно отображаются в размерах примерно 14x14, 16x16 или 56x56 пикселей.
Размер может варьироваться, так как он обычно зависит от размера шрифта элемента.
Но это даёт представление о базовом размере, на который можно ориентироваться.

Также:

  • Пропорция 1:1
  • SVG для масштабирования с использованием меньшего изображения или PNG с прозрачностью для большего изображения; это зависит от того, что вы хотите показать.
  • Учитывайте тёмную тему при выборе цветов
  • Учитывайте тип значка, если это необходимо
  • Помните, как он будет выглядеть в уменьшенном размере

На данный момент больше ничего не приходит в голову.

Вы также можете рассмотреть возможность создания собственной иконки в формате SVG, если я правильно понял. Таким образом, она будет хорошо масштабироваться с правильным цветом (и её будет проще изменить позже).

Надеюсь, это поможет.