Tagged ,
В этой статье Алексей Обжорин рассказывает о том, как знание базовых законов восприятия, таких как сходство, близость, простота, завершенность, помогает дизайнеру выстроить визуальную композицию. Теории Гештальта более сотни лет, но она не теряет актуальности и применяется в новых и новых сферах. Она основана на теории того, что взгляд (и разум) воспринимает объект как целостную структуру до […]
Разработка сайта всегда начинается с формулирования целей и написания технического задания. На этом этапе полезно составить визуальную карту сайта — графический документ, отображающий структуру страниц и навигацию между ними. Карту небольшого сайта можно разрабатывать на бумаге или используя сервисы для создания mind map (ментальной карты). Однако сервисы по созданию ментальных карт не рассчитаны на детальную проработку проектов. […]
Векторный клипарт нужен для оформления презентаций, буклетов, сайтов, наглядных пособий для школы и много чего еще. Представляем 7 лучших коллекций векторных изображений, которые можно скачать бесплатно. Почему векторных? У векторной графики есть 3 неоспоримых преимущества: Вектор масштабируется и сохраняет качество при увеличении. Это значит, что подготовленные с использованием векторных иллюстраций макеты смело можно печатать. Векторная […]
Известно, что инфографика - это способ отобразить определённую информацию в картинках. Сюда относят и проиллюстрированные графики, отображающие определённую статистику, результаты исследований или любцю другую информацию. Абсолютно любое событие, предмет, факт или явление можно отобразить в графическом виде. Инфографику часто называют визуализацией данных.
В этой статье мы подобрали несколько примеров качественной инфографики, которую и хотим вам представить:
Эта инфографика представлена в виде карты России, на которой изображено содержание свинца в почве городов страны. Причём концентрация свинца отмечена разными цветами, а пули крупным планом символизируют сам свинец. Карта страны расположена на синем фоне, что не раздражает зрение, сосредотачивает внимание на деталях.
Эта инфографика посвящена разработке сайта. Тут отмечены обязанности разработчика и заказчика, смайликами синего и жёлтого цветов отмечены те действия, которые должен выполнить заказчик и исполнитель. Лепестками разных тонов отмечены этапы создания сайта и в какой срок каждый этап должен быть выполнен.
Инфографика, изображающая компьютерную игру и правила игры в неё. Показаны способы передвижения по клеткам для прохождения уровня и достижения цели. Правила объясняются текстом и графически.
Эта инфографика изображает схемы, по которым любой неподготовленный человек сможет достаточно быстро собрать пиццу по ингредиентам. То есть по этим схемам новый сотрудник пиццерии сможет сделать пиццу без ошибок, а на скриншоте показаны эти схемы, размещённые на стене в помещении.
Эта инфографика на голубом фоне отображает рынок стартапов в сфере облачных технологий. В графическом варианте здесь отображен процент тех пользователей, которые используют облачные технологии, а также тех, кто готов к их внедрению. Здесь изображены другие результаты исследований мирового рынка, и рынка России, на предмет работы с облачными технологиями.
Это одна из частей инфографики, в которой показано насколько часто россияне стали использовать смартфон, чтобы скачивать приложения, игры, и так далее. Именно этот график отображает данные за зиму и лето 2013 года. Кроме графического отображения данных, тут в текстовом формате объясняются результаты исследований, показанные в графике.
Эта инфографика интересным образом изображает то, какие ошибки люди делают в сложных словах, которые они используют в поисковых запросах. Данные распределены на три колонки, где в первой находится слово в правильном его написании, справа слово с ошибкой, а посредине доля ошибок в каждом из слов в процентном соотношении.
В этой инфографике расположены в хронологическом порядке самые важные для социальной сети Фейсбук события, которые создают её историю. Все факты размещены в столбик, и каждый из них проиллюстрирован графической иконкой. Иконки расположены в шахматном порядке сверху вниз.
Эта инфографика отображает внешний облик медалей, которые предназначены для спортсменов на зимней Олимпиаде этого года. На графике указана структура медалей, то есть показано, как на каждой из них отображается конкретная дисциплина, за которую она была вручена, показан орнамент на медали, и даже описан процесс изготовления медалей.
Эта инфографика о том, как глобальное потепление становится причиной холодных зим в России, Северной Америке и Европе. Смена сезонных схем распределения атмосферного давления в разных частях планеты приводит к тому, холод сменяется теплом и наоборот. Впрочем, узнать подробнее можно в самой инфографике.
На этой инфографике отображены главные события за неделю с 10 по 16 января 2014 года, которые нашли отражение в поисковых запросах Яндекса. Здесь можно проследить интерес пользователей к определённым событиям и его изменения на протяжении недели. Каждое событие проиллюстрировано.
В этой инфографике можно узнать, что обсуждали и о чём писали зарегистрированные пользователи крупнейшей в России социальной сети вКонтакте. Здесь представлено 10 тем и тезисно отмечены обсуждения по ним. Каждая рубрика изображена в виде соответствующей иллюстрации.
Вот на этой инфографике изображён процесс развития онлайн-торговли в хронологическом порядке, начиная с 1995 года. Каждый отмеченный цветной иконкой пункт вкратце рассказывает об изменениях, которые произошли в этот год. Вся инфографика выполнена в трёх цветах: жёлтый, бирюзовый и серый.
В этой инфографике показана статистика относительно усыновления детей жителями нашей страны. К сожалению, график показывает, что очень небольшой процент семей уверены, что смогут воспитывать не своих детей в семье. Также тут показана статистика по таким вопросам как: в каком возрасте люди готовы усыновить ребёнка, что мешает российским родителям с данном мероприятии, какие семьи лучше для ребёнка: русские или иностранные, и так далее.
Кроме 15 представленных сторонних инфографик, мы рады представить вам и нашу, которая показывает, какие используют 30 крупных интернет-магазинов.
Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».
Инфографика – это графическое представление сложной информации. Она необходима, когда сложные данные нужно доступно изложить широкой аудитории.
Больше видео на нашем канале - изучайте интернет-маркетинг с SEMANTICA
Чтобы было понятно, что представляет собой инфографика, приведем пример из жизни. Например, вам необходимо рассказать людям, как приготовить пиццу. Сделать это можно с помощью фотографий, включающих последовательные этапы приготовления и списка ингредиентов, а можно с помощью одной картинки. Для этого вам потребуется разместить на этой картинке изображение пиццы и подводящие к ней стрелочки с ингредиентами. Если эта картинка не требует дополнительного описания и толкования, то ее можно назвать инфографикой.
В ней используются разные средства визуализации:
Сфера ее применения может быть любой. Нередко студенты для восприятия большого количества учебного материала пользуются именно инфографиками.
Часто ее можно встретить в презентациях, особенно это полезно при разработке новых проектов. Встретить такую передачу информации можно по телевидению. Такие информационно-аналитические программы, как «Мир цифр», «Экономика» используют для подачи информации графики, схемы, блоки.
Сделать это можно заплатив специалистам, но также можно попробовать сделать ее самостоятельно. Для этого нужно знать основные принципы ее создания:
При создании инфографики поставьте перед собой задачу – быстро и кратко передать основные тезисы статьи. В одной картинке старайтесь размещать минимум информации.
Хорошая инфографика должна быть большой, четкой и кликабельной, чтобы ее можно было развернуть на весь экран. Текст нужно размещать просторно и в тоже время неограниченно. Стоит уделять особое внимание дизайну. Для этого используйте указатели, графические эффекты, геометрические фигуры.
Есть несколько популярных сервисов:
В интернете можно найти сотни примеров такой подачи материала, достаточно лишь забить это слово в поисковую строку и нажать на картинки. Однако не все картинки можно считать примером удачных работ. Чтобы вам было легче ориентироваться среди всего этого множества, предлагаем взглянуть на эту картинку:
Это пример качественной работы, с крупным изображением, хорошо подобранной палитрой цветов, продуманной структурой и полным раскрытием темы статьи. Благодаря чему информацию, расположенную на инфографики, легко воспринимать и усваивать. Стоит обратить внимание на то, что материал разделен на три блока, которые сообщают читателю о десятке ведущих международных нефтедобывающих компаний.
Тему можно выбрать любую. Это подтверждает следующая достаточно шуточная картинка.
Если тема позволяет, то не стоит упускать возможность использовать что-то смешное и веселое. Как правило, картинки с забавными изображениями и шуточным текстом пользуются большой популярностью.
Инфографика – это пограничный жанр между текстом, журнальной иллюстрацией и мультфильмом. Современные технологии позволяют создавать несколько типов инфографики. Каждый из них хорош по-своему.
Рассмотрим подробнее. Но прежде договоримся, что под инфографикой будем понимать ту ее разновидность, которая видео . Грубо говоря, рисованный ролик, воспроизведение которого сопровождается музыкой, шумами и закадровым текстом.
Нарисованные предметы не имеют объема и могут перемещаться, правда, только в двух плоскостях. Например, демонстрируя рост продаж, взлетает вверх кривая. Или немудреный сюжет про плоский, схематично нарисованный домик, мимо которого проезжает такая же плоская схематичная машинка.
Плюсы: по статистике, 2D-инфографику заказывают чаще всего: это – недорого, но при хорошем дизайне может выглядеть очень стильно и динамично; функцию рекламы выполняет на все сто.
Минусы: ограничен набор изобразительных инструментов.
Пример из нашего портфолио, 2d инфографика для научно-производственного объединения Импульс:
Нарисованные предметы приобретают объем. Наш схематичный домик превращается в трехмерный дом. Правда, до фотографического сходства с реальным ему далеко – отсутствует проработка деталей. Зато можно вовсю использовать эффектные операторские приемы вроде сложных панорам. Например, показать дом с высоты птичьего полета, потом снизиться до первого этажа, облететь вокруг по периметру, зацепить в кадр движущийся автомобиль и немного проехаться с ним вдоль улицы. Кстати, именно для зданий такой вид инфографики наиболее предпочтителен – можно продемонстрировать с разных ракурсов и с любых сторон.
Плюсы: бюджетно и вполне эффектно; обширный набор изобразительных инструментов, возможность использования различных операторских приемов (тревеллинг, съемка с движущегося крана, пролет над объектами и т.п.).
Минусы: скудная проработка деталей не дает возможности поверить в то, что дом и автомобиль – настоящие.
Пример из нашего портфолио, 3d инфографика для оптового поставщика товаров из Азии:
Разница с предыдущим – только в деталях и их проработке. Но все в этом мире состоит из деталей! Именно благодаря им трехмерное здание на экране становится фотографически точной копией Зимнего дворца, а проезжающее мимо авто – «Мерседесом» S-класса. Кстати, именно с помощью такой же технологии создавались парящие острова в «Аватаре».
Плюсы: зритель отождествляет себя с происходящим, он впечатлен, наслаждается зрелищем и удивляется, почему же до сих пор не взял кредит на этот шикарный «мерс».
Минусы: проработка деталей требует ресурсов и времени: чем реалистичнее изображение, тем больше работы дизайнерам и аниматорам, тем мощнее используемые компьютеры и – как результат – тем выше стоимость.
Пример из нашего портфолио, 3d визуализация компании М-Фарм для выставки:
С этой технолгией можно созать практически полноценный мультфильм. «Мерседесом» S-класса управляет, например, дружок куклы Барби – Кен. Или олимпийский мишка. Или Масяня. Разработать мультяшных существ с нуля и «оживить» их – сложная, дорогостоящая задача. В особенности когда возникает желание довести до полного идеала: ресницы – длиннее, прическу – моднее, лицо – эмоциональнее. Каждая такая поправка жадно поглощает ресурсы: время, компьютерные мощности, ваши деньги и т.д. Чтобы не увлечься, важно помнить: максимальная эффективность при минимально возможных затратах.
Мы в Sales Video Production делаем видеоролики для решения задач бизнеса. Создание сложной персонажной анимации оправдано только в некоторых случаях. Поэтому чаще мы предлагаем более лёгкую версию персонажной анимации с элементами 2D-инфографики, но с более тщательной проработкой фонов и деталей. Прочтите: . Таким образом, персонажам «оживляют » только движения рук и ног и придают лицам чуть-чуть мимики.
Плюсы: неограниченные художественные средства отображения идеи; товары рекламируют анимированные персонажи, которые ассоциируются у зрителя с ним самим; можно использовать полноценный сюжет.
Минусы: технология создания сложнее, поэтому сроки создания дольше, чем у ролика в стиле простой 2D-инфографики; требуется больше согласований с заказчиком.
Пример из нашего портфолио, персонажная анимация новой системы знакомств :
Подытожим. Создание различных типов инфографики подразумевает задействование различных ресурсов. Чем реалистичнее изображение, чем лучше проработаны детали, чем больше оно содержит эффектов, тем совершеннее и дороже программное обеспечение, используемое в процессе создания.
Однако главный фактор, который влияет на ценообразование – человеческий. Для воплощения некоторых задач приходится привлекать полноценную съемочную группу в лице сценариста, режиссера, дизайнера, аниматоров, актеров для озвучки, композитора и т.д. Работа каждого из них прямо отражается на смете. Но есть и хорошая новость: пропорционально этим затратам растет качество конечного продукта – того ролика, который вы намерены произвести.
Как, правило, ролики в стиле видеоинфографики размещают на сайтах и используют для продвижения в интернете. Если вы хотите крутой ролик для ТВ, то прочтите: .
Sales Video Production,
производство инфографики и видео.
Инфогра́фика - это графический способ подачи информации, данных и знаний, способ визуального или наглядного представления информации. Инфографика используется там, где нужно представить быстро и чётко, сложную информацию. Инфографика отличается простотой и наглядностью, красочностью и легким восприятием информации.
Инфографика способна не только организовать большие объёмы информации, но и более наглядно показать соотношение предметов и фактов во времени и пространстве, а также продемонстрировать тенденции.
Инфографика работает там, где нужно показать устройство и алгоритм работы чего-либо, соотношение предметов и фактов во времени и пространстве, продемонстрировать тенденцию, показать как что выглядит, организовать большие объёмы информации.
Инфографика - это визуальное представление информации. Используется там, где сложную информацию нужно представить быстро и чётко.
Инфографика - это прекрасная визуализация данных, а как известно 90% информации человек получает посредством зрения и лишь 10% через остальные органы чувств. Во-вторых, простая и оригинальная визуализация намного понятнее и лучше усваивается. Думаю это можно продолжать до бесконечности.
Инфографика различна, так как под ней понимается справочная или иллюстрированная информация, представленная различными методами визуализации -при помощи графиков, диаграмм, гистограмм, ментальных карт (mind map -карты памяти), временных шкал и т.д.
Посредством различных способов визуализации искусным авторам удается красочно и просто представить сложные и скучные цифры.
Разновидности
· Числа в картинках: наиболее распространённая категория, которая позволяет сделать числовые данные более удобоваримыми,
· Расширенный список : статистические данные, линия времени, просто набор фактов может быть визуализирован,
· Процесс и перспектива : служит для визуализации сложного процесса или предоставления некоторой перспективы. Может вообще не содержать числовых данных.
10 советов по созданию качественной инфографики
задача инфографики – взять сложную информацию и ее более понятной. цель состоит в том, чтобы создать нечто, что может быть усвоено максимально быстро.
Одна из блестящих возможностей инфографики – взять скучную, комплексную информацию и обратить ее в графическую метафору.
Целью дизайнеров было связать пятьдесят позиций сравнительного позитивного экономического роста 14 стран. благодаря метафоре соревнования, она становится интересным, побуждающим к обсуждению графиком.
Порой инфографика используется не просто для оживления скучных данных, а для отображения реальной ситуации. В подобном случае одной из популярных стратегий является представление обстановки в виде трехмерной графики . То, что в обычных условиях потребовало бы нескольких параграфов или даже страниц объяснений, сконцентрировано в одном наглядном изображении.
Итак, инфографика – креативная организация, стилизация и презентация информации с целью повышения интересности, читаемости и понятности,.
Виды инфографики
По характеру визуализации данных многочисленные виды информационной графики можно разделить на две большие группы по критерию систематизации типов данных – группы количественной и качественной визуализации:
Для организации представления количественных (числовых) данных используются графики, диаграммы, гистограммы и номограммы, которые, в свою очередь подразделяются на подгруппы (точечные, линейные круговые и т.п.);
Для организации представления совокупности (например, иерархий) объектов и качественных данных используют многочисленные типы схем, карт, изображений и их последовательностей, а именно:
1. организационные диаграммы, отражающие структуру объекта (например, темы дисциплины, состава устройства или организации). Они призваны обозначить функции и показать связи подчиненных структур;
2. диаграммы трендов, определяющие стратегию развития процессов. На такой диаграмме все показатели представлены в наглядной форме, облегчающей планирование и принятие решений;
3. планы-графики, четко определяющие последовательность решения задач в ходе того или иного процесса, которые, в частности, используются для планирования учебного процесса;
4. технологические диаграммы, на которых четко представлены особенности и стадии технологических процессов;
5. диаграммы и схемы компьютерных сетей и телекоммуникаций, используемые как на стадии разработки технических концепций формирования компьютерных сетей, так и в дальнейшем в процессе их функционирования;
6. разнообразные схемы, при помощи которых акцентируется внимание на наиболее важных моментах при обмене учебной информацией;
7. рисунки и схемы, наглядно и доступно представляющие тот или иной процесс или ситуацию и незаменимые при объяснении учебного материала даже учащимся начальной школы;
8. графы, визуализирующие переходы или связи понятий, событий, процессов;
9. ментальные карты знаний, процессов, сущностей. Последние пока мало применяются в образовательном процессе, хотя их потенциал превосходит традиционные опорные конспекты, поскольку напрямую отражает возможное движение мысли при знакомстве с проблемой (материалом) и принятии решения;
10. ИГ миниатюры – пиктограммы, иконки, указатели.
Пиктограммы и графические акценты/миниатюры заключают в себе элементы указующей инфографики, например, стрелки переходов по ресурсам вверх–вперед–назад–дальше, восклицательный или вопросительный знаки, миниатюры и т.п.
Существуют и более сложные объекты инфографики, создающие полновесное графическое повествование – комбинирующие тексты, таблицы и изображения (например, фотографии) с видами элементарной ИГ – картами, диаграммами, схемами, указателями - коллаж, наделенный интерактивными свойствами.
Создание инфографики проходит следующие этапы:
· Формулирование цели создания инфографики и определение аудитории. Разрабатываемый информационный дизайн обычно предназначен для какой-то целевой аудитории.
· Сбор определенного количества данных, материала по теме. Данные представлены в различных форматах - текстовый контент, графика, видео материалы, страницы таблиц и так далее...
· Аналитика и обработка информации Собранный материал необходимо проанализировать и обработать, привести к одному знаменателю - обычно это неоформленные графики, гистограммы...
· Построение доступной визуализации, верстка. Весь материал компонуется, приводится в красивый наглядный вид.
