Хотела бы рассказать о трендах, которые будут задавать тон в визуализации в 2021 году. Как это ни странно, но в бесконечном мире интернета я не нашла ни одной статьи, где были бы собраны все тренды визуализации. Поэтому решила сделать это самостоятельно и поделиться с вами.
Итак, 10 основных трендов визуализации с примерами.
Тренд 1. Минимализм
При разработке графических данных, диаграмм и таблиц важно не перегружать пользователя ненужной информацией. В мире визуализации есть понятие Data-ink ratio (коэффициент полезных чернил). Если вы в своем отчете потратите 75% чернил для украшения и только 25% для отображения полезной информации, то есть большая вероятность, что читатель упустит действительно значимые вещи. Ценность такой визуализации теряется.
Меньше визуального мусора! Убираем все ненужное – сетку, лишние элементы дизайна, оси, если есть подписи данных. На первый план должны выходить данные, а не форма. Все больше диаграмм появляется именно в таком минималистическом стиле. И это прекрасно!
Источник: Росстат
Тренд 2. Простая инфографика для визуализации больших массивов данных
Читатели не будут долго разбираться в графиках, если глядя на них ничего не понятно. Сложная визуализация – это как лонгриды, которые мало, кто читает до конца. Упрощайте анализ информации: разбивайте данные на несколько графиков, подписывайте основные выводы, расставляйте акценты.
Источник: исследования Яндекса
Источник: исследования Яндекса
Источник: Reddit
Тренд 3. Неяркие цвета, приглушенная цветовая палитра
Люди устали не только от лишних элементов на диаграммах, но и от ярких цветов. Слишком много вокруг раздражителей и информации. Используйте приглушенные оттенки, если хотите, чтобы на ваши диаграммы было приятно смотреть.
Любовь к пастельным, мягким и неярким цветам в дизайне появилась еще в прошлом году. И этот тренд не намерен сбавлять обороты.
Приглушенные цвета – это оттенки, разбавленные белым или черным цветом. Наглядно эту мысль демонстрирует вот этот пример:
Источник: Biecom
Если вы сомневаетесь в своем чувстве цвета, используйте сервисы для подбора гармоничных палитр (Color Hunt, COLOURLovers, Adobe Color).
Источник: исследования Яндекса
Паллеты Colorhunt
Тренд 4. Упрощение легенды
Данный тренд относится именно к визуализации. Если можете не использовать легенду как отдельный элемент диаграммы – не используйте. Размещайте подписи в непосредственной близости с рядами данных. При этом цвет шрифта подписей должен соответствовать цвету линий.
Посмотрите, как эффективно работает данное правило на линейных графиках ниже. И никаких лишних элементов!
Источник: Ayecapitalist
Источник: Towardsdatascience
Отличное решение – вынести легенду в заголовок, делая акценты цветом:
Источник: Economist
Источник: Тинькоф-журнал
Тренд 5. Тонкие линии
Простые формы и иллюстрации, нарисованные тонкими линиями как будто от руки – еще один тренд 2021 года. Жирным шрифтам и прописным буквам нет места в трендовых отчетах. Используйте полужирное форматирование, которое выглядит более легким.
Источник: Nytimes
В данном контексте обратите внимание на шрифты light. Они занимают меньше места и не перегружают восприятие текста.
Тренд 6. Монохром и легкие градиенты
Диаграмма будет выглядеть более профессиональной (и, следовательно, более достоверной), когда используется только несколько цветов или градиент – градация одного цвета от темного к светлому. При этом для акцента можно добавить более яркий оттенок комплементарного цвета, т.е. наиболее подходящего по сочетанию.
Все чаще встречается и легкий градиент в более светлый тон основного цвета. Главное – не переусердствовать.
Источник: Habr
Источник: Lukebeacon
Тренд 7. Шрифты с засечками
Шрифты с засечками становятся все популярнее. Их используют такие бренды как New York Times и Tiffany. Текст, набранный шрифтом с засечками, смотрится единым целым и легко читается. Часто такие элегантные шрифты составляют отличную пару сдержанному шрифту без засечек.
В диаграммах и на графиках шрифт с засечками тоже смотрится гармонично. Times New Roman, знакомый нам со школы, навевает легкое чувство ностальгии.
Источник: онлайн-школа визуализации Excellent
Тренд 8. Геометрические фигуры везде
В рекламе, в оформлении обложек и упаковок, в бизнес-презентациях все чаще встречаются геометрические фигуры: круги, квадраты, овалы, треугольники. Четкие фигуры легко нарисовать, смотрятся они современно и, что немаловажно, структурировано. В этом контексте графики и диаграммы – чистая геометрия, и, значит, актуальны.
Источник: Biecom
Даже в шаблоне резюме есть элементы инфографики.
Больше примеров бесплатных шаблонов для Google Docs можно найти здесь
Тренд 9. Плоские иконки и эмодзи
На первый взгляд для бизнеса иконки и эмодзи не очень подходят. Однако, когда надо упростить восприятие информации или добавить эмоций, разделить контент или расставить акценты, без них не обойтись. При использовании иконок важно соблюдать единство типа, цвета и размера.
Источник: Canva
Почему бы не использовать иконки и эмодзи в Excel? На круговой диаграмме они смотрятся очень органично. Да и на гистограмме смайлик не воспринимается как нечто чуждое.
Источник: онлайн-школа визуализации Excellent
Тренд 10. Анимация
Все больше набирает тренд применения анимации. И это понятно, так как живые картинки притягивают и удерживают внимание, они очень показательные и интересно смотрятся. Все это решается несложным программированием. Пока сложно представить, как можно использовать анимацию в Excel в полной мере без специальных навыков программирования. Первое, что приходит на ум – срезы, сводные таблицы, формулы, выпадающие списки, дашборды.
Еще элементы «анимации» в Excel-отчете можно сделать следующим образом:
- Акцентируем внимание на область, на которую надо обратить внимание, «приглушив» остальную область фигурой с заливкой → подписываем вывод по «открытой» части.
- Следующим пунктом показываем тот же график, но оставляем «не приглушенной» другую область, на которую следует обратить внимание → остальные части «приглушаем» областью с заливкой → пишем новый вывод по «открытой» части графика.
Например:
В период 2006 по 2009 год наблюдался стабильный рост выручки в связи с открытием новых магазинов:
В период 2010 по 2013 год резкое падение по всем показателям в связи с ростом курса валюты:
И второй пример по этой же теме: делаем ярким цветом все элементы одной категории, по которой делаем вывод, а остальное – «приглушенным» тоном → следующим пунктом выделяем ярким элементы следующей категории с выводом, остальное – «приглушенным»:
Количество заболеваний в цехе 1 с 2005 года пошло на спад после улучшения производственных условий (установка фильтра и снижение температуры среды):
Количество заболеваний в цехе 2 с 2005 года осталось в той же тенденции. В данном цехе не было произведено улучшение условий труда. Необходимо запланировать работы в следующий кап.ремонт:
Такие приемы очень хорошо использовать в презентациях Power Point. При перелистывании слайдов будет появляться эффект анимации.
Итак, самое время переосмыслить свои отчеты, исходя из представленных трендов. Оставляйте только самое важное, делайте отчеты легкими и воздушными, подбирайте правильные цвета и шрифты, расставляйте акценты, смело добавляйте эмоций.
Ваши красивые и доступные отчеты делают вас трендовым специалистом, а мир – чуточку красивее и лучше.
Читайте также:
Максим, спасибо за отличный комментарий! Это уже я бы сказала общий тренд для всего контента, а не только для визуализации.
Это не тренды уже давно. Очень жаль, что информация из зарубежных статей, которая устарела, появляется у нас и копируется от одного сайта к другому.
Евгений, классный вопрос! Как я написала, обзоров трендов, касательно визуализации данных я нигде не нашла. В итоге я изучила статьи про тренды 2021 графического дизайна, веб-дизайна, UX/UI дизайна, дизайна презентаций и приложила их к визуализации данных, перевела на язык диаграмм, как эти тренды можно использовать в подготовке наглядных отчетов для бизнеса. Плюс я каждый день вижу множество диаграмм (подписана на всевозможные каналы в телеграме про визулизацию и инфографику), статей с визализацией в топовых СМИ, отчетов, слежу как меняется предоставление информации в крупных компаниях. Просто я учу визуализации и это моя работа - следить за изменениями. В статье собраны тренды, которые актуальны именно сейчас. Некоторые из них актуальны давно, некоторые появились недавно. Задачи исследовать каждый тренд, как он менялся, не было, это хорошая идея для отдельной большой статьи ) Хотелось поделиться именно тем, что актуально и можно использовать в работе прямо сейчас.
Видео прекрасное! Обожаю Николая Павлова, всегда тоже его советую )
Виктория, не соглашусь с Вами ) Да, какие-то тренды не первый год, например, минимализм и простота, но при этом остаются актуальны и будут актуальны еще долго во всех сферах дизайна. И видя невероятное количество жутких графиков и диаграмм вокруг, лишний раз сказать про это точно не помешает.
А какие тренды видите Вы? Поделитесь. Критиковать легко, а вот предлагать всегда сложнее ;)
все это НУ очень сильно субьективно... но подход понравился - личное мнение позиционируется как тренд, сразу претендуя на иной уровень воприятия... все это напомнило "аргументы" из "территории заговора" канала рен тв, типа - "ученые многих стран давно пришли к выводу, что..... " или "эксперты доказали, что..... " а какие ученые, какие эксперты - это не важно, я сказал горбатый!
Да, поделиться можно. Но называть это трендами неправильно.
Вы можете зайти на сайт VisualMethod - там есть и про актуальные тренды (с нашими примерами реальной работы), и про визуализацию в консалтинговой сфере и много полезного о том, как работать со смыслом. Мы профессионально занимаемся визуализацией, поэтому часть нашей работы - постоянный мониторинг трендов. Моя критика обоснована опытом и знанием темы.
Материал из вашей статьи я встречала на зарубежных сайтах 5 лет назад, а отдельные куски полностью перенесены без изменения. Честнее было бы написать "приемы" или "подходы".
Понял, спасибо.
С точки зрения корректности цитирования: можно ли привести источники, где был бы хоть какой-то анализ трендов - в первом значении этого слова - а не просто мысли авторов статей по поводу того, что они видят каждый день?
Кое-что из упомянутого, начиная с минимализма и применения цветов, мы наблюдаем уже много лет, если не десятилетий. Тренды ли это - или просто сложившийся консенсус по поводу того как лучше оформлять, например, сайты и презентации?
Не могу немедленно согласиться с выводами по поводу шрифтов и других элементов графического дизайна - слишком большая тема. Возможно, есть статьи с разъяснениями и анализом особенностей применения шрифтов для разных видов контента.
Возможно - Вам виднее - имело бы смысл более формально работать с выборками, посмотреть, как менялись подходы к визуализации данных за несколько лет, и сделать выводы о возможных причинах таких изменений.
В числе таких причин могли бы быть новые инструменты визуализации и бизнес-графики, используемое презентационное оборудование, возможности современных экранов, роль и место анимации, звука и видео, новые средства для просмотра и чтения (начиная со смартфонов и планшетов), новости психологии восприятия и пр. .
Удачи!
Виктория, Вы имели в виду сайт https://www.visualmethod.ru/?
Поиск выдает много сайтов с очень похожими названиями.
спасибо, побежали все переделывать ))