Примечание: Статья написана в рамках статейного конкурса Serpstat и SEOnews. Условия конкурса
Сегодня текст в широком смысле — это не простыня на N количество килознаков, а целостный продукт, который решает конкретные задачи. Писать за килознаки можно, но это скучно и почти бесплатно, а если вам важно работать над интересными проектами и доносить свою мысль максимально полно — придется не только составлять слова в предложения, но и рисовать картинки, делать инфографику, верстать, презентовать проект. Если вы амбициозный новичок, не хотите ограничивать себя узкими рамками создания исключительно текстового контента и мыслите категориями “результат”, а не “задача” — мы подобрали для вас несколько инструментов, которые помогут сделать клевую картинку и приличную инфографику, даже если вы ничего не смыслите в дизайне и иллюстрировании.
Навигация по статье:
Если нужны иллюстрации
Если нужна инфографика
Если мало и легко
Если нужны иллюстрации
Сanva — инструмент практически универсальный и удобный именно благодаря этому. Здесь есть шаблоны для различных типов визуализаций: постов и обложек для социальных сетей, заголовков и графики для блогов, баннеров для Youtube, открыток, флаеров и бог весть чего еще. Все что вам нужно — доработать их под свои нужды. Многие готовые решения и отдельные элементы (надписи, композиции, иконки) доступны по $1 за штуку, но есть возможность загружать любое количество собственного материала: от картинок и иконок до любых графических элементов. Кроме того, если вам опротивели шаблоны — всегда можете создать картинку с индивидуальными размерами и смыслами. Здесь мало кириллических шрифтов, но в остальном — это годный сервис для новичков, которые пишут куда угодно.
Fotor незаменим для обработки фотографий, если Фотошоп кажется неподъемной глыбой, а сделать нужно вроде как всего ничего. Отлично подходит для создания коллажей и рядового редактирования.

Доступно фотосшивание, различные шаблоны для коллажей и всякие милые детали для украшения. Свои работы можно дорабатывать: менять ширину и цвет фона, рамок, добавлять подписи и дополнительные элементы. Некоторые шаблоны недоступны в бесплатном аккаунте, но большей частью функционала сейчас можно свободно пользоваться.
Если хочется отдельных инструментов для создания симпатичных обложек для социальных сетей, Fotor и тут вам поможет:
Facebook cover maker
Twitter header maker
Отличное подспорье, если вы любитель рациональных решений в иллюстрировании. Если диаграммы всех видов и назначений, блок-схемы, ментальные карты — это то, чего до жути не хватает вашему материалу, можете исправить это с помощью Creately. В библиотеке сервиса огромное количество популярных и не очень видов диаграмм, каждый из которых вы можете редактировать, исходя из собственных данных. Есть шаблоны для инфографики, фамильного древа, карты сайта и много чего другого. Дополнять и дорабатывать шаблоны или создавать схемы с нуля можно с помощью стандартных элементов из объектных библиотек, импортировать картинки и данные в форматах VDX, VSX.
Вот эту шуточную схему про поиски копирайтера мы набросали как раз в Creately:

Во многих случаях лучше любой абстрактной иллюстрации — скриншот, который хорошо дополняет текст и наглядно объясняет, что вообще происходит. Есть много расширений для браузеров, с помощью которых можно заскринить старницу (тот же Lightshot, например), но иногда их возможностей не хватает. С Monosnap скринится что угодно: хоть ответ клиента, хоть разброс папок на рабочем столе. Результат можно изменять по размеру, дополнять надписями, указателями.
Гифки популярны и во многих случаях хорошо дополняют контент, особенно в социальных сетях — и если вас они не сильно бесят по личным причинам, есть смысл их использовать. Этот инструмент позволяет за несколько кликов сделать годную гифку из видео или картинок. Просто загрузите картинки или вставьте ссылку на видео и выделите нужный фрагмент — проще не придумаешь. Дополнительно можно изменить качество, покрутить настройки, добавить подпись, а можно обойтись и без этого.
Дополнительные инструменты
Удобный сервис — это еще не все, что нужно для создания картинки и грамотного иллюстрирования постов в блоге и на других площадках. Вот вам несколько инструментов, которые помогут с остальным:
Сolorsheme — цветовой круг для подбора различных сочетаний. Помогает составить как базовые бинарные схемы, так и более сложные триады и тетрады. Обратите внимание: по умолчанию установлена цветовая модель RGB, но вы можете менять ее на безопасные Веб-цвета, цветовую модель RAL и другие.

The noun project — большая коллекция иконок на любые темы. Скачивайте по одной или целыми коллекциями, подбирайте нужный оттенок чтобы все было оформлено по красоте.
Pixabay.com — большой каталог бесплатных фото и иллюстраций, которые можно использовать легально.
StockSnap.io — фотосток, где есть много интересного, красивого и бесплатного.
Если нужна инфографика
Среди сервисов, с помощью которых можно сделать инфографику, есть несколько бесспорных фаворитов. Они не просто более известные, чем все остальные — они действительно удобные и для новичков, и для людей с опытом побольше.
Хитовый сервис для всех, кому нравится инфографика, но не настолько, чтобы делать с нуля полноценный навороченный дизайнерский проект. Здесь есть несколько бесплатных шаблонов для инфографики, визуальных отчетов, постеров и простых презентаций.

Кроме того, вы можете создавать работы самостоятельно, комбинируя разные блоки и добавляя элементы, загружая в библиотеку свои картинки, фоны и иконки, если стоковые для вашей идеи недостаточно хороши. Галерея бесплатных шаблонов дополняется и периодически обновляется, чтобы вам не было грустно. Из новых преимуществ: пикточарт показывает вам цветовую схему, чтобы вы подбирали цвета не как бог на душу положит, а в соответствии с основными принципами колористики.
Сервис позволяет получить достойный результат даже при минимуме телодвижений. Если же вам важны более кастомные настройки — можете менять ширину инфографики, увеличивать и уменьшать отдельные блоки, добавлять дополнительные. К сожалению, возможность расшарить результат с помощью кода разработчики уже убрали из бесплатной версии, но вы все еще можете сохранять работы в PNG или JPG и вставлять в материал как картинку — тоже неплохо, хоть и без элементов анимации.

Чуть более сложный, но очень интересный сервис по созданию как комплексной графической работы, так и отдельных графиков всех возможных видов и форм. Здесь нет готовых шаблонов симпатичной инфографики, зато вы можете сделать ее сами и зашить туда любое доступное вам количество данных. В разделе “Инфографика” предлагаются готовые шаблоны, но это, по сути, просто блоки, куда вы можете добавлять вообще все: карты, таймер, графику, таблицы, диаграммы. Блоки можно свободно менять местами, задавать и менять цвета отдельных элементов, скрывать лишние данные (например, сетку в диаграммах). Единственное, что раздражает в инфограме лично меня — стандартная палитра для графиков: немного более разноцветная, чем хотелось бы. Для некоторых тематик смотрится особенно нелепо.
Но если смотреть на 50 разных цветов совсем невмоготу, это все можно перенастроить вручную. Привычный drag-and-drop и видеоинструкции от создателей делают infogr.am очень удобным инструментом для новичков, которые понимают, что данные в инфографике имеют первоочередное значение. Кстати, объемные дата-сеты вы можете добавлять в разных популярных форматах или подгружать из Dropbox, OneDrive и других сервисов.
Canva

Да, это опять Canva. Если вам не очень интересны все эти таблицы и диаграммы, а инфографика привлекает именно с визуальной точки зрения — используйте ее возможности. Здесь есть готовые шаблоны для инфографики, а также возможность сделать свою, используя собственные или стоковые иконки, фоны, стрелочки-полосочки и прочие милости. Фундаментальную работу с большим количеством данных с этим функционалом сделать сложно, но иногда это и не нужно.
Для тех, кому мало и легко
Если большинство перечисленных инструментов кажутся вам слишком простыми или недостаточно функциональными — возможно вы не новичок, а просто прикидываетесь и на самом деле вам нужны штуки посложнее да позаковыристее. Чтобы вы совсем не расстраивались, что доскроллили аж сюда, а толку нет — вот несколько более мощных и крутых сервисов.
Удобный и очень функциональный сервис по созданию интерактивных карт. Можно выбирать шаблоны карт, создавать собственные, размещать любое количество меток и выбирать варианты отображения, которые лучше подходят для реализации вашей идеи. Можно настраивать выведение меток по времени, если нужно показать последовательность событий.
Инструмент для эффектной визуализации разных пакетов данных. Доступны разные типы и способы визуализации, в RAW можно создавать популярные Sankey и много другого. Если интересно попробовать, а датасета под рукой нет — есть библиотека: выбирайте подходящий сет, тип визуализации и перетаскивайте необходимые параметры в соответствующие поля, чтобы получить графическое отображение различных корреляций. Например, так выглядит распределение выживших и погибших пассажиров Титаника по возрастным группам и классу:
0 — 910 — 1920 — 2930 — 3940 — 4950 — 5960 — 6970 — 7980 — 89unknown123noyes
Мощный инструмент для создания огромного количества визуализаций на профессиональном уровне. Практически не ограничивает вас при создании различных видов интерактивных работ. Имеет огромный функционал, изучению которого посвящаются емкие мастер-классы и целые курсы. Если знакомиться с ним вы пока не готовы, посмотрите в галерее, какие классные штуки делают другие.
Дополнительные инструменты
Независимо от того, создаете вы инфографику с помощью простых инструментов или сложного навороченного софта, всегда помните, что главное там — это данные. Вот вам несколько инструментов, если крутая идея есть, а данных маловато:
Google Public Data — наборы данных в открытом доступе.
OpenRefine — приложение для унификации данных в таблицах и приведения их в удобный для работы вид. Особенно полезен, если вам необходимо визуализировать результаты опросов, а респонденты заполняют формы как бог на душу положит. Помогает привести всю информацию к общему виду.
Import.io — помогает собирать и комбинировать однотипные данные с одной страницы или разных сайтов. Особенно полезен, если необходимо вычленить конкретный тип данных с разных страниц, а обрабатывать их вручную — долго и мучительно. Может в полуавтоматическом режиме формировать и дополнять датасеты. Увы, сервис стал условно-платным, но если у вас сеты до 10 000 записей — работать можно.
Делайте материалы ярче и интереснее, для этого не нужно осваивать многотонные программы и 5 лет учиться на дизайнера. Зачастую достаточно хорошей идеи и нескольких удобных инструментов.
Автор: Ярослава Пономарева, копирайтер ZIEX.BY