Найти в Дзене

Добываем крутые иконки на Flaticon

Пошаговое руководство и два примера дизайна слайда с иконками
Качественные иконки помогут преобразить ваши слайды
Вот перед нами скучный слайд:
Ну совсем скучный...
Оглавление

Пошаговое руководство и два примера дизайна слайда с иконками

Качественные иконки помогут преобразить ваши слайды
Качественные иконки помогут преобразить ваши слайды

Вот перед нами скучный слайд:

Ну совсем скучный...
Ну совсем скучный...

Давайте сделаем его красивым с помощью иконок с отличнейшего ресурса Flaticon. Итак…

1. Регистрируемся на Flaticon.com. Эти же учетные данные пригодятся вам и для работы с Freepic.

-3

2. Определяемся с ключевым словом, по которому будем искать. Также решаем, что ищем – готовые наборы иконок (packs) или отдельные иконки (icons). Давайте начнем с наборов.

Например, ищем по ключевому слову office
Например, ищем по ключевому слову office

3. Применим фильтры: selection – бесплатные иконки и наборы для свободного использования, multicolor – цветные.

Отбираем разноцветные бесплатные наборы
Отбираем разноцветные бесплатные наборы

4. Кликаем на понравившийся набор и смотрим, что в нем есть. Если вам нравится и нужно все, то скачать весь набор можно с помощью кнопки «download pack». Обратите внимание, что в фильтре можно выбрать стиль иконок.

Вот пример набора в стиле flat
Вот пример набора в стиле flat

5. Если вам нужна отдельная иконка, кликаем на нее. В открывшемся окне выбираем формат файла png и размер иконки в пикселях.

Выбираем параметры иконки
Выбираем параметры иконки

6. Выбираем «free download». Обращаем внимание на требования к указанию авторства.

-8

7. Скачиваем остальные нужные иконки, делаем красиво:

Пример оформления слайда с иконками
Пример оформления слайда с иконками

8. Пробуем другой вариант с тем же набором. Выбираем в фильтре стиль lineal. Все иконки становятся черными, и мы будем их перекрашивать в нужный нам цвет.

-10

9. Кликаем на нужную иконку и жмем кнопку редактирования. Выбираем нужный цвет, вручную или введя код цвета.

Начинаем редактировать черно-белую иконку
Начинаем редактировать черно-белую иконку
Определяемся с цветом
Определяемся с цветом

10. Нажимаем «Загрузить». Нам будет предложено выбрать формат файла и размер иконки, после чего произойдет скачивание.

11. После этого повторяем операции со всеми нужными иконками, и опять делаем красиво:

Тот же слайд в другом оформлении
Тот же слайд в другом оформлении

Небольшое дополнение

Набор иконок выглядит очень привлекательно, иконки в нем оформлены в едином стиле и подобраны по тематике. Но я чаще ищу отдельные иконки. Если у вас в презентации несколько десятков разных иконок, то практически невозможно найти набор, в котором есть все необходимые вам изображения. А искать несколько похожих наборов, чтобы собрать нужную вам коллекцию – дело очень утомительное.

Еще одно дополнение: вы можете сохранять понравившиеся вам или часто используемые иконки в персональные коллекции прямо на сайте:

Можно создать свою коллекцию и не искать каждый раз заново
Можно создать свою коллекцию и не искать каждый раз заново

Оказалось ли это руководство полезным? Тогда плюсуйте и делитесь в комментариях, где вы добываете крутые иконки и как используете их в дизайне.