Пиктограммы
Библиотека
Пиктограммы — важная составляющая визуального образа Selectel. Они призваны уравновесить абстрактную графику иллюстраций, имеют общие признаки: толщину линии, сетку в основе, разницу скруглений доминирующих углов.
Взаимодействие с текстом
Пиктограмма равна букве. Это основной принцип совмещения текста и пиктограммы. Отрегулируйте вариативную толщину контура шрифта, установив ее в районе 320–332 единиц так, чтобы толщина контура буквы стала оптически равна толщине контура пиктограммы.
Построение
Пиктограммы построены на основе фирменных приемов. Также при их создании учитываются и другие требования для рисования подобных элементов в веб-пространстве.
В пиктограммах Selectel объекты изображаются как можно более прямолинейно, без метафор.
Размер — 48×48px. Хорошая фирменная пиктограмма стремится занять всю площадь сетки и стать похожей на квадрат.
Все иконки должны быть нарисованы по пиксельной сетке. Размеры и координаты не должны содержать дробные значения. Исключение — 0,5.
Пиктограммы выполняются контуром одной ширины в 4px, без контрастов. Заливка плоскостей цветом допускается в исключительных случаях.
Допустимая толщина пробельных элементов 2px, если этого требует детализация иконки.
Фирменный прием для наших пиктограмм — нестандартное скругление углов. Внешнюю сторону угла необходимо скруглять в 4 раза сильнее, чем внутреннюю.
Если элементы слишком маленькие, им нельзя задать среднее значение. В такой ситуации нужно сначала скруглить внешнюю сторону угла на максимальное допустимое визуальное значение, после — подобрать к нему внутреннее скругление. Важно, чтобы корректировки внешне были похожи на стандартные значения.
