Инфографика: бесплатные видео уроки для начинающих
Диаграммы, иллюстрации, карикатуры и изображения с визуальным представлением информации и данных встречаются во многих областях: в науке, журналистике, образовании и рекламе. Сегодня инфографика является востребованной областью дизайна.
Подборка видео даст представление об инфографике, ее особенностях, правилах составления, а также практические навыки по ее исполнению.
Базовые знания
В вебинаре рассматриваются вводный материал по инфографике, ее использовании, процессе создания. Ее возникновение относят к XIX веку, когда появились первые изображения, систематизирующие и передающие большой объем данных с помощью небольших, но информативных изображений. Со временем она совершенствуется, меняет свой облик, добавляются новые элементы. На сегодня это любой дизайн-макет, в котором смысл доносится с помощью визуализации данных.
Чтобы определится с нужной идеей, изучите уже наработанные примеры. В интернете можно найти множество работ. Также можно визуализировать статьи или статистические данные. Чтобы сделать картинку, необходимо пройти 4 этапа визуализации: посмотреть собранные данные, структурировать и проанализировать их, выбрав те, что будут использоваться, представить прототип макета, эскиз, перенести его в дизайнерскую программу. Автор дает много информации, которая будет полезна для начинающих.
Делаем красивую инфографику самостоятельно
Чтобы разнообразить презентацию, добавить интересную фишку в ролик можно использовать возможности инфографики. В видео речь пойдет о бесплатном приложении Powtoon, с помощью которого можно создавать различные картинки, анимировать их и вставлять в свои проекты. В нем есть масса шаблонов, которые можно менять по своему вкусу, добавлять текст, накладывать эффекты.
Основы за десять минут
Красиво и понятно оформленные с помощью картинок статистические данные гораздо выгоднее смотрятся и привлекают внимание, чем сухие неинтересные графики и таблицы. Для создания инфографики используются графические изображения, диаграммы, графики, маршруты движения. Иллюстрация должна быть поделена на части и визуально показывать, каким образом следует двигаться по данным. Она должна быть понятна без дополнительной инструкции и акцентировать внимание на преподносимой информации.
Проектируем в Adobe Illustrator
В уроке показывается создание элементов инфографики, рассматриваются вопросы использования цвета и текста. Кроме того, создаются 5 простых иконок, которые будут использовать для наглядной демонстрации. Будет полезно начинающим дизайнерам, так как все этапы показаны очень подробно. Готовый образец может использоваться для иллюстрации преимуществ фирмы или товара, сравнения одного товара с другим, перечисления.
Диаграмма с анимацией
В уроке демонстрируется создание диаграммы в Adobe After Effects и добавление к ней анимации. Для этого необходимо иметь минимальные знания программы. Автор пошагово рассказывает все этапы работы. Начинает с настройки начальной композиции и добавления подложки с градиентом. Далее рисуется сама диаграмма. К занятию прилагаются файлы с палитрой цветов, что значительно упрощает работу новичкам, избавляя их от необходимости подбирать удачные цвета. Создаются сектора, которые будут появляться в определенный момент времени. Следующим этапом добавляют текстовую информацию и иконки, которые также будут анимированы.
Частые ошибки
На начальном этапе многие дизайнеры делают характерные ошибки, которых стоит избегать в работе. В ролике представлены самые распространенные из них.
1. Делать иллюстрации к тексту, вместо иллюстраций, которые выражают смысл. Вкладывать смысл в текст, а не в графику.2. Вкладывать смысл в цифры, а не в графику.
3. Пытаться уместить слишком много смыслов в одной иллюстрации.
4. Слишком увлекаться художественной частью в ущерб удобству восприятия.
5. Слишком увлекаться формами графики сложными для восприятия.
6. Использовать неочевидные метафоры.
Обзор онлайн сервиса
Видеообзор бесплатного сервиса easel, с помощью которого можно создать собственную инфографику. В нем собраны шаблоны, в которые можно подставлять свои данные, а также на основе имеющихся в базе элементов собрать свою картинку. Объекты разделены тематически, к сожалению, не все в свободном доступе. Можно добавить текст, отредактировать его, есть набор подложек, стрелок, всевозможных фигур, диаграмм, возможность рисования. Помимо встроенных элементов можно добавлять собственные изображения. К сожалению, в бесплатной версии нет возможности сохранить работу в хорошем качестве или pdf, но можно вставить ссылку или скопировать код и поделиться результатом в соцсетях или на сайте.
Диаграмма в Photoshop
Ролик демонстрирует пример рисования необычной диаграммы в Photoshop. Можно использовать для демонстрации числовых данных в отчетах, презентациях. Она смотрится очень интересно и будет хорошим графическим элементом. Автор очень подробно описывает все шаги создания, поэтому даже начинающим будет легко все повторить. Создается из простого эллипса, который отрезается в необходимых местах или вытягивается. Добавляются линии выноски с числовыми значениями и обозначения цветных линий.
Круги со связями
Представленный в лекции вариант макета можно использовать для демонстрации последовательности решения задач или проблем, связи процессов, изучения стадий каких-либо процессов. Представляет собой круги, которые имеют нумерацию и соединяются между собой изогнутой линией с ярким градиентом. Сверху добавлены иконки с обозначениями, а снизу — поясняющий текст. Пошаговое исполнение с показом использованных инструментов и их настроек будет интересно для начинающих.
Рисуем в фотошоп
Визуализация информации быстрее и понятнее для человека. Совмещает в себе текст и картинки, которые проясняют друг друга. Ее можно использовать для коммерческих предложений, баннеров, сайтов. В видео показан пример рисования графики в Photoshop от наброска на бумаге до реализации идеи в программе. При рисовании графики используются 2 подхода. Подход Тафти предполагает минималистических характер графики, избавление от всего лишнего, что мешает целостности восприятия. Его основная цель — получение целевой аудиторией точной информации. Второй идеален для журналистики, блогов, рекламы, где главное не только предать информацию, но и развлечь и привлечь читателя. Картинки становятся похожими на комикс и обретают боле выразительные черты.
2 ноября 2022