В этот прекрасный пятничный день я поговорю с Вами про иконки (icon) для сайтов и мобильных приложений. Что такое, зачем и где можно скачать крутые бесплатные иконки, которые можно использовать при создании дизайна.
Иконка - примитивное изображение предмета или действия. Они должны быть запоминающимися, понятными и легко считываемыми.
Иконки используются вместо текста, когда для букв нет места или же когда Вы понимаете, что пользователь не станет прочитывать текст, его можно заменить иконкой; иконки используются для экономии места зачастую в приложениях; для лучшего восприятия т. к. изображения запоминаются лучше, чем текст.
Иконки позволяют легко считывать информацию.
Где используются иконки:
- Для навигации.
- Для привлечения внимания.
- Для указания действий.
Как выбрать иконки?
Форматы иконок PNG, ICO, SVG. Лучше использовать последний формат, так как это векторный формат, и он масштабируется до любого размера без потери качества.
Иконки бывают как бесплатные, так и платные, а если Вы не нашли нужные иконки их и вовсе можно отдельно заказать у дизайнера-иллюстратора.
Стили оформления иконок:
- Flat icon (плоская)
- Outline (контурная)
- 3D icon (объёмная)
Где можно скачать иконки:
- Icons8
- Flaticon- Freepik
- Icon-icons
- Iconify (это плагин в Figma).
Обычно я использую либо Flaticon, либо плагин в Figma.
Это удобно.
Очень важно, чтобы иконки были в одном стиле. Если есть тень, то она должна падать с одной стороны под одним углом на всех иконках, которые Вы используете. НО, использовать иконки нужно только в том месте, где они уместны. Не лепите иконки просто так.
Было полезно?
Оставляйте лайки, пишите комментарии и обязательно сохраняйте.