Как создавать хорошую инфографику: разработка дизайна

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

Выбор цветовой палитры для вашего проекта

В интернете есть множество ресурсов, которые помогут вам определиться с цветовой палитрой. Например:

1. ColorScheme.ru

ColorScheme.ru

На этом сайте предоставляются различные опции для выбора цвета:

● Контраст;

● Триада;

● Акцент;

● Аналогия;

● Тетрада (выбор 4 цветов).

Сайт позволяет легко и быстро подбирать гармоничные цветовые сочетания.

2. Coolors.co

Еще один прекрасный вариант для подбора цветовых сочетаний, удобный и простой в использовании.

Coolors.co

На этом сайте есть большая библиотека готовых цветовых шаблонов. И также имеется возможность генерировать своих колористические схемы.

Coolors.co

В настройках можно:

● Фиксировать выбранные цвета для будущего использования;

● Корректировать оттенки;

● Менять их местами;

● Удалять.

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

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

Можно корректировать все фрагменты палитры разом, работая с настройками яркости, насыщенности, контрастности.

Coolors.co

Еще здесь можно визуализировать созданную вами палитру:

Coolors.co

Это значит, что можно посмотреть, как она будет смотреться на практике:

Coolors.co

Доступны разные режимы визуализации, выбирайте тот, который соответствует вашим задачам.

Coolors.co

Чтобы сохранить выбранный шаблон, нужно зарегистрироваться на сайте и загрузить его в личный блок.

Выбор шрифтов

Другая важнейшая часть дизайнерского решения инфографики ‒ шрифты. Выбор здесь действительно огромен. Условно можно разделить все имеющееся многообразие на 4 большие группы:

1. Каллиграфические;

2. Некаллиграфические;

3. С засечками;

4. Без засечек.

Для подбора шрифтов тоже можно использовать различные сайты. Например, fonts-online.ru. 

Выбор шрифтов

Здесь можно:

● Просмотреть, как шрифт будет выглядеть на разных языках.

● Использовать фильтры по категориям: декоративные, вариативные, кириллические и т.д.

● Добавить собственный шрифт.

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

Выбор шрифтов

Будьте внимательны к лицензионным условиям. Некоторые варианты могут быть использованы только для персональных проектов.

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

Не все символы могут быть доступны в каждом шрифте, и это совершенно нормально. Проблему с отсутствующими символами можно легко решить.

Установка Шрифта

● Нажмите на кнопку «Скачать» рядом с выбранным вариантом.

● Пройдите капчу, подтвердив, что вы не робот.

● Откройте скачанный архив.

● Внутри архива найдите файл шрифта и нажмите «Установить».

● Шрифт установится в вашу систему всего за несколько секунд.

Полезные ресурсы для поиска изображений

Еще один важный инструмент инфографиста ‒ это картинки. Существуют разные фотобанки и сайты с визуальными материалами. Среди них:

Pinterest

Pinterest ‒ это удобный ресурс для поиска различных шаблонов и дизайнерских решений.

Pinterest

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

Freepik

Этот сайт также требует регистрации, которую можно сделать через Google.

Freepik

Этот ресурс предназначен для поиска и работы с:

● Векторными изображениями. Вектор предоставляет возможность увеличения без потери качества, в отличие от растровой. Это особенно полезно, если вам нужно масштабировать изображение.

● Фотографиями;

● Видео;

● Готовыми шаблонами;

● и т.д.

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

● Рисунки, выполненные красками;

● Мультипликационные изображения;

● Геометрические структуры;

● и так далее.

Freepik

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

Оставить комментарий

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