Как научиться делать красивую инфографику? — simply miu

20.08.2012 08:18

Содержание

Сайт дня: Easel.ly — инфографика своими руками или наглядность для чайников

Сегодня сайтом дня объявляется сервис Easel.ly.

Сайт Easel.ly позволяет создавать достаточно сложную инфографику без особых усилий и вообще без навыков работы с графическими редакторами. Разработчики сайта в тесном сотрудничестве со специалистами, занимающимися продвижением сайтов в Москве, сознательно пренебрегли ненужными в инфографике изобразительными возможностями, но организовали всё так, что пользоваться им сможет даже ребёнок. Высокохудожественных шедевров компьютерной живописи на Easel.ly не создать, зато наглядные иллюстрации к различным идеям и концептам тут можно создавать пачками, что легко увидеть по примерам на главной странице:

Шаблон "чистого листа" содержит отличный пример инфографики, показывающий, как пользоваться интерфейсом Easel.ly. Эту инфографику можно править по вкусу, хотя логичнее очистить холст и начать с нуля:

Сделать хорошую инфографику — целое искусство, но главное в нём не изобразительный талант, а умение здраво оценивать наглядность. Тот, кто сможет сделать инфографику карандашом на салфетке, тот сделает её и в Easel.ly, только получится красивее и аккуратнее. Даже совсем сомнительные концепты, непонятно зачем нарисованные, на Easel.ly выглядят стильно

После такой иллюстрации мне сразу приходит на ум динамичная инфографика по США на Mapping Worlds SHOW, сделанная значительно более осмысленно. Но выглядящая ничуть не более презентабельно.

Во всём мире инфографика уже давно распространена и активно используется в образовании, маркетинге, деловых презентациях, справочниках, указателях и много где ещё. Однако у нас в России искусство инфографики практически утеряно, и те "шедевры", которые создаются на волне инфографической моды, часто приводят в ужас. Большинству наших специалистов стоит начинать изучать инфографику с самых азов, с "детсадовского" уровня, и тут Easel.ly окажется очень в тему, так как в нём можно не отвлекаться на тонкости интерфейса и сосредоточиться на идеях.

К сожалению, разработчики Easel.ly совершенно не учли существования русскоязычных мастеров инфографики — кириллица в текстовых блоках не отображается вообще. Скорее всего, это признак глубокой бета-стадии, так как сервис ещё совсем недавно стартовал. В форме обратной связи у них всего четыре запроса, два из которых посвящены поддержке нестандартных символов. Кириллицу никто ещё не просил, так что самое время это сделать.

Ну, а пока, придётся учиться инфографике на ломаном английском:

Процесс создания новой инфографики на сайте Easel.ly

Если я правильно понимаю, куда катится мир, то следующему поколению школьников уже вполне могут достаться домашние задания, которые нужно будет сопроводить хорошей инфографикой. Хочется надеяться, что к тому времени Easel.ly выйдет из беты.

Между тем, уже сейчас этот сайт может сильно приглянуться любителям покреативить шутки ради. Всё-таки, полноценная инфографика даёт больше простора для юмора, чем переделанные демотиваторы и примитивные фотожабы.

Вернуться назад

05.02.2014

Как создать инфографику

В прошлой статье мы рассказывали о 25 лучших онлайн сервисов для создания инфографики самостоятельно бесплатно, теперь хотим поговорить об основных правилах подготовки к ее созданию и расположению основных элементов.

Пошаговая инструкция как сделать инфографику самостоятельно представлена ниже.

1. Необходимо найти тему, которая не только будет полезна и интересна Вам, но и Вашим потенциальным клиентам. Это будет не так сложно, если вы действительно хорошо разбираетесь в направлении, которое описываете. Просто интересные факты или статистика, а может быть целый рассказ — выбор за вами. Рисуйте, пишите, воображайте.

2. После того, как вы выбрали некую статистику и информацию, которую вы хотели бы отобразить в инфографике, необходимо понять, для какого формата она подходит больше всего. В инфографике существует несколько подвидов, о чем мы писали в своей прошлой статье. Рекомендуем внимательно ознакомиться с этим материалом, иначе при отсутствии данных знаний, вся работа может пойти насмарку.

3. Чем больше данных у вас будет, тем лучше. Нельзя ограничиваться 1-2 цифрами или картинками. Никто не хочет видеть непроверенные или не внушающие доверие числа. Чем больше фактов, тем убедительнее и полезнее будет визуальный материал. Обратите внимание, что более эмоционально смотрятся не просто графики, а инфографика в картинках, в то же время, картинки мешают восприятию большого массива серьезной и важной информации.

Как правильно собирать данные для инфографики можно почитать в книге: «Искусство визуализации информации в бизнесе» Нейтан Яу.

Скачать оригинал книги бесплатно как PDF.файл можно прямо тут .

4. Выбор дизайнера — важный этап. Если инфографика нужна Вам для учебы или для собственного блога, вы можете поискать дизайнера среди фрилансеров, при этом, тщательно проанализировать опыт и посмотреть портфолио перед началом работ. Конечно, обращение к фриланс-инфографику — всегда риск, так как сделка, как правило, осуществляется без документов и по предоплате, поэтому, попытайтесь договориться на минимальную оплату работы до получения результата. Крупным компаниям имеет смысл обратиться в студию или компанию, которая занимается созданием инфографики на профессиональном уровне. Третий путь — заняться созданием инфографики самостоятельно. Сегодня существует множество программ, о которых мы расскажем в нашей статье ниже.

4. Затем вас ждет, пожалуй, самая сложная часть: «сборка» дизайна. Лучше, если вы имеете представление о том, какой формат может подойти под вашу «историю» и в какие сообщения ее стоит обличить, чтобы не передать не то впечатление. Важно, чтобы сообщения не противоречили друг другу, а факты располагались таким образом, чтобы не запутать читателя с первой минуты. На данном этапе важно не торопиться, рассмотреть все возможные варианты «расположения» основных смысловых частей. Возможно, вам совсем не стоит мучиться над склейкой дизайна самостоятельно, особенно если кто-то другой может сделать это за минуты, а проще обратиться к профессионалам.

5. И вот, вы получили готовую инфографику. Если вы делаете инфографику самостоятельно или с фрилансером, — не забудьте проверить инофграфику на наличие грамматических или орфографических ошибок, различных нестыковок. Если вы работаете с коммуникационным агентством или студией дизайна, специалисты наверняка позаботяться сами, чтобы разместить на получившемся изображении ссылку на ваш ресурс в интернете, название компании. Чем больше людей смогут узнать об источнике, тем больше потенциальных клиентов вы получите. Не стоит занимать логотипом или ссылкой весь угол инфографики, это раздражает.

6. После размещения готовой инфографики на сайт, разместите кнопки распространения в социальных сетях или «встройки» инфографики для тех, кто захочет поделиться ей с друзьями или читателями их ресурсов.

Даже если вы не являетесь дизайнером, не умеете рисовать, учитесь визуализировать свои мысли и идеи. Прямо сейчас берите лист бумаги, ручку, и рисуйте всё, что видите. Увидите, как это изменит вашу жизнь.

Независимо от того, что вы хотите продемонстрировать в инфографике, она значительно облегчает процесс понимания и восприятия информации. Если же вы хотите отточить мастерство, а также научиться созданию инфографики самостоятельно, посмотрите обзор программ для создания инфографики, подготовленный нашими специалистами.

Инфографика бесплатно? Да, это возможно

Если вы не хотите тратить деньги на создание инфографики, сделайте ее самостоятельно. Что вам может для этого понадобиться? Конечно же, шаблоны для создания инфографики.

Сегодня в интернете можно наткнуться на огромный выбор сайтов-инструментов для создания инфографики. Если вы специалист в дизайне, для вас не составит труда использование данными инструментами. Не вызывает сомнения и то, что позднее вы сможете рисовать шаблоны уже без их помощи. Для тех же, у кого нет навыков владения дизайнерскими программами, могут пригодиться следующие онлайн инструменты создания инфографики самостоятельно (подробнее о каждом инструменте можно почитать по этой ссылке):

  • Piktochart
  • Visual.ly
  • Many Eyes
  • Vizualize.me
  • Infogr.am
  • Photo Stats
  • Creately
  • Stat Planet
  • Hohli

Конечно, существуют и другие программы, но они более сложны и менее адаптированы под российского потребителя. Поэтому, рекомендуем остановиться на данных программах и освоить их.

Как же сделать инфографику самому

Ниже приведем несколько важных правил, которыми следует руководствоваться создателям (независимо от того, являетесь ли вы профессиональным дизайнером, или просто интересуетесь созданием инфографики самостоятельно) инфографики:

Правило №1 Метрический повтор — основа основ

Правило №2 Все дело в симметрии

Правило №3 Динамика красивее, чем статика

Правило №4 Не упусти масштаб

Правило №5 Композиция — это ритм

Если у вас остались вопросы или вы хотите заказать инфографику в нашем агентстве, звоните по телефону: +7 (495) 669 50 61 или по электронной почте: info(at)comagency.ru. Будем рады общению с Вами!


Что вы планируете заказать на аутсорсе в 2017году

Что такое инфографика, это отображение каких-либо данных, материала в визуальном представлении. Процесс создания инфографики включает два этапа: подготовка данных, которые лягут в основу картинки, и непосредственно дизайн этих данных для интересной подачи аудитории. В идеале — доверить всё дизайнеру, однако, простейшую инфографику можно сгенерировать на специальных сервисах.

  1. developers.google.com/chart/ — Бесплатный сервис от Гугла для создания информативных, разнообразных диаграмм по внесенным данным. Удобно использовать на сайте. Лёгок в освоении. Мы используем этот сервис на многих своих проектах. Легко подгружать данные из mySQL, выводить визуально всяческие таблицы.
  2. easel.ly — Если требуется быстро сделать яркую статическую визуализацию отчета или новостной статистики, то вам сюда. Все понятно, лаконично и при этом приятно для визуального восприятия. Много шаблонов на основе популярных инфографик.
  3. draw.io — Интуитивно понятный онлайн-редактор инфографики. Благодаря возможности присоединить его к личному Google-аккаунту, имеется возможность быстрого поиска нужных иконок или фонов прямо в Google. Бесплатный сервис.
  4. wordle.net — Создает различной формы и цветов «Облака» из введенных вами слов. Слова, которые наиболее часто упоминаются в тексте, оформляются большим шрифтом.
  5. visage.co — Функционал напоминает инструменты таблицы Exel для построения графиков и диаграмм. Спокойные цвета подойдут для оформления любого отчета. Есть возможность подставить свой фон.
  6. infogr.am — Создание графиков и инфографики в 3 шага: выбор шаблона – визуализация данных – публикация. Удовлетворит базовые требования любого пользователя. Позволяет создавать анимированные графики и вставлять видео в инфографику.
  7. creately.com — Ресурс содержит более 50-ти видов диаграмм, для разных типов информации. Возможно наполнение шаблонов своими графическими элементами. Поддерживает совместную работу над проектом онлайн. Создается красивая, профессиональная инфографика в несколько кликов. Огромная библиотека примеров и вспомогательных статей. Условно-бесплатный сервис. Онлайн версия после регистрации бесплатна. Стоимость Оффлайн-версии от 5$ в месяц.
  8. slemma.com — Ресурс полностью русифицированный. Большой функционал визуализирующих инструментов. Особенностью является возможность построения профессиональной инфографики по потоковым данным в режиме реального времени. Имеет базовый бесплатный арсенал инструментов и расширенную платную версию.
  9. piktochart.com — На сайте размещено более 400 шаблонов, иконок и графических элементов. Диаграммы можно строить по данным таблиц exel.

    Подойдет как любителям, так и профессиональным дизайнерам. Базовая версия бесплатна, расширенная от 39$ в месяц.

  10. cacoo.com — Очень удобный сервис для совместной работы над графическим проектом.

    Оплата не требуется. Быстрая регистрация. Возможна регистрация через Google-аккаунт. Широкий ассортимент предустановленных шаблонов и инструментов. Для работы требуется только браузер. Все очень просто и легко.

Бонус: под соц. замком ещё пара сервисов.

Читайте так же: где взять бесплатные картинки для инфографики и продвижение картинками — как раз о том, где можно посеять вашу инфографику.

Важно: где брать данные и статистику.

Подписывайтесь на Курс копирайтеров: 10 дней, 5 уроков и вы существенно прокачаете свои навыки. В программе работа с рекламным текстом, работа с материалами для статейников, новостями.
С каждым днём инфографика становится все более и более популярна, и, если раньше создавать ее могли только лишь дизайнеры, то теперь это доступно каждому из нас. Представляем вам список из 15 ресурсов, с помощью которых вы сможете это сделать. 

1. Easel.Ly

Easel.ly представляет собой довольно интересный инструмент для создания инфографики, обладает достаточно простым интерфейсом и поддержкой функции «drag & drop». Сервис также предоставляет шаблоны (с предустановленными стилями) для того, чтобы было с чего начать работу. 

2. Visual.Ly

Вам не нужно быть профессиональным дизайнером для того, чтобы всего за несколько минут создать инфографику с сервисом Visual.Ly. В дополнение к предлагаемому инструменту сервис также позволяет следить за инфографиками, созданными другими пользователями. 

3. Piktochart

С помощью Piktochart можно создавать разнообразную инфографику, используя сочетание различных типов визуализации: тем, иконок, изображений и т. д., а также экспортировать диаграммы.

4. Infogr.Am

Infogr.am является простым инструментом для создания как статичной, так и интерактивной инфографики. Импортируйте свои данные, и сервис поможет вам превратить их в симпатичный график или полноформатную инфографику всего за несколько минут.

 5. StatSilk

Приложение (а также онлайн платформа) StatSilk поможет вам изображать ваши данные на разнообразных картах. 

6. Dipity

Dipity предлагает инфографику несколько другого формата, а именно — мультимедийную шкалу времени. Теперь описать какую-либо продолжительную историю станет намного проще. 

7. Timeline JS

TimelineJS — это ещё один сервис, который позволяет построить довольно стильную шкалу времени.

Также существует возможность добавлять медиафайлы (фото, видео, аудио и прочие) из таких источников, как Twitter, Flickr, Google Maps, YouTube, Vimeo, Dailymotion, Wikipedia, SoundCloud и других.

8. ResumeUp

Сервис позволяет представить ваше резюме не в виде скучного документа, а в виде красочной инфографики. Процесс заполнения данного резюме является следующим: вы импортируете все данные из ваших социальных сетей, плюс по необходимости добавляете в резюме дополнительные навыки и опыт, не указанный ни в одном вашем профиле, и всё готово! Важно отметить тот факт, что данный сервис был создан не в Силиконовой долине, а в Санкт-Петербурге, однако уже успел получить известность далеко за границами РФ. У нас, кстати тоже есть свой конструктор резюме, не такой разноцветный, но очень стильный 🙂

9. ChartsBin

ChartsBin — онлайн-инструмент для мгновенного создания собственных интерактивных карт, которые затем очень просто добавить на свой веб-сайт или в блог.

10. Tableau Public

Tableau Public — бесплатное приложение для Windows, с помощью которого за считанные минуты можно создать и поделиться интерактивными графиками и диаграммами, потрясающими картами и прочим.

11. Creately

Вам нужно создать красивые диаграммы в кратчайшие сроки? Creately может стать отличным решением, т.к. он может использоваться для создания диаграмм в любых сферах, как отдельными лицами, так и командами, разработчиками, архитекторами программного обеспечения, студентами и преподавателями.

12. Gliffy

Gliffy помогает создавать блок-схемы, диаграммы, поэтажные планы, технические чертежи профессионального качества и многое другое. Опять же присутствует функция «drag & drop», а также обширная библиотека с разнообразными шаблонами. Можно воспользоваться онлайн версией или скачать плагин для любого браузера.

13. SIMILE Widgets

SIMILE Widgets – это свободно распространяемые web-виджеты для визуализации данных с открытым исходным кодом.

14. Tagxedo

Tagxedo превращает слова из известных речей, новостных статей, слоганов и даже ваших любовных писем (если захотите) в визуальное облако из слов. Размер каждого слова определяется в зависимости от того, насколько часто оно употребляется в тексте.

15. Wordle

Wordle – это также довольно простое web-приложение для генерации «облака слов» из вашего текста. В то время как облака уделяют большей внимания словам, часто встречающимся в исходном тексте, вы можете также настроить ваше облако с помощью разных шрифтов, макетов и цветовых схем.

Больше карьерных советов, акуальных вакансий и полезных ресурсов —
в Telegram-канале

Создание инфографики онлайн

4 качественных и бесплатных сервиса в помощь веб-дизайнеру

Создание инфографики, интересной и яркой, нынче стало крайне необходимым умением для веб-дизайнеров. Красочные картинки со скомпонованной в них информацией подходят практически для любого сайта.

Будь то контент проект, блог, корпоративный сайт или даже интернет-магазин.

Во многих случаях, создавая дизайн сайта, приходится сталкиваться с объемными текстовыми блоками, которые напрочь портят стиль и креатив. А такие элементы, как преимущества компании или последовательное перечисление каких-либо действий, а иначе — шагов, просто напросто нехорошо упаковывать в абзацы и списки.

На помощь приходит инфографика. Если раньше придумывать различные элементы дизайна для подобного изображения приходилось вручную, то теперь этот процесс упростился во много раз, благодаря специальным ресурсам.

Сервисы инфографики предлагают разнообразные инструменты для создания уникальных и ярких изображений. Причем пользоваться ими одно удовольствие: интерфейс многих сервисов инфографики сделан просто и интуитивно. Все действия сводятся буквально к тому, что пользователь перетаскивает элементы дизайна, подгоняет цвета и размер, и добавляет текстовую информацию. Получается, что главное в этом процессе — подключить фантазию.

И так, представим 4 сервиса для создания инфографики. Бесплатных и качественных.

1. Easelly

Этот ресурс имеет безумное количество вариантов инфографики. Пользователь может действовать двумя путями: либо выбрать уже созданную инфографику и отредактировать ее под свои нужды, либо создать собственное изображение с нуля. Для последнего случая система предлагает очень удобную панель. Выбирайте понравившиеся элементы и компонуйте их на свое усмотрение. Для создания инфографики нужно зарегистрироваться. На этом ресурсе есть большие наборы как бесплатных элементов, так и платных.

2. Piktochart

Также, как и предыдущий сервис инфографики, Pictochart позволяет пользоваться частью своего контента бесплатно. Здесь можно создать инфографику онлайн и выгрузить на свой компьютер. Тем, кому интересны платные элементы, придется заплатить $29 в месяц или $290 в год. Дороговато, но предлагаемые элементы на этом сервисе весьма заманчивы.

3. Infogr.am

За регистрацию этот сервис инфографики предложит пользователю всего 6 готовых дизайнов инфографики, зато здесь, вы найдете, возможно, самую интересную подборку графиков, таблиц и чартов. Они уже здорово скомпонованы, так что быстренько подставив свои данные и цифры, можно за пару минут получить красивый дизайн. Платная подписка стоит $15 в месяц.

4. Venngage

Это  еще один ресурс, который позволяет создать инфографику бесплатно. Разработчики этого сервиса, правда, ограничили количество создаваемой инфографики в месяц в бесплатной подписке.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *