Пиктограммы

Библиотека

Пиктограммы — важная составляющая визуального образа Selectel. Они призваны уравновесить абстрактную графику иллюстраций, имеют общие признаки: толщину линии, сетку в основе, разницу скруглений доминирующих углов.

48x48
1x 2x 3x 4x

Взаимодействие с текстом

Пиктограмма равна букве. Это основной принцип совмещения текста и пиктограммы. Отрегулируйте вариативную толщину контура шрифта, установив ее в районе 320–332 единиц так, чтобы толщина контура буквы стала оптически равна толщине контура пиктограммы.

Построение

Пиктограммы построены на основе фирменных приемов. Также при их создании учитываются и другие требования для рисования подобных элементов в веб-пространстве.

В пиктограммах Selectel объекты изображаются как можно более прямолинейно, без метафор.

Размер — 48×48px. Хорошая фирменная пиктограмма стремится занять всю площадь сетки и стать похожей на квадрат.

Все иконки должны быть нарисованы по пиксельной сетке. Размеры и координаты не должны содержать дробные значения. Исключение — 0,5.

Пиктограммы выполняются контуром одной ширины в 4px, без контрастов. Заливка плоскостей цветом допускается в исключительных случаях.

Допустимая толщина пробельных элементов 2px, если этого требует детализация иконки.

Фирменный прием для наших пиктограмм — нестандартное скругление углов. Внешнюю сторону угла необходимо скруглять в 4 раза сильнее, чем внутреннюю.

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