This package has been deprecated

Author message:

Package no longer supported

bem-icons

2.0.1 • Public • Published

Гайд по иконкам

1. Сетка

Иконки должны быть выполнены с помощью сетки размером 16px (_size_s) или 24px (_size_m).

2. Базовые формы

Привязка к этим фигурам в сетке сохраняет пропорции во всем наборе. Круг прямоугольник (горизонтальные и вертикальные) квадрат.

3. Размер

При создании иконок меньшего размера иногда можно просто изменить размер (выровняв по пиксельной сетке). Хороший пример иконки picture. Баланс между пробелами и штрихами по-прежнему выглядит хорошо при изменении размера.

Но в большинстве случаев элементы слишком малы и становится нечитаемыми при сжатии, поэтому имеет смысл сделать эти элементы целыми.

4. Толщина штриха

Толщина штриха должна быть 2px. Однако, в некоторых случаях допустима 1,5px.

5. Анатомия

Сложные формы должны образовываться слиянием простых фигур. Для создания дуг используйте круги. (Пример иконок notification и picture).

6. Скругления

Скругление углов не является обязательным и должно зависеть от того, как выглядят объект в реальной жизни. Обычно у конверта углы всегда прямые, а у телефона есть скругления.

7. Углы

Углы форм должны быть стремиться к 45 или 90 градусам.

8. Использование логотипов в иконках

Иногда в иконках необходимо использовать логотип других сервисов. В таких случаях мы не изменяем форму, а только подгоняем в сетку и если это возможно выравниваем по пиксельной сетке. (Пример иконок метки и блога).

Readme

Keywords

none

Package Sidebar

Install

npm i bem-icons

Homepage

bem.design

Weekly Downloads

0

Version

2.0.1

License

ISC

Unpacked Size

47 kB

Total Files

87

Last publish

Collaborators

  • fooontic
  • kirillback
  • meeq
  • miocene
  • sntxerror