Иконки в презентациях: как использовать их эффективно
Значение иконок в презентациях
1. Привлечение и удержание внимания
Все мы визуалы, поэтому помимо текста и фотографий в презентации можно использовать еще один доступный нам инструмент – иконки.
Иконки – это графические элементы, которые делают презентацию более привлекательной и являются частью единого стиля.
На примере ниже я использовала линейные иконки (нестареющая классика). Главное их преимущество – универсальность, так как они идеально вписываются практически в любой проект.
Иконки «цепляют» взгляд аудитории и повышают вероятность прочтения текста рядом. Я бы назвала их маленькими визуальными «крючками».
2. Упрощение и ускорение восприятия информации
Смысл текста с иконкой легче и быстрее воспринимается аудиторией, чем одиночный текст.
Иконку можно подбирать конкретно под текст для передачи информации (информационная иконка) или с помощью метафор и ассоциаций (метафорическая иконка) для передачи смысла или эмоций.
Так же с помощью иконок мы структурируем текст, разделяя его на блоки. А чем структурированнее контент на слайде, тем легче его понять.
3. Управление вниманием
Иконками можно выделить ключевые моменты или задать порядок чтения слайда с помощью размера или цвета иконки (чем крупнее или ярче объект, тем больше он привлекает внимание).
Подведем итог: Зачем нужны иконки в презентациях?
- Поддерживают общий стиль презентации (как элементы дизайн-концепции)
- Привлекают внимание к ключевой информации
- Быстрее доносят смысл текста до аудитории
- Управляют порядком считывания информации на слайде
Как выбрать подходящие иконки для вашей презентации
1. Единый стиль
Определитесь со стилем иконок. Они должны быть частью дизайн-концепции вашей презентации.
- Линейные
- Рисованные от руки
- Плоские
- 3D-иконки
- Эмодзи
- Иллюстрации
Я рекомендую скачивать линейные, плоские и рукописные иконки на сайте flaticon.com, потому что там есть возможность найти иконки из одного набора в едином стиле (одинаковая толщина контура, скругленные или острые формы и т.д.).
Линейные иконки я всегда скачиваю на сайте streamlinehq.com. Они удобно разбиты по темам, плюс мне нравится их минималистичный стиль (иконки не детализированные, но понятные).
Мне кажется, самая большая база иллюстраций на любую тему находится на icons8.com. На сайте всё супер структурировано по стилям и наборам. Рекомендую. Но «залипнуть» можно надолго)
3D-иконки можно поискать на сайте free3dicon.com.
Года два назад я любила 3D-иконки с сайта iconfinder.com, они там представлены в трех цветах. Но потом стала замечать, что их любят слишком много дизайнеров) Поэтому, смотрите сами.
И когда готовила эту статью наткнулась на 3D-иконки на сайте storytale.io. Их прям очень много, думаю, инструмент рабочий. Попробую внедрить в какой-нибудь из своих проектов.
2. Понятность
Иконки созданы для поддержания визуального диалога с аудиторией и должны ясно передавать свою суть. Обязательно проверяйте, однозначно ли они интерпретируются вашей целевой аудиторией.
3. Соответствие теме
Например, для темы ниже (про рынок криптовалют) не подойдут милые эмодзи, а вот линейные белые иконки на темном фоне для бизнес-сферы – отлично.
Хорошо продуманный и реализованный дизайн помогает убедительно и интересно донести свои идеи целевой аудитории.
Как не стоит использовать иконки в презентациях
Несмотря на все перечисленные выше плюсы от внедрения иконок в презентацию, нужно понимать, что иконка не может раскрыть важные преимущества компании.
Для ключевых сообщений необходимо использовать реальные фотографии, которые вызывают больше доверия у аудитории, чем маленькая графическая картинка.
На этом примере: компания учит делать татуировки. Но что мы видим?
- Иконка человечка к тексту "Точно научим через индивидуальное обучение..."
- Насколько бы лучше здесь смотрелась фотография реальных учеников с наставником. У аудитории бы сразу появились ответы на вопросы: "в каком помещении я буду учиться, как проходит практика, как выглядит наставник" и т.д. В голове складывается картинка и человек быстрее принимает решение подходит ли ему это или нет. - Иконка карандаша к тексту "Уметь рисовать – необязательно. Сами всему научим..."
- Ну как тут можно не показать фотографию классной татухи?) Чтобы человек сказал: "Вау! Хочу так же". Карандаш уж точно не вызывает таких эмоций. - Иконка машинки к тексту "Подарим тату-машинку. Ничего покупать не надо..."
- Здесь просто необходимо фото инструмента, а лучше фото инструмента в использовании, чтобы человек уже представил эту машинку в своих в руках.
Еще один неудачный пример использования иконок ниже.
Иконки продублированы. Зачем?) Любой хороший дизайнер должен задавать себе этот вопрос в работе. Каждый элемент в дизайне выполняет свою функцию.
Огромные иконки на заднем фоне только отвлекают от контента.
И последний пример – не выдержан общий стиль графических элементов. Линейные иконки и рисованные от руки иллюстрации. Нет, нет и еще раз нет :)
Если даже заменить иллюстрации на иконки в том же стиле – не пойдет, так как всего должно быть в меру. Два блока на сайте / два слайда в презентации с иконками подряд – перебор. Я бы вместо иллюстраций визуализировала информацию фотографиями (ну или большими цифрами 01, 02, 03).
Как говорил мой наставник: "Разработка дизайн-концепции – это выстраивание ограничений. Чем больше ограничений, тем более крутым получается дизайн". Когда в дизайне появляются элементы других цветов, форм, размеров, стилей, которых нет в дизайн-концепции – размывается общая стилистика.
Альтернатива классическим иконкам
Сейчас набирают популярность абстрактные иконки в виде любых фигур. Они не передают смысл текста, а используются только в качестве декоративного элемента (для акцента на ключевой информации).
На сайте freepik.com по запросу "abstract icons" вы найдете много классных наборов с абстрактными иконками.
Можно еще поискать такие иконки на сайте storytale.io. В разделе 3D попадались интересные варианты.
Иконки могут стать "изюминкой" презентации, но только тогда, когда они действительно уместны и нужны.
Если вы сомневаетесь в каком-то дизайн-решении, просто задайте вопрос себе или дизайнеру "Зачем?" .
Ставьте ♥, если было полезно :)
В следующей статье хочу показать еще несколько способов структурирования информации в презентациях с помощью:
- цифр
- буллитов
- линий