HTML Diff
0 added 0 removed
Original 2026-01-01
Modified 2026-02-21
1 <p><a>#статьи</a></p>
1 <p><a>#статьи</a></p>
2 <ul><li>29 апр 2022</li>
2 <ul><li>29 апр 2022</li>
3 <li>0</li>
3 <li>0</li>
4 </ul><p>Чем хороша инфографика, какая она бывает и как сделать её самостоятельно.</p>
4 </ul><p>Чем хороша инфографика, какая она бывает и как сделать её самостоятельно.</p>
5 <p>Иллюстрация: Оля Ежак для Skillbox Media</p>
5 <p>Иллюстрация: Оля Ежак для Skillbox Media</p>
6 <p>Пишу научпоп, люблю делать сложное понятным. Рисую фантастику. Увлекаюсь спелеологией. Люблю StarCraft, шахматы, "Монополию".</p>
6 <p>Пишу научпоп, люблю делать сложное понятным. Рисую фантастику. Увлекаюсь спелеологией. Люблю StarCraft, шахматы, "Монополию".</p>
7 <p>Инфографика - это графический способ подачи информации. Если ещё проще - это<strong>информация в виде картинок.</strong>В инфографику могут входить и другие элементы (текст, стрелки, диаграммы, блоки и схемы), однако ключевую роль играют именно изображения.</p>
7 <p>Инфографика - это графический способ подачи информации. Если ещё проще - это<strong>информация в виде картинок.</strong>В инфографику могут входить и другие элементы (текст, стрелки, диаграммы, блоки и схемы), однако ключевую роль играют именно изображения.</p>
8 <p>Созданием инфографики обычно занимаются графические дизайнеры, иногда - иллюстраторы.</p>
8 <p>Созданием инфографики обычно занимаются графические дизайнеры, иногда - иллюстраторы.</p>
9 <p>Инфографика в целом и каждая её часть -<strong>самостоятельное средство передачи информации</strong>. Этим она отличается от, например, иллюстрации, которая хотя и передаёт информацию, но только дополнительную, и не может существовать без текста (исключение - комиксы или рисованные истории).</p>
9 <p>Инфографика в целом и каждая её часть -<strong>самостоятельное средство передачи информации</strong>. Этим она отличается от, например, иллюстрации, которая хотя и передаёт информацию, но только дополнительную, и не может существовать без текста (исключение - комиксы или рисованные истории).</p>
10 <p>Инфографика предназначена для быстрой, наглядной и яркой подачи материала.</p>
10 <p>Инфографика предназначена для быстрой, наглядной и яркой подачи материала.</p>
11 <p>Если данные всегда можно подать текстом, таблицами и цифрами, то зачем инфографика? У неё много преимуществ.</p>
11 <p>Если данные всегда можно подать текстом, таблицами и цифрами, то зачем инфографика? У неё много преимуществ.</p>
12 <p><strong>Во-первых,</strong>инфографика позволяет показать большой объём информации - не надо будет долго читать текст.</p>
12 <p><strong>Во-первых,</strong>инфографика позволяет показать большой объём информации - не надо будет долго читать текст.</p>
13 <p><strong>Во-вторых,</strong>хорошая инфографика делает информацию гораздо нагляднее.</p>
13 <p><strong>Во-вторых,</strong>хорошая инфографика делает информацию гораздо нагляднее.</p>
14 <p><strong>В-третьих,</strong>интересная картинка помогает привлечь внимание аудитории, поэтому этот формат используют в публичных выступлениях, любят в медиа и используют в современных учебниках.</p>
14 <p><strong>В-третьих,</strong>интересная картинка помогает привлечь внимание аудитории, поэтому этот формат используют в публичных выступлениях, любят в медиа и используют в современных учебниках.</p>
15 <p>Инфографика применяется практически везде. Например, в СМИ её впервые начали использовать для подачи статистических данных.</p>
15 <p>Инфографика применяется практически везде. Например, в СМИ её впервые начали использовать для подачи статистических данных.</p>
16 <p>Вот некоторые сферы применения:</p>
16 <p>Вот некоторые сферы применения:</p>
17 <ul><li>С помощью инфографики можно ознакомить с <strong>информацией</strong>клиентов или сотрудников.</li>
17 <ul><li>С помощью инфографики можно ознакомить с <strong>информацией</strong>клиентов или сотрудников.</li>
18 <li>Показать важные<strong>новости.</strong></li>
18 <li>Показать важные<strong>новости.</strong></li>
19 <li>Прорекламировать свою<strong>продукцию/услуги.</strong></li>
19 <li>Прорекламировать свою<strong>продукцию/услуги.</strong></li>
20 <li>Сделать удобную<strong>техническую инструкцию</strong>, которая будет понятна всем, на каком бы языке люди ни говорили.</li>
20 <li>Сделать удобную<strong>техническую инструкцию</strong>, которая будет понятна всем, на каком бы языке люди ни говорили.</li>
21 <li>Создать хорошо запоминающуюся и лёгкую для восприятия<strong>инструкцию по технике безопасности.</strong></li>
21 <li>Создать хорошо запоминающуюся и лёгкую для восприятия<strong>инструкцию по технике безопасности.</strong></li>
22 <li>Наглядно показать этапы приготовления в <strong>кулинарном рецепте.</strong></li>
22 <li>Наглядно показать этапы приготовления в <strong>кулинарном рецепте.</strong></li>
23 <li>Оформить<strong>статистические данные</strong>,<strong>годовой отчёт</strong>,<strong>результаты исследования.</strong></li>
23 <li>Оформить<strong>статистические данные</strong>,<strong>годовой отчёт</strong>,<strong>результаты исследования.</strong></li>
24 <li>Инфографику широко используют<strong>развлекательные и научно-популярные сайты</strong> - чаще всего для того, чтобы объяснить устройство или механизм какого-то явления. Для той же цели она применяется в <strong>учебных материалах.</strong></li>
24 <li>Инфографику широко используют<strong>развлекательные и научно-популярные сайты</strong> - чаще всего для того, чтобы объяснить устройство или механизм какого-то явления. Для той же цели она применяется в <strong>учебных материалах.</strong></li>
25 <li><strong>Дорожные знаки</strong> - тоже своего рода инфографика.</li>
25 <li><strong>Дорожные знаки</strong> - тоже своего рода инфографика.</li>
26 </ul><p><strong>Существуют пять основных типов:</strong></p>
26 </ul><p><strong>Существуют пять основных типов:</strong></p>
27 <ul><li><strong>Аналитическая, или цифровая инфографика.</strong>С её помощью представляют статистические данные, в ней много цифр, диаграмм, графиков.</li>
27 <ul><li><strong>Аналитическая, или цифровая инфографика.</strong>С её помощью представляют статистические данные, в ней много цифр, диаграмм, графиков.</li>
28 </ul><em>Инфографика:<a>Агентство городских новостей "Москва"</a></em><ul><li><strong>Новостная инфографика.</strong>Наглядно рассказывает про свежие события, отражает хронологию и важные этапы происходящего вокруг.</li>
28 </ul><em>Инфографика:<a>Агентство городских новостей "Москва"</a></em><ul><li><strong>Новостная инфографика.</strong>Наглядно рассказывает про свежие события, отражает хронологию и важные этапы происходящего вокруг.</li>
29 </ul><em>Инфографика: "<a>Коммерсант</a>"</em><ul><li><strong>Конструкционная инфографика.</strong>Демонстрирует устройство объекта или механизм явления, иногда - хронологию и причины исторического события.</li>
29 </ul><em>Инфографика: "<a>Коммерсант</a>"</em><ul><li><strong>Конструкционная инфографика.</strong>Демонстрирует устройство объекта или механизм явления, иногда - хронологию и причины исторического события.</li>
30 </ul><em>Инфографика: Anna Nmezi / Alena M / Infografika agency / Behance</em><em>Инфографика: Anna Nmezi / Alena M / Infografika agency / Behance</em><ul><li><strong>Рекламная инфографика.</strong>Создаётся компаниями для продвижения своего продукта. Как правило, это яркая картинка с описанием достоинств товара и выгод от покупки. Может привлечь клиентов, если сделана хорошо - то есть сочетает грамотный маркетинг и удачный дизайн.</li>
30 </ul><em>Инфографика: Anna Nmezi / Alena M / Infografika agency / Behance</em><em>Инфографика: Anna Nmezi / Alena M / Infografika agency / Behance</em><ul><li><strong>Рекламная инфографика.</strong>Создаётся компаниями для продвижения своего продукта. Как правило, это яркая картинка с описанием достоинств товара и выгод от покупки. Может привлечь клиентов, если сделана хорошо - то есть сочетает грамотный маркетинг и удачный дизайн.</li>
31 </ul><em>Инфографика:<a>АО "Жировой комбинат"</a></em><ul><li><strong>Сравнительная инфографика.</strong>Позволяет сравнить характеристики различных объектов.</li>
31 </ul><em>Инфографика:<a>АО "Жировой комбинат"</a></em><ul><li><strong>Сравнительная инфографика.</strong>Позволяет сравнить характеристики различных объектов.</li>
32 </ul><em>Инфографика: "<a>Коммерсант</a>"</em><p><strong>Первый минус инфографики</strong><strong>-</strong>это не очень дёшево. Написать текст или список обычно гораздо легче, дешевле и быстрее, чем подобрать подходящие изображения и грамотно их комбинировать. Кроме того, чтобы создать хорошую инфографику, нужны творческие способности, развитое дизайнерское мышление.</p>
32 </ul><em>Инфографика: "<a>Коммерсант</a>"</em><p><strong>Первый минус инфографики</strong><strong>-</strong>это не очень дёшево. Написать текст или список обычно гораздо легче, дешевле и быстрее, чем подобрать подходящие изображения и грамотно их комбинировать. Кроме того, чтобы создать хорошую инфографику, нужны творческие способности, развитое дизайнерское мышление.</p>
33 <p><strong>Второй минус</strong>в том, что иногда такая красочная форма подачи материала заставляет людей воспринимать эту информацию как не очень серьёзную. Решить эту проблему можно: заострите внимание аудитории на важности того, о чём вы рассказываете.</p>
33 <p><strong>Второй минус</strong>в том, что иногда такая красочная форма подачи материала заставляет людей воспринимать эту информацию как не очень серьёзную. Решить эту проблему можно: заострите внимание аудитории на важности того, о чём вы рассказываете.</p>
34 <p><strong>Третий минус</strong>в том, что инфографика - это практически всегда<em>некоторая схематичность, обобщение и упрощение действительности</em>.</p>
34 <p><strong>Третий минус</strong>в том, что инфографика - это практически всегда<em>некоторая схематичность, обобщение и упрощение действительности</em>.</p>
35 <p><strong>Четвёртый минус</strong>в большей степени зависит от исполнителей, чем связан с самим способом подачи информации. Дело в том, что если хорошая инфографика помогает усвоению информации, то плохо сделанная, наоборот, мешает её воспринимать, а в худшем случае даже даёт неверное объяснение.</p>
35 <p><strong>Четвёртый минус</strong>в большей степени зависит от исполнителей, чем связан с самим способом подачи информации. Дело в том, что если хорошая инфографика помогает усвоению информации, то плохо сделанная, наоборот, мешает её воспринимать, а в худшем случае даже даёт неверное объяснение.</p>
36 <p>Сделать инфографику несложно.<strong>Гораздо сложнее сделать хорошую инфографику.</strong></p>
36 <p>Сделать инфографику несложно.<strong>Гораздо сложнее сделать хорошую инфографику.</strong></p>
37 <p>Вот несколько советов:</p>
37 <p>Вот несколько советов:</p>
38 <ul><li><strong>Не перегружайте инфографику текстом.</strong>Помните, что основную информацию несёт изображение.<strong>Лайфхак:</strong>чтобы проверить, выполняет ли инфографика свою роль, можно убрать из неё весь текст. Даже без текста должно быть примерно понятно, о чём речь. Не давайте много текста сплошной "простынёй" - это сильно затрудняет восприятие материала.</li>
38 <ul><li><strong>Не перегружайте инфографику текстом.</strong>Помните, что основную информацию несёт изображение.<strong>Лайфхак:</strong>чтобы проверить, выполняет ли инфографика свою роль, можно убрать из неё весь текст. Даже без текста должно быть примерно понятно, о чём речь. Не давайте много текста сплошной "простынёй" - это сильно затрудняет восприятие материала.</li>
39 </ul>На этой инфографике изображение не несёт смысловой нагрузки. С тем же успехом можно было сделать простой список<em>Инфографика: "<a>Банк развития Казахстана"</a></em><ul><li>При этом<strong>не стесняйтесь добавлять фразы</strong>, чтобы объяснить детали.</li>
39 </ul>На этой инфографике изображение не несёт смысловой нагрузки. С тем же успехом можно было сделать простой список<em>Инфографика: "<a>Банк развития Казахстана"</a></em><ul><li>При этом<strong>не стесняйтесь добавлять фразы</strong>, чтобы объяснить детали.</li>
40 <li><strong>Уберите элементы, не несущие смысловой нагрузки</strong>, - они затрудняют восприятие. Инфографика сильна именно<strong>концентрированностью</strong>подаваемой информации. Каждая линия, стрелка или значок должны нести смысл.</li>
40 <li><strong>Уберите элементы, не несущие смысловой нагрузки</strong>, - они затрудняют восприятие. Инфографика сильна именно<strong>концентрированностью</strong>подаваемой информации. Каждая линия, стрелка или значок должны нести смысл.</li>
41 </ul>Из-за большого количества элементов, не несущих смысловой нагрузки, эту инфографику сложно воспринимать<em>Инфографика:<a>Tinder Foundation</a></em><ul><li><strong>Не перегружайте.</strong>Важно, чтобы человек легко воспринимал приведённую информацию и не запутался в чрезмерном количестве блоков, картинок и стрелочек.</li>
41 </ul>Из-за большого количества элементов, не несущих смысловой нагрузки, эту инфографику сложно воспринимать<em>Инфографика:<a>Tinder Foundation</a></em><ul><li><strong>Не перегружайте.</strong>Важно, чтобы человек легко воспринимал приведённую информацию и не запутался в чрезмерном количестве блоков, картинок и стрелочек.</li>
42 </ul><ul><li><strong>Выстраивайте чёткую и логичную структуру</strong>там, где это возможно. Наиболее важные компоненты или крупные группы поместите по центру.</li>
42 </ul><ul><li><strong>Выстраивайте чёткую и логичную структуру</strong>там, где это возможно. Наиболее важные компоненты или крупные группы поместите по центру.</li>
43 <li><strong>Используйте яркие, выделяющиеся цвета.</strong>Следите, чтобы текст не терялся на фоне картинок. Если вы делаете корпоративный проект - используйте цвета компании.</li>
43 <li><strong>Используйте яркие, выделяющиеся цвета.</strong>Следите, чтобы текст не терялся на фоне картинок. Если вы делаете корпоративный проект - используйте цвета компании.</li>
44 </ul>В этом примере текст явно теряется на общем фоне. Вероятно, стоит сделать его темнее<em>Инфографика:<a>BrainInfo</a>/ Диана Хисматуллина / Оля Стожарова</em><ul><li><strong>Используйте общедоступную символику и картинки.</strong>Они должны быть интуитивно понятны вашей аудитории, вызывать у неё стойкие ассоциации. Например, красный цвет у большинства ассоциируется с запретом, воспринимается как призыв к осторожности или знак опасности. В инфографике с помощью этого цвета можно показать, что чего-то недостаточно (значение ниже нормы).</li>
44 </ul>В этом примере текст явно теряется на общем фоне. Вероятно, стоит сделать его темнее<em>Инфографика:<a>BrainInfo</a>/ Диана Хисматуллина / Оля Стожарова</em><ul><li><strong>Используйте общедоступную символику и картинки.</strong>Они должны быть интуитивно понятны вашей аудитории, вызывать у неё стойкие ассоциации. Например, красный цвет у большинства ассоциируется с запретом, воспринимается как призыв к осторожности или знак опасности. В инфографике с помощью этого цвета можно показать, что чего-то недостаточно (значение ниже нормы).</li>
45 <li><strong>Оформляйте</strong>все элементы инфографики<strong>в одном стиле.</strong></li>
45 <li><strong>Оформляйте</strong>все элементы инфографики<strong>в одном стиле.</strong></li>
46 </ul><p>Есть много онлайн-сервисов, которые упрощают создание инфографики. Вот некоторые из них:</p>
46 </ul><p>Есть много онлайн-сервисов, которые упрощают создание инфографики. Вот некоторые из них:</p>
47 <p><strong>1. Сanva</strong></p>
47 <p><strong>1. Сanva</strong></p>
48 <p>Популярный<a>бесплатный сервис</a>, в котором есть большая библиотека шаблонов и изображений. Помимо инфографики, можно создавать, например, презентации, резюме, плакаты. Немаловажный плюс - русскоязычный интерфейс.</p>
48 <p>Популярный<a>бесплатный сервис</a>, в котором есть большая библиотека шаблонов и изображений. Помимо инфографики, можно создавать, например, презентации, резюме, плакаты. Немаловажный плюс - русскоязычный интерфейс.</p>
49 <p><strong>2. Easel.ly</strong></p>
49 <p><strong>2. Easel.ly</strong></p>
50 <p>С помощью этого<a>сервиса</a>можно быстро собрать инфографику. Есть огромная библиотека бесплатных шаблонов, изображений, значков и шрифтов. Несмотря на отсутствие русского языка, интерфейс интуитивно понятен и вряд ли вызовет затруднения даже при минимальном знании английского.</p>
50 <p>С помощью этого<a>сервиса</a>можно быстро собрать инфографику. Есть огромная библиотека бесплатных шаблонов, изображений, значков и шрифтов. Несмотря на отсутствие русского языка, интерфейс интуитивно понятен и вряд ли вызовет затруднения даже при минимальном знании английского.</p>
51 <p><strong>3. Piktochart</strong></p>
51 <p><strong>3. Piktochart</strong></p>
52 <p>Этот<a>онлайн-сервис</a>подходит для создания аналитической инфографики. Можно загружать данные в виде Excel-файла. Базовые функции бесплатны, дополнительные возможности - при оформлении платной подписки. Русского языка нет.</p>
52 <p>Этот<a>онлайн-сервис</a>подходит для создания аналитической инфографики. Можно загружать данные в виде Excel-файла. Базовые функции бесплатны, дополнительные возможности - при оформлении платной подписки. Русского языка нет.</p>
53 <p><strong>4. Venngage</strong></p>
53 <p><strong>4. Venngage</strong></p>
54 <p>Удобный<a>сервис</a>, благодаря которому можно создать инфографику в три простых шага. Предусмотрено много шаблонов, их можно настраивать, менять цветовую гамму. Сервис бесплатный, есть русский язык.</p>
54 <p>Удобный<a>сервис</a>, благодаря которому можно создать инфографику в три простых шага. Предусмотрено много шаблонов, их можно настраивать, менять цветовую гамму. Сервис бесплатный, есть русский язык.</p>
55 <p><strong>5. Creately</strong></p>
55 <p><strong>5. Creately</strong></p>
56 <p><a>Подходит для создания</a>диаграмм и различных схем, в том числе очень сложных. Даёт широкий простор для творчества: можно менять простые шаблонные фигуры под нужды проекта. Базовая версия бесплатна, русского языка нет, но интерфейс несложен.</p>
56 <p><a>Подходит для создания</a>диаграмм и различных схем, в том числе очень сложных. Даёт широкий простор для творчества: можно менять простые шаблонные фигуры под нужды проекта. Базовая версия бесплатна, русского языка нет, но интерфейс несложен.</p>
57 <p>Если же вы хотите научиться создавать инфографику, не пользуясь чужими шаблонами, и всерьёз интересуетесь дизайном - вам будет интересно на нашем курсе "<a>Графический дизайнер с нуля до PRO</a>". За восемь месяцев вы не только освоите эту профессию, но и создадите портфолио, которое поможет вам найти первых клиентов или устроиться на работу.</p>
57 <p>Если же вы хотите научиться создавать инфографику, не пользуясь чужими шаблонами, и всерьёз интересуетесь дизайном - вам будет интересно на нашем курсе "<a>Графический дизайнер с нуля до PRO</a>". За восемь месяцев вы не только освоите эту профессию, но и создадите портфолио, которое поможет вам найти первых клиентов или устроиться на работу.</p>
58 <a>Курс с трудоустройством: "Профессия Графический дизайнер PRO" Узнать больше</a>
58 <a>Курс с трудоустройством: "Профессия Графический дизайнер PRO" Узнать больше</a>