От простой стрелки до мексиканского сомбреро
При подготовке презентации не обойтись без иконок. Небольшие и понятные изображения помогают в навигации, позволяют упорядочить и структурировать информацию. А если у них общий стиль, слайды выглядят стильно и аккуратно. В статье дадим несколько советов, как подобрать иконки для презентации и поделимся источниками пиктограмм для ваших рабочих и учебных проектов.
| Минималистичные — подходят для разных тем и навигации по слайдам | Tilda icons |
| Яркие и необычные — помогают выстроить визуальный стиль презентации | Icons8 |
| Уникальные — решают проблему шаблонности | Нейросети |
Правила этого раздела относятся скорее к обычной деловой презентации. Если вы работаете с креативным проектом, их можно нарушать — как раз это зацепит внимание и создаст подходящий эффект во время выступления.
Основной принцип при выборе иконок — они должны облегчать восприятие слайда, а не усложнять его. Например, для списка подойдет копия одной и той же пиктограммы, а для таймлайна — стрелки. Важно не переборщить с количеством иконок — достаточно 4-5 на слайд.
Чтобы изображения смотрелись красиво, стоит выбрать один стиль на всю презентацию. Например, минималистичный контурный рисунок, картинки с яркой заливкой в одной цветовой палитре. Иконки не будут сливаться с текстом, если грамотно расположить их в границах блока — выровнять между собой и относительно высоты строки или середины абзаца.
Если есть выбор, стоит выбирать иконки в векторных форматах, которые можно отредактировать. Оптимальный вариант — SVG. Такой файл легко перекрасить в PowerPoint или Figma, изменить толщину линий или размер без потери в качестве.
Иконки в формате PNG можно перекрасить в Photoshop или аналогичных графических редакторах. Но качество при этом может ухудшиться. Иногда можно встретить пиктограммы в формате PSD, где каждый элемент представлен на отдельном слое файла. Такие иконки откроются только в Photoshop, но их удастся редактировать более гибко.
В нашу подборку вошли коллекции, которые можно скачать бесплатно. При их использовании действует общее правило — согласно лицензии, в презентации нужно указать имя автора и кликабельную ссылку на сайт.
Сайт: https://tilda.cc/ru/free-icons/
Tilda Publishing — популярный конструктор сайтов. Разработчики расширяют его функционал, а также создают обучающий контент, ведут вебинары. В базе материалов для дизайнеров есть 700+ иконок, которые можно использовать как на лендинге, так и в презентации.
Стиль. Минималистичные контурные иконки с прозрачным фоном.
Для чего подходит. Универсальные иконки можно встроить в презентацию на тему бизнеса, образования, спорта и ЗОЖ, фотографии. Некоторые из представленных наборов хорошо подойдут для докладов на конференции или в вуз.
Как загрузить. Нажать кнопку «Скачать сет», чтобы получить архив с SVG-файлами.
Сайт: https://thenounproject.com/icons/
Сервис, на котором дизайнеры из 150 стран мира публикуют фотографии и иконки. Noun Project собирает символы для межкультурной коммуникации с 2010 года — среди всех вариантов картинок точно есть подходящая для презентации.
Стиль. Минималистичные контурные иконки. В отдельных коллекциях множество деталей на каждом изображении, есть заливка.
Для чего подходит. На ресурсе сотни необычных и универсальных иконок на тему космоса, природы, науки, творчества. Изображения с людьми, лампочками, графиками подойдут для любого выступления. Упростить слайды помогут наборы:
Как загрузить. Выбрать коллекцию по теме и нажать «Attribution required». Можно скачать иконку как файл SVG или PNG.
Сайт: https://www.streamlinehq.com
Сервис создает энциклопедию иконок в разных стилях с 2012 года, которая пополняется на сайте и в плагине для Figma. Дизайнеры уделяют особое внимание формам и сглаживанию линий, а также продумывают дальнейшее использование картинок в коммерческих проектах.
Стиль. Однотонные и цветные иконки с контуром и без. На один объект дизайнеры предлагают сразу несколько вариантов. Например, карандаш может быть острым или сглаженным, только с контуром или с заливкой и прорисованным в деталях.
Для чего подходит. Небольшие и лаконичные иконки можно использовать для схем и навигации внутри слайдов — добавить прямоугольники, галочки, стрелки, закладки. Для презентаций подойдут универсальные наборы по стилям:
Как загрузить. Выбрать иконку по ссылке и нажать Download в правой части экрана. Бесплатно доступен только PNG. При активации подписки можно работать с файлами SVG, JSX.
Сайт: https://icofont.com
Разработчики IcoFont создали конструктор сайтов и планировщик для обучающих проектов. На их ресурсе с 2015 года собралась коллекция из 2400 универсальных иконок.
Стиль. Иконки с заливкой одним или двумя цветами. Минималистичные, плоские варианты с упрощенной формой и деталями.
Для чего подходит. Простые, но стильные иконки помогут сохранить общий визуал презентации на каждом слайде. Их можно использовать для навигации или расставить акценты в схеме, на графике.
Как загрузить. Выбрать иконку на сайте и нажать на значок скачивания. Все изображения доступны в редактируемом формате — SVG.
Сайт: https://fonts.google.com/icons
Google предлагает свой набор материалов, которые используются в проектах экосистемы. На сайте есть шрифты, иконки и инструкции по типографике.
Стиль. Контурные иконки с ровными, острыми линиями.
Для чего подходит. Универсальные иконки будут сразу считываться в схемах и диаграммах. С их помощью можно упорядочить содержание слайда, направлять внимание зрителя.
Как загрузить. Выбрать размер, стиль и цвет иконки в панели слева. После чего нажать на изображение и кнопку с указанием формата — SVG или PNG.
Сайт: https://icons8.ru/icons
Команда Icons8 рисует иконки, проводит фотосессии и создает элементы графического дизайна — 3D-модели, сгенерированные нейросетью лица. На сайте и в плагине для Figma уже 1,3 миллиона значков.
Стиль. 45+ вариантов дизайна иконок. Например, есть контур с градиентной заливкой, цветные и объемные изображения, пиксельные элементы. А также стиль эмодзи и стикеров из мессенджеров и даже анимированные варианты.
Для чего подходит. На ресурсе много универсальных вариантов иконок в спокойных цветах и без мелких деталей. Например, упростить понимание слайда помогут такие стили:
Небанальные варианты можно использовать, чтобы лучше передать задумку презентации или показать непривычные ассоциации. Например, скачать иконку пухлой балерины, сомбреро, свинки-копилки.
Как загрузить. Найти иконку на сайте и нажать «Скачать». Можно выбрать формат PNG и SVG — в зависимости от лицензии изображения.
Сайт: https://www.flaticon.com/icons
Сервис от популярного стока Freepik. Здесь собрано более 17 миллионов иконок и стикеров от разных дизайнеров.
Стиль. Объемные и плоские иконки с заливкой и градиентом, тенью. Есть даже набор изображений животных под стиль оригами. Варианты дизайна указаны по ссылке.
Для чего подходит. В рабочей презентации или отчете будут хорошо смотреться иконки из таких наборов:
Яркие и стильные иконки подойдут для креативных и тематических докладов. Например, на тему Нового Года, Хеллоуина, кулинарии, строительства.
Как загрузить. Нажать на иконку и выбрать зеленую кнопку. Бесплатно можно скачать только PNG — иконка будет как обычная картинка, которую нельзя отредактировать и изменить. После подписки можно скачивать и редактировать файлы SVG и EPS.
Сайт: https://sergeychikin.ru/365/
Сергей Чикин — дизайнер в Бюро Горбунова, преподаватель обучающего курса «Пиктограммы и системы знаков». На своем ресурсе он опубликовал 2000+ универсальных и понятных иконок для разных сфер.
Стиль. Графичные иконки с острыми линиями. Отдельные значки с градиентной заливкой. Есть реалистичные и гипертрофированные объекты — здания, животные, техника, жесты.
Для чего подходит. Необычные иконки помогут расставить акценты — их можно использовать для разделов презентации, визуала главной мысли или цитаты. Также на их основе можно выстроить слайды в креативном или учебном докладе.
Как загрузить. Нажать на иконку и скачать файл в формате SVG.
Если среди миллионов пиктограмм подходящей иконки нет или ее просто сложно найти, можно использовать несколько лайфхаков.
Сгенерировать иконку. Создать нужный значок в нейросети, которая специализируется на такой задаче. Подойдет промпт:
| vector beautiful application icon for a [topic], design simple line art, colorful | векторная красивая иконка приложения для [вашей темы], дизайн простой, красочный |
Можно попробовать сервисы Freepik или Recraft. В них пользователю нужно указать промпт и выбрать готовый стиль — контур, заливку, с обводкой или тенью.
Сервис Freepik заточен именно на иконки, с ним будет просто обращаться, даже если вы далеки от дизайна. Но скачать в формате SVG для дальнейшего редактирования и масштабирования без платной подписки не выйдет. Recraft создан для более широкого спектра задач: идеальная иконка может получиться не с первого раза, зато файл можно бесплатно скачать в векторе. Если хотите поработать с этим сервисом, читатйе наш гид по Recraft: все разложили по полочкам.
Вставить эмодзи. Можно скопировать эмодзи из мессенджера и просто добавить как текст на слайд. Стоит учитывать, что у таких картинок свой стиль — это объемные изображения с тенью и светом, прорисовкой деталей.
Читайте только в Конверте
Unisender — платформа автоматизации маркетинга. Удобные конструкторы, 100+ шаблонов и интеграций, гибкие тарифы. До 1500 писем бесплатно.
Искренние письма о работе и жизни, эксклюзивные кейсы и интервью с экспертами диджитала.
Проверяйте почту — письмо придет в течение 5 минут (обычно мгновенно)
