Найти тему
Екатерина Белова

Иконки для сайтов и мобильных приложений

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

Иконка - примитивное изображение предмета или действия. Они должны быть запоминающимися, понятными и легко считываемыми.

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

Иконки позволяют легко считывать информацию.

Где используются иконки:

- Для навигации.

- Для привлечения внимания.

- Для указания действий.

Как выбрать иконки?

Форматы иконок PNG, ICO, SVG. Лучше использовать последний формат, так как это векторный формат, и он масштабируется до любого размера без потери качества.

Иконки бывают как бесплатные, так и платные, а если Вы не нашли нужные иконки их и вовсе можно отдельно заказать у дизайнера-иллюстратора.

Стили оформления иконок:

- Flat icon (плоская)
- Outline (контурная)
- 3D icon (объёмная)

Где можно скачать иконки:

- Icons8
- Flaticon- Freepik
- Icon-icons
- Iconify (это плагин в Figma).

Обычно я использую либо Flaticon, либо плагин в Figma.

Это удобно.

Очень важно, чтобы иконки были в одном стиле. Если есть тень, то она должна падать с одной стороны под одним углом на всех иконках, которые Вы используете. НО, использовать иконки нужно только в том месте, где они уместны. Не лепите иконки просто так.

Было полезно?

Оставляйте лайки, пишите комментарии и обязательно сохраняйте.