Инфографика в ворде как делать
Тиффани Фаррант-Гонзалез и Джарред Ромли из компании JESS3 подробно расскажут вам о 10 основных шагах, необходимых для создания содержательной и привлекательной инфографики.
Хотя термин «инфографика» является сравнительно новым, идея передачи информации в графическом виде существует уже очень давно. Тысячи лет люди пытались объяснить явления окружающего их мира изобразительными средствами. Об этом свидетельствуют пещерные рисунки, созданные 30 000 лет назад, древние египетские иероглифы, удивительным образом передающие сложнейшие истории средствами простой иконографии, эволюция китайской письменности, и, наконец, самые первые образцы картографии и гистограмм.
От природы мы наделены способностью видеть. Мы склонны узнавать и воспринимать что-то новое лучше всего тогда, когда информация представлена в наглядном виде.
Современная инфографика претерпела некоторые изменения по сравнению со своими предшественниками. Тем не менее, суть остается прежней. Сочетание наглядности изложения с передачей информации, вот в чем кроется популярность инфографики. В эпоху, когда информация окружает нас повсюду, инфографика стала жизненно необходима. В этой статье мы подробно обсудим 10 основных шагов, которые помогут вам создать не только содержательную, но и привлекательную инфографику.
01. Пусть факты говорят сами за себя
На рисунке изображен блог в виде дерева, где разные цвета обозначают круг читателей.
Лучшие рассказчики любого поколения — это одаренные природой собеседники, способные управлять вниманием аудитории. Они умеют заинтересовывать и вдохновлять слушателей независимо от того, где они находятся: в тесной дружной компании у костра, на сцене перед многотысячной аудиторией или на экране монитора. Наше поколение больших объемов информации никак не повлияло на умение рассказывать истории. Сейчас большие объемы информации — это не просто число на экране монитора, это история, которую нужно раскрыть.
Чтобы донести информацию до целевой аудитории, нужно учесть три фактора: аргументированность, надежность и противоречивость.
Если вы хотите привлечь внимание, информацию нужно аргументировать. Она должна выделяться на фоне других доступных источников. Спросите себя: «Будет ли это интересно целевой аудитории?».
Противоречие никогда не бывает лишним. Если информация, которую вы выбрали для своей презентации, вызывает эмоциональный отклик ваших читателей, это значит, что вы достигли цели. Споры — это хорошо, так как противоречивая информация может вызвать продолжительное обсуждение, которое позволит вам расширить свое влияние в этой сфере и увеличить охват аудитории созданной вами инфографики.
02. Поставьте цель и определите аудиторию
Когда у вас есть тема и набор данных для начала работы, ваш мозг начинает «взрываться» от наплыва гениальных идей касательно изложения фактов и использования визуальных средств. Однако прежде чем идти вперед, нужно сделать шаг назад. К кому вы будете обращаться? Как добиться того, чтобы информация, которую вы передаете, была ценной для ваших и так занятых читателей? Что, по вашему мнению, должен подумать или сделать человек, прочитавший вашу инфографику?
03. Придумайте интересную историю
Когда вы будете составлять последовательное изложение истории исходя из имеющихся фактов, помните: главное — не объем вашей информации, а то, как вы ее используете. Успех вашей истории будет напрямую зависеть от вашей способности сопереживать читателям. Поэтому вам нужно постоянно думать: кто они; во что они верят относительно вашей темы; что они уже знают об этом; где они читают вашу инфографику; как легко их можно отвлечь от темы; как они хотят выглядеть в социальных сетях, поделившись тем или иным материалом.
Здесь мы видим богатую историю Википедии, изображенную методами анимации и наглядного изложения.
Имея собственное представление о ваших читателях, не забывайте и о том, что сотни битов другой информации обрушивается на них с экранов мониторов. Подумайте, сколько информации они смогут усвоить за те несколько драгоценных минут, когда вы овладели их вниманием. Подумайте, что вы можете сказать в этот короткий промежуток времени настолько важного, что это изменит их взгляд на мир. Для привлечения интереса читателей есть несколько способов:
1. Просвещение (допустим, вы не знаете, что такое XYZ, а я могу рассказать вам об этом).
2. Потенциальные возможности (допустим, вы думаете, что здесь нельзя применить XYZ, а я расскажу вам, почему можно).
3. Опасения (допустим, вы думаете, что здесь можно использовать XYZ, а я объясню вам, почему нельзя).
4. Успокоение (допустим, вы думаете, что XYZ здесь нельзя применить, а я расскажу, почему можно).
5. И наконец, юмор (допустим, вы думаете, что пингвины плохо играют в футбол, и здесь вы абсолютно правы).
Магия информации в том, что она может показывать нам скрытые закономерности и системы, которые нельзя увидеть невооруженным глазом. Она способна раскрывать и данные массового масштаба, которые мы не можем даже осмыслить до тех пор, пока их не переведут в доступный для понимания вид. В конечном счете, вы должны поставить себе задачу сделать так, чтобы эти данные были открыты для всеобщего понимания.
04. Сделайте сложное простым
Как только вы проанализируете свои данные и придумаете историю, которую хотите рассказать, вам нужно начинать думать о том, как представить информацию в наглядном виде. Даже если первоначальный формат ваших данных был очень сложным, ваша задача сделать эту информацию доступной для широкой аудитории.
Samsung Smart Wall пользовался невероятным успехом во время фестиваля SXSW 2012, благодаря сложнейшей наглядной инсталляции, состоящей из 23 экранов, на которых были показаны самые обсуждаемые докладчики, площадки и темы для дискуссий.
Ни одна электронная таблица или отрывок текста не смогут помочь зрителю вникнуть в суть дела так, как это сделает наглядное изображение информации. Не ограничивайте свою иллюстрацию таблицами, представьте ее в таком формате, который раскроет скрытые закономерности, подчеркнет основные моменты, и при этом будет выглядеть привлекательно.
Стремитесь к тому, чтобы ваша визуальная презентация обладала следующими качествами:
• достоверность: используйте надежные источники и будьте откровенны, насколько это возможно;
• прозрачность: стремитесь к максимальной ясности;
• доступность: раскройте скрытые закономерности и подчеркните основные моменты;
• информативность: извлекайте сущность, обучайте и вдохновляйте;
• ценность: ваша иллюстрация должна подвести зрителя к сути дела;
• оптимизированность: ваш способ презентации должен соответствовать интересам среды, в которой будет размещена информация (интернет, мобильная связь, видео, передняя панель автомобиля и т.д.);
• привлекательность: используйте шрифты, цвета, размеры и формы для развития вашего сюжета.
05. Структура — прежде всего
Четкая и понятная структура — ключ к успеху информативной графики. Благодаря базовой структуре можно организовать информацию, управлять ходом изложения и обеспечить целостность всех фактов. Сделав акцент на структуру, вы добьетесь того, что информация будет напрямую влиять на изображение, а не на его визуальное оформление.
Основными характеристиками, которые повлияют на доступность структуры для восприятия, будут следующие:
• количество информации, которой вы обладаете (слишком много или слишком мало?);
• классификация информации — различные классификации требуют использования соответствующих визуальных форматов. Ричард Саул Вурман обозначил 5 способов систематизации информации: по местоположению, по алфавиту, в хронологическом порядке, по категориям и в иерархическом порядке;
• среда, где будет размещена информация (статичная, интерактивная или динамичная);
• место, где в основном будет размещена информация (в интернете, в печатном виде, на экране телевизора);
• размеры информации.
Разрабатывая основные принципы для построения структуры, постоянно спрашивайте себя: позволяет ли эта структура сделать информацию более понятной? Возможно, это и так покажется очевидным, но так как основной целью графического изображения является донесение информации, его успех будет зависеть именно от этого обстоятельства. В какой-то момент вы захотите поставить дизайн выше функциональности. Но помните о том, что даже невероятно красивое графическое изображение, достойное того, чтобы повесить его на стену и любоваться, будет всего лишь пустышкой, не имеющей никакого смысла. Ваша инфографика может считаться успешной, если зритель, взглянув на нее, сможет понять, о чем идет речь. Если же структура инфографики слишком сложна, и зритель должен приложить много усилий, чтобы понять смысл представленной информации, то ваша работа не удалась.
В своей основе хорошая структура должна выполнять следующие функции:
• обеспечивать ясность;
• способствовать восприятию;
• раскрывать скрытые закономерности;
• делать акцент на основных выводах.
Признаки плохой структуры в том, что она:
• маскирует информацию;
• запутывает факты;
• мешает осмыслению.
06. Макетирование: экспериментируйте и создавайте всё более новые образы
Как и в веб-дизайне макетирование на такой ранней стадии помогает дизайнеру сконцентрироваться на структуре объекта, не отвлекаясь на элементы графического дизайна, такие как шрифты и цвета. Обычно при составлении базовой структуры отбрасываются яркие картинки, жирные шрифты и цветовое оформление, чтобы сделать основной акцент на информацию. Работая с ограниченной цветовой палитрой и набором простых форм, дизайнер получает возможность изучить информацию и рассмотреть множество разных вариантов.
Геосоциальная вселенная, разработанная компанией JESS3 Labs в 2011 году, использует зрительный образ, чтобы показать на карте крупнейших игроков в геолокационной среде, или, точнее говоря, вселенной.
Плюсы макетирования в том, что это дает вам время для экспериментов. Изучение различных подходов очень важно для корректной презентации данных. Визуальная презентация информации, как живописная картина, должна быть интерпретирована зрителем. Взгляд дизайнера на логичность изложения и четкую структуру может сильно отличаться от мнения окружающих. Поэтому чем больше вы будете показывать свои макеты другим людям, тем лучше. На такой ранней стадии разработки очень важно учитывать отзывы и комментарии о ваших макетах, так как это поможет выбрать наилучший способ презентации информации для целевой аудитории. Благодаря макетированию, вы сможете переделывать свою работу снова и снова, добиваясь максимального качества.
07. Выберите правильный инструмент для работы
Эта простая и понятная схема классифицирует и отображает полный состав сторонников акции протеста «Захвати Уолл-Стрит».
Информационные дизайнеры имеют в своем распоряжении целый арсенал различных схем. Секторы, столбцы, полосы и другие типы диаграмм входят в их повседневный набор инструментов для создания информационных графических изображений. Но они не всегда взаимозаменяемы — вы должны точно знать, когда использовать тот или иной тип. Именно в выборе подходящего типа презентации данных заключается умение передавать информацию целевой аудитории. Этот выбор чаще всего зависит от того, как организована и классифицирована информация.
Возможно, когда вы будете выбирать тот или иной тип диаграмм, вас привлечет форма, а не функциональность. Но вы должны помнить, что при передаче информации визуальными средствами эмоциональное воздействие на целевую аудиторию всегда важнее декоративности.
Не бойтесь использовать гистограмму, если она поможет вам представить данные наилучшим образом. Эти общепринятые типы диаграмм являются самыми эффективными средствами для корректного отображения данных. К тому же, они часто образуют основу для создания великолепных графических изображений. Существует множество способов применения диаграмм, и при этом они всегда остаются информативными и полезными.
08. Выберите правильный подход
В инфографике отмечают два основных подхода к графическому дизайну. С одной стороны есть те, кто позволяет фактам говорить самим за себя. Они создают великолепные произведения искусства на основе информации, используя комбинации цветов, форм и соответствующее шрифтовое оформление. Их история передается исключительно путем презентации данных. Такой подход ярко выражен в работах таких дизайнеров как Николас Фелтон и Дэвид МакКандлесс.
С другой же стороны находятся те, кто использует иллюстрации и хорошо продуманные визуальные образы в целях соблюдения последовательности изложения и передачи информации зрителю.
Выборы в США представлены в виде графика, где в прямом эфире отображены самые обсуждаемые темы, а также рейтинг кандидатов.
Время и место определенно найдется и для одного, и для другого подхода (и даже их комбинирования). Тем не менее, ваш выбор должен основываться на следующих показателях:
• целевая аудитория;
• заданный стиль;
• фирменное оформление;
• цель;
• среда.
Вы действительно можете передать свою историю с помощью наглядных средств, но использовать их надо очень осторожно. Основным объектом внимания остаются данные и информация. Графические элементы не должны затруднять восприятие зрителя или препятствовать передаче информации любым другим способом. При условии корректного использования визуальная презентация данных может быть одновременно и эффективной, и информативной. Неправильное же применение визуальных средств может привести к потере данных.
09. Распространение и пиар
Как только ваше графическое изображение готово, наступает время распространить его в массы. Правда в том, что даже если вы стали автором самой блестящей и глубокомысленной инфографики, какую только видел мир, без четкого плана по распространению она обречена на неизвестность.
Информационный плакат раскрывает сложности запутанного сюжета философского фильма методом концептуальной графики.
Привет! Сегодня разберёмся в том, как сделать в Ворде картинку на весь лист. Поговорим о том, зачем вообще это нужно.
Ну и разберём несколько популярных способов.
Зачем в Ворде нужно растягивать картинку на весь лист?
Если вы готовите какую-то презентацию в формате вордовского файла, то вам там пригодятся иллюстрации.
Также туда можно добавить инфографику.
Все эти детали очень важны, чтобы не только дать информацию в текстовом виде, но и всё наглядно показать.
Также это очень важно для презентаций, на которых очень много цифр.
Всё это очень сложно переварить даже профессионалам, которые работаю в этой сфере. Поэтому всё нужно иллюстрировать с помощью графиков.
Если у вас нет возможности быстро сделать их в Ворде, но есть исходник, то проще вставить изображение, чем отстраивать их внутри программы.
Ну и если вы просто хотите выпустить какую-то статью, то вам не помешает сразу в Ворде правильно её отформатировать.
В таком случае вы получите качественное представление о том, как именно будет выглядеть в итоговом форматировании ваша статья.
А ещё это пригодится художникам, которые собирают своё портфолио.
Таким образом можно удобно собрать все картины в одном месте. А потом их и представлять заказчикам.
Как сделать в Ворде картинку на весь лист?
А теперь можно переходить непосредственно к способам расположения картинок в документе.
В первую очередь советую предпочитать альбомную ориентацию. Так как большинство картинок имеют именно такое соотношение сторон.
Да и с ней банально приятнее работать.
Дальше нужно будет пойти в оформление и разметку страницы.
Всё же нам в первую очередь для качественной работы с изображением нужна страница без полей.
В таком случае она не будет отступать от края листа. А это значит, что смотреться она будет очень красиво.
Чтобы работать с полями вам нужно будет перейти во вкладку «Разметка страницы».
В новых версиях её переименовали в «Макет». Там слева вы сможете найти раздел «Поля». Там будет предложено вам несколько вариантов.
Но все они не будут ни коим образом нас интересовать. Нам же нужен пункт «Настраиваемые поля».
Там можно будет указать везде нули, чтобы убрать всевозможные отступы.
После этого останется только разобраться с самим изображением.
Можно будет в настройках указать размер, который будет в сантиметрах совпадать с форматом страницы.
А можно просто вручную перетянуть изображение до нужных размеров. Но в этом случае попасть идеально ровно будет сложно.
Поэтому вам будет проще подогнать параметры под размеры а4.
Альтернативный способ
Также можно расположить фотографию на странице альтернативным способом.
В таком случае вам нужно будет установить её фоном. А ещё нужно будет полностью очистить страницу от всего лишнего.
Есть много способов, но самый очевидный – разрыв страницы.
Так вы начнёте работать с чистым листом, на который и сможете установить изображение фоном.
Для этого вам нужно будет перейти во вкладку «Дизайн». Там нас будет интересовать пункт «Подложка». Там можно настроить фон не только во всём документе, но и на каждом отдельном листе.
Нас же будет интересовать именно смена фона на конкретной странице.
А для этого нам нужно будет выбрать пункт «Настраиваемая подложка».
Многие останавливаются на пункте выбора из предложенных вариантов. Уж сильно они отличаются от того результата, который нужно получить.
Не пугайтесь, это лишь образец.
После того как вы выберете пункт «настраиваемые поля», вы получите доступ к настройке фона для документа.
Там вам нужно будет выбрать пункт «Рисунок». После этого нажмите на вкладку «выбрать». Дальше вам нужно будет указать путь к изображению.
Здесь очень важно понимать, что картинку желательно предварительно подготовить для импорта в документ. Поэтому вам обязательно нужно настроить соотношение сторон у изображения.
Оно точно должно совпадать с форматом а4. Желательно ещё и полностью размеры сторон скопировать с а4.
В таком случае оно будет сразу правильно располагаться даже без лишнего форматирования.
Заключение
Вот вы и узнали, как сделать в Ворде картинку на весь лист.
Есть два главных способа сделать это.
Если вы хотите аккуратно расположить изображение на одной странице, вам лучше настроить поля, а также сменить его ориентацию.
Всё же большинство изображений сейчас имеет альбомную ориентацию.
А вот поля лучше вообще убрать. Для этого в пункте «настраиваемые поля» нужно везде проставить нули.
А можно с помощью подложки загрузить изображение на фон.
Его стоит предварительно подготовить для формата а4.
После этого вам нужно будет выбрать «настраиваемая подложка», после чего выбрать там пункт «рисунок».
А дальше вы сможете указать путь к изображению, после чего подтвердить.
А какой из двух способов установить изображение на весь лист вам понравился больше?
P.S. А еще мы предоставляем услуги по продвижению ваших аккаунтов и групп в социальных сетях. Ознакомиться с ними вы сможете на этой странице
P.S.S. Чтобы написать данную статью, было потрачено много сил и времени. И если она принесла пользу вам, то возможно она принесет пользу и вашим друзьям.
Для этого нажмите и поделитесь с друзьями в социальных сетях. А для нас это будет лучшей благодарностью и мотивацией на будущее!
Примерно десять лет тому назад инфографика буквально ворвалась в графический дизайн, став главной формой коммуникационного дизайна в учебных заведениях, в работе организаций и компаний, в Интернете.
Но если вы новичок в дизайне, то слово «инфографика» может быть вам незнакомо.
Вам может быть интересно:
Сегодня мы предлагаем вам пройти интенсив-курс по инфографике и дизайну инфографики (с примерами шаблонов инфографики) и получить ответы на эти и другие вопросы!
Что такое инфографика? Определение инфографики
Согласно Оксфордскому словарю английского языка инфографика (или информационная графика) — это «визуальное представление информации или данных».
Однако лучше дать этому термину более конкретное определение.
Инфографика — это подборка изображений и диаграмм с минимумом сопроводительного текста, позволяющая быстро понять суть освещаемой темы.
В примере инфографики ниже используются красочные и привлекательные графические объекты для быстрого и четкого донесения информации.
Самая оригинальная и креативная инфографика часто оказывается наиболее эффективной. Она привлекает внимание и не дает пройти мимо.
Однако важно не забывать, что графические объекты инфографики должны не только нравиться или вызывать интерес. Они должны помогать людям понять и запомнить содержание инфографики. Посмотрите, как этот принцип реализован в посвященной хиромантии инфографике Джинг Чжан (Jing Zhang) :
Готовы приступить к созданию первой инфографики? Предлагаем вашему вниманию полное руководство по созданию инфографики, в котором собраны все самые важные рекомендации, необходимые для начала работы.
Как использовать инфографику?
Инфографика нужна для донесения сложной информации быстрым и понятным образом. Инфографика используется для:
- быстрого раскрытия темы,
- объяснения сложных процессов ,
- представления результатов исследований и опросных данных , или доклада ,
- сравнения и противопоставления различных вариантов чего-либо,
- повышения осведомленности о проблеме или представления идей.
Когда надо что-то быстро и кратко объяснить, обойтись одними словами может быть трудно. В этом случае на помощь приходит инфографика.
Это значит, что инфографика применима почти в любой области.
Маркетологи используют инфографику для повышения уровня узнаваемости бренда и степени вовлеченности аудитории:
Бизнес-консультанты используют инфографику для наглядного представления проектов и упрощенной подачи материала:
Органы государственного управления используют инфографику для обнародования статистики и данных переписи:
В сфере образования используют инфографику, чтобы сделать учебный материал более запоминающимся:
Некоммерческие организации используют инфографику для привлечения людей и повышения осведомленности о своей деятельности:
Как создать инфографику?
Если вы убедились в том, что инфографика — это инструмент, который стоит использовать, то, вероятно, вам стало интересно, как создать инфографику.
Наше пошаговое руководство по созданию инфографики будет вам отличным подспорьем.
А из этого короткого видео вы узнаете, как создать инфографику за 5 шагов:
Как бы вам ни хотелось поскорее приступить к созданию инфографики, не хватайтесь за дизайн без плана действий.
Для начала продумайте структуру инфографики.
Упорядочьте информацию, продумав структуру инфографики
Работа над структурой поможет собраться с мыслями и подобрать материал для инфографики.
4 этапа разработки структуры инфографики на основе имеющихся данных:
- Сформулируйте основные выводы из имеющихся данных.
- Придумайте название инфографики; сформулируйте заголовки и подзаголовки; запишите факты, которые будете включать в инфографику.
- Установите длину абзацев и пунктов списка.
- Включите примечания для дизайнера.
Проработка структуры инфографики вышеописанным образом поможет минимизировать возможные трудности в ходе создания дизайна.
Более подробная информация по этому вопросу представлена в нашем руководстве по разработке структуры инфографики.
Выберите шаблон инфографики
Как только работа над структурой инфографики завершена, можно приступать к выбору шаблона инфографики .
Готовые шаблоны инфографики (как тот, что ниже) могут стать отличным источником вдохновения для создания собственного дизайна инфографики. Шаблоны могут быть полезными хотя бы для использования в качестве отправной точки.
Есть много моментов, на которые стоит обратить внимание при выборе шаблона инфографики: используемые цвета, шрифты, размер листа и ориентация шаблона, а также то, насколько хорошо эти параметры подходят для представления ваших данных.
Но самое главное — выбрать шаблон необходимого вам вида инфографики.
Какие же бывают виды инфографики?
Какие бывают виды инфографики?
Шаблоны инфографики Venngage разбиты на 9 категорий:
-
.
- Информационная инфографика. . . . .
- Иерархическая инфографика. . .
В этом видео вы найдете обзор всех 9 видов инфографики и рекомендации по их использованию:
Разные виды инфографики предназначены для визуализации различного контента.
Так, информационная инфографика содержит больше текста, чем другие виды инфографики. Как видно из нижеприведенного примера, взятого с платформы Course Hero , информационную инфографику лучше всего использовать как самостоятельный обобщающий документ, достаточно полно раскрывающий тему.
В статистической инфографике большее внимание уделяется цифрам, диаграммам и данным.
Обычно в ней намного меньше текста, чем в информационной инфографике, и реже встречается нарратив. Данные представлены цифрами (крупным шрифтом) и выборочными фактами, как в этой инфографике Mobile Future :
Правильно подобранный тип шаблона — это одна из составляющих успешной инфографики.
Подробную информацию о каждом виде инфографики и особенностях их использования вы найдете в статье «9 типов шаблонов инфографики».
Что делает инфографику эффективной?
Если хотите создать эффективную инфографику, помните, что наш мозг всегда ищет визуальные паттерны, которые помогают интерпретировать окружающий мир.
Давайте ознакомимся с рекомендациями в отношении дизайна инфографики, которые помогут вам создавать одновременно красивую и эффективную инфографику.
Предлагаем также прочесть статью о 7 способах персонализации шаблона инфографики, в которую мы включили еще несколько советов по созданию эффективного дизайна.
Используйте линии, границы и фигуры для выделения взаимосвязей
Выделение взаимосвязей с помощью базовых элементов дизайна — границ, линий и фигур — помогает понять содержание инфографики.
Например, можно заключить взаимосвязанные элементы в рамку или фигуру. В большинстве инфографик, как и в представленной ниже, такой прием используется для разбивки дизайна на разделы, что облегчает восприятие материала.
В других инфографиках, когда наиважнейшая роль отводится структуре представляемой информации (в случае органиграммы или блок-схемы, например), полезно соединять взаимосвязанные элементы линиями. Посмотрите, как это сделано в инфографике маркетинговой компании ниже:
Хотите узнать больше о том, как структурировать данные в инфографике? Предлагаем прочесть наш пошаговый разбор в статье о резюмировании и визуальном представлении данных.
Используйте один контрастный цвет для управления вниманием читателей
Еще один ключевой элемент дизайна, который нужно учитывать, — это цвет. Мы используем различные цвета, чтобы сделать инфографику красивой, но цвет также является мощным инструментом коммуникации.
Подобно линиям и границам, цвет можно использовать для группировки данных. Посмотрите, как это сделано в инфографике бизнес-процесса ниже:
Более того, с помощью цвета мы можем привлекать внимание к самым важным частям информации, а вспомогательную информацию отодвигать на задний план.
Выберите цвет, контрастирующий со всеми другими цветами инфографики, и используйте его для выделения самой важной информации.
Возьмем, к примеру, инфографику ниже. Ярко-желтые круги контрастируют с голубым фоном, благодаря чему значки (наиболее важный визуальный элемент данной инфографики) оказываются в центре внимания. Этот прием пользуется невероятной популярностью: яркие цветовые пятна — это один из самых мощных трендов в графическом дизайне в 2019 году.
Нужно вдохновение, чтобы подобрать цветовую палитру для инфографики? Читайте наше руководство по выбору цвета для инфографики.
Создайте иерархию текста с помощью трех различных шрифтов
Шрифты — это тот элемент, который сразу обращает на себя внимание в инфографике. Неудачно выбранные шрифты могут обречь на провал прекрасную в остальных отношениях инфографику. Наш обзор популярных шрифтов поможет вам сделать правильный выбор.
Секрет использования шрифтов в инфографике заключается в создании четкой иерархии текста с помощью трех разных шрифтов — одного для главного заголовка, одного для заголовков разделов и одного для основного текста.
Шрифт главного заголовка должен быть самым крупным и может быть самым стилизованным. С его помощью вы задаете инфографике определенное настроение.
Шрифт заголовков разделов должен быть немного меньше. Для заголовков разделов стоит выбирать менее выдающийся, но все же хорошо заметный на странице шрифт.
И, наконец, шрифт основного текста должен быть наименьшим из трех и самым простым. Самым удобочитаемым.
Не уверены, какие шрифты удобочитаемые, а какие нет? Вот памятка по шрифтам, отлично подходящим для основного текста:
Подробнее о типах шрифтов и рекомендациях по их использованию читайте в нашем руководстве по выбору шрифтов для инфографики.
Используйте изображения, значки и иллюстрации, чтобы сделать ключевые тезисы запоминающимися
Наконец, не менее важно, чтобы на вашей инфографике в центре внимания были визуальные элементы, такие как изображения, значки , иллюстрации, диаграммы и графики.
Визуальные элементы делают информацию интересной и запоминающейся. В лучших образцах инфографики мы видим идеальное равновесие между текстом и графикой.
Самый простой способ обеспечить необходимое количество визуальных элементов — добавить значки, отображающие суть каждого заголовка, как в примере ниже:
Еще лучше — создать наглядные примеры ко всем ключевым тезисам, как в инфографике компании Elle & Company :
Если же вы готовы замахнуться на большее, то можно визуализировать весь материал, как в примере ниже, что практически полностью устраняет потребность в сопроводительном тексте.
Создаете сложную инфографику с различными типами данных? Нужна помощь в визуализации информации? Предлагаем прочесть наши руководства по созданию наглядных диаграмм и выбору диаграмм для инфографики.
Заключение
В лучших образцах инфографики текст и изображения дополняют друг друга, информируя и пробуждая интерес у читателя.
Придерживайтесь проверенных практикой рекомендаций по дизайну инфографики:
- Используйте линии, границы и фигуры для выделения взаимосвязей.
- Используйте один контрастный цвет для привлечения внимания к наиважнейшей информации.
- Создавайте иерархию текста с помощью трех различных шрифтов.
- Используйте изображения, значки и иллюстрации, чтобы сделать ключевые тезисы запоминающимися.
Дополнительную информацию о создании инфографики читайте в нашей статье «Как создать инфографику: 5 этапов [пошаговое руководство]».
Ольга Чижикова, копирайтер «ВсеИнструменты.ру», написала специально для «Нетологии» колонку о том, как автору создать инфографику для своей публикации.
Зачем нужна инфографика
Инфографика — графический способ подачи информации. В нее можно перенести часть текста графическим способом. Меньше абзацев — проще восприятие. Особенно это важно, когда речь идет о большом количестве цифр, фактов и дат.
Не более 2–3 цифр или дат на один абзац, иначе текст будет слишком сложным для восприятия. Этот совет есть во многих учебниках для журналистов и копирайтеров. Но попадаются темы, где без дат или цифр не обойтись.
Наглядный пример: раз в три месяца СМИ публикуют данные о новом прожиточном минимуме. Чтобы читатель понял, поднялся он или опустился, нужно написать еще один абзац. Или показать изменения наглядно — в инфографике.
.jpg)
Создать инфографику можно без специальных программ. И диплом дизайнера — необязательное условие. В интернете есть десятки простых онлайн-сервисов. Я хочу рассказать о трех, которыми пользуюсь чаще всего.
Инфограм
Помогает, когда в тексте десяток цифр и все они важные.
Вы сможете сохранить данные с помощью наглядной иллюстрации. В прошлом году прожиточный минимум был таким, а сейчас опустился на 500 рублей. А через год снизится еще больше. Все это можно изобразить в виде ломаной линии, столбцов или других видов диаграмм.
.jpg)
Что можно делать в infogr.am
Сложности и особенности
Сервис не русифицирован, и если вы не владеете английским, могут возникнуть трудности. Часть возможностей доступна только за определенную плату. Например, меньше выбор шаблонов оформления. Но регистрация на сайте бесплатна. И можно авторизоваться через электронную почту или соцсети, то есть за пару кликов.
Как выглядит работа с сервисом
- Выбираем шаблон. В бесплатной версии их около десятка. Иногда прибавляются тематические шаблоны: рождественский или к Хеллоуину. Выберите тот, что по цветовой гамме и оформлению лучше впишется в публикацию. Например, будет похож на стиль оформления сайта, где будет опубликована статья.
- Начинаем работу с шаблоном. Для наглядности в нем уже есть базовые элементы: заголовок, график, подзаголовок. Необязательно все это оставлять. Неподходящие элементы удаляем: наводим курсор на блок, в левом верхнем углу появляется изображение корзины, нажимаем на него.
- Выбираем новые блоки. В левой части экрана есть столбик с иконками: шаблоны диаграммы или графика, карт, текстов, картинок, видео. Добавляем нужные элементы. Для этого кликаем по нужному разделу. Ищем подходящий элемент, например, график с линиями. Кликаем по нему. График появляется в шаблоне. Но в нем пока видны стандартные данные.
- Заполняем графики и диаграммы. Дважды кликните по блоку, который хотите отредактировать. Вы увидите таблицу, в которую вместо данных примера, нужно ввести свою информацию. Обычно я оформляю информацию в виде таблицы в Word, а потом копирую по очереди столбцы и вставляю их в таблицу шаблона. Такой метод мне кажется удобным, потому что на этапе правки текста редактором, компоновка данных может измениться. И проще не переверстывать инфографику, а переписать текст.
- Публикуем. Нажмите на кнопку Share, которая расположена на инфографике и продублирована в правом верхнем углу окна сайта. Вы увидите 3 варианта публикации.
Social & link — для тех, кто хочет поделиться ссылкой на инфографику в соцсетях. Выберите подходящую иконку или скопируйте ссылку вручную и вставьте ее в свою публикацию.
Embed — для тех, кто намерен встроить код на страницу сайта или блога. Просто скопируйте и вставьте его.
Thinglink
Идеально подходит, когда нужно обратить внимание на детали.
Фотографии не всегда говорят сами за себя. Иногда снимок нужно объяснить, обратить внимание читателя на детали. Например, описать наряд, в котором знаменитость появилась в свете. Можно разместить десяток фото одно за другим и написать комментарии. Но не факт, что читатель дойдет до конца подборки — слишком долго нужно крутить колесо мыши.
.jpg)
Что можно сделать в thinglink
Сложности и особенности
Русской версии сайта нет. Но система работы проста. Начинается все с регистрации и проходит она почти как в infogram — через почту или соцсети. Часть сервисов доступна только в платной версии программы. Бесплатно на фото можно разместить только текстовый комментарий. За дополнительные картинки, видео или ссылки придется заплатить.
Как выглядит работа с сервисом
Начинаем работу. Нажимаем на иконку CREATE в правом верхнем углу страницы.
Загружаем изображение. Сервис предлагает 4 способа:
Upload images — загрузить изображение с компьютера. Сервис предложит вам выбрать картинку, которая хранится в одной из ваших папок. Система похожа на публикацию новых фото в соцсетях.
Web — добавить ссылку на изображение уже опубликованное в интернете. Потребуется скопировать URL картинки. Для этого кликните по ней правой клавишей мыши и выберите в меню пункт «Копировать URL».
Import Facebook photos — скопировать фото со своего аккаунта в Фейсбук. Для этого нужно нажать на кнопку авторизации через соцсеть.
Import — скопировать 20 последних изображений другого пользователя программы. Необходимо дать ссылку на его страницу.
Придумываем название. В качестве примера мы опишем фасон платья. Для начала назовем наше интерактивное фото. Сверху над изображением вы видите графу TITLE. Сюда нужно вписать название.
Добавляем дополнительные элементы. Кликнем по месту, где хотим разместить первый комментарий. Слева от изображения появляется шаблон для ввода данных.
Опишу функции, которые доступны бесплатно. Идем сверху вниз.
Выбираем цвет точки на изображении (сейчас она черно-белая, вы видите ее в левом верхнем углу фото).
Добавляем текстовый комментарий в поле Text.
Нажимаем синюю кнопку Save — она расположена в правом нижнем углу шаблона.
Таких точек может быть сколько угодно. Главное, расположить их так, чтобы пользователю было удобно читать ваши комментарии и рассматривать дополнительные элементы.
Сохраняем изображение. Для этого нажимаем на зеленую кнопку Save Image в правом нижнем углу экрана.
Easelly
Спасает, когда есть разрозненные цифры, факты и даты.
Десяток отличных фактов и цифр иногда не получается вместить в диаграммы или графики. Либо нужно кратко и наглядно описать последовательность действий, историю вопроса или компании. Сервис помогает сделать это.
Что можно сделать в easel.ly
Сложности и особенности
Сайт не русифицирован. Для начала нужно зарегистрироваться. Схема мало чем отличается от типичной регистрации на сайте: нужно ввести адрес электронной почты и придумать пароль. Либо нажать на одну из кнопок: Фейсбук или Google+. Порой во время работы сайт зависает и не сразу реагирует на команды. Чтобы работа шла быстрее, советую закрыть все лишние вкладки в браузере.
Как выглядит работа с сервисом
- Выберите шаблон для работы. Сервис предлагает на выбор более 2 миллионов идей для создания инфографики. Выбирайте любую или начните с нуля, выбрав вариант Start Fresh. Для примера мы переработаем один из шаблонов.
- Меняем текст. За основу возьмем шаблон с историей музыки. Информацию о песнях заменим на рассказ о компании. Для этого нужно переписать заголовок и тексты. Кликнем по заголовку дважды и появится поле для редактирования текста. Одно за другим, редактируем текстовые поля. При необходимости можем заменить шрифт, размер, цвет надписей — меню для редактирования расположено вверху страницы и очень похоже на обычный текстовый редактор.
- Убираем лишние блоки. Потренируемся на картинках. Кликнем по одной из них мышью и нажимаем на крайнюю слева иконку в меню сверху. Она выглядит как мусорный бак.
- Добавляем подходящие изображения. Для этого нажимаем кнопку Objects и кликаем по строке choose category. Выбираем подходящую категорию и ищем картинки, которые заменят изображения музыкальных инструментов.
- Сохраняем инфографику. Нажимаем на кнопку Download и выбираем подходящие формат и размер.
Low Quality — jpg-изображение относительно небольшого разрешения. Подойдет для публикации в соцсетях или мобильной версии сайта.
Higt Quality — jpg-изображение большего разрешения, а следовательно, лучшего качества.
Зачем все эти сложности?
Копирайтер часто, но не всегда, получает деньги за «знаки». Тексты блогера аудитория принимает такими, какие они есть. Журналист получит гонорар за любой опубликованный материал. Но любой из них хочет уважения и признания. Легкость, доходчивость и простота — отличные качества для текста, их ценит аудитория и заказчики. Поэтому и стоит потратить время на переработку информации. И когда инфографика лучше текста, я стараюсь ее применять.
Мнение автора и редакции может не совпадать. Хотите написать колонку для «Нетологии»? Читайте наши условия публикации.
Читайте также: